12
John Alejandro Mantilla Celis Introducción a Windows Forms

Introducción a windows forms

Embed Size (px)

DESCRIPTION

Creación de mi primera Aplicación de windows forms, Demo.

Citation preview

Page 1: Introducción a windows forms

John Alejandro Mantilla Celis

Introducción a Windows Forms

Page 2: Introducción a windows forms

Crear Nuestro Primer ProyectoPreviamente en el PC tiene que estar instalada cualquier versión de Visual Studio 2010 (Express, Professional…). Nuestro IDE seleccionado para cumplir con nuestro aprendizaje.

Nota: estos primeros contenidos están enfocados a un nivel básico de conocimiento.

Abrimos Visual Studio y seguimos la ruta Archivo/ Nuevo/ Proyecto.Veremos el menú mostrado en la imagen 1.

Imagen 1. Crear nuevo proyecto.

Page 3: Introducción a windows forms

Aplicación de WindowsEscogemos el lenguaje de programación C#, y se puede observar todas posibles aplicaciones que podemos crear dentro de este IDE. Para el caso que nos interesa de momento seleccionamos Visual C#/ Windows/Aplicación de Windows Forms.

Y en la parte del nombre del proyecto escribimos “MiPrimerProyecto”, la ubicación es de su libre elección.

Imagen 2. Submenú Crear Proyecto.

Imagen 3. Nombre Nuevo Proyecto.

Page 4: Introducción a windows forms

Mi Primer ProyectoNuestro IDE crea este proyecto y lo guarda en la ruta anteriormente seleccionada y nos muestra, el primer Formulario o pantalla de nuestra aplicación.

Imagen 4. Proyecto Nuevo Creado.

Page 5: Introducción a windows forms

Mi Primer Proyecto

Imagen 5. Form1.

Este proyecto de Windows Forms es una parte importante del concepto de Tecnología de Cliente Inteligente, esta se basa en mostrar un contenido en formularios, obtener información del cliente, y generar respuestas programadas mediante eventos o acciones propias del usuarios (Presionar una tecla, dar un Clic, etc.).Estos formularios aceptan controles que son elementos propios de la interfaz, con estos podemos manipularlos según la necesidad. En nuestro IDE los encontramos en el ‘Cuadro de Herramientas’.Bueno vamos hacer un form básico que contenga , 2 botones, 1 etiqueta y una caja de texto, de los cuales vamos a usar sus eventos para cambiar las propiedades de los controles como del formulario.

Page 6: Introducción a windows forms

Mi Primer ProyectoPropiedades de Form1

Cambiamos el nombre del form1, primero lo cerramos por completo para que el cambio lo haga completo, nos dirigimos al explorador de soluciones, sobre el form1 clic secundario y escogemos cambiar nombre, escribimos frPrincipal, que va ser nuestro nombre para identificar este form.

Abrimos y nos dedicamos a modificarle las propiedades de frPrincipal, de la sigueitne manera:BackColor : White.Font: Calibri, 12pt.FormBorderStyle: FixedSingle.KeyPreview: true.MaximizeBox: false.MinimizeBox: false.Size: 500, 200.MaximumSize: 500, 200.MinimumSize: 500, 200.StartPosition: CenterScreen.Text: Formulario Principal de mi Primera Aplicacion Windows Forms.

Imagen 6. Explorador de Soluciones.

Page 7: Introducción a windows forms

Mi Primer ProyectoObtenemos frPrincipal que se ve como este Todas las propiedades modificadas

anteriormente lo que nos va a causar en nuestro form es que, tenemos un tipo de letra con un tamaño bastante agradable, garantizamos que nuestro usuario final siempre este en la aplicación, ya que no se puede ni alterar su tamaño y minimizar en la barra de tareas, que es lo que quiero para demostrarles, los usos y posibles utilidades.

A continuación agregamos los controles implicados, 2 botones, 2 etiquetas y 1 caja de texto.

Imagen 7. frPrincipal sin controles.

Imagen 8. frPrincipal Controles.

Page 8: Introducción a windows forms

Propiedades de los botonesButton1 modificamos > Name: btn1; BackColor: Control; Location: 367, 135; Size: 115, 25; Text: “Color de Fondo”.Button2 modificamos > Name: btn2; BackColor: Control; Location: 246, 135; Size: 115, 25; Text: “Tamaño y pos”.Propiedades de la EtiquetaLabel1 > Name: lbl1; BackColor: Control; Location: 12, 9; Size: 252, 19; Text: “Tecla Esc: Revierte todos los cambios”. Propiedades de la Caja de TextotextBox1 > Name: txt1; Location: 12, 64; Size: 470, 27; Text: “Ingrese su texto aquí”.

Imagen 9. Propiedades Modificadas.

Mi Primer ProyectoPropiedades de los Controles

Page 9: Introducción a windows forms

Eventos y Código

Mi Primer Proyecto

Imagen 10. Eventos Formulario. Imagen 11. Eventos Caja de Texto.

Imagen 12. Eventos Botón 1.

Imagen 13. Eventos Botón 2.

Page 10: Introducción a windows forms

Mi Primer ProyectoEventos y Código

Imagen 14. Eventos.

Con estos eventos podemos visualizar de primera mano las ventajas y lo que sucede al usar las propiedades y los eventos de todo lo que encierra un Windows Forms.

Imagen 14. Eventos del formulario.

Page 11: Introducción a windows forms

Mi Primer ProyectoEventos y Código

Imagen 14. Eventos Caja de Texto.Imagen 14. Eventos Botones.

Después de agregar todas estas sentencias, y depuramos nuestra aplicación obtenemos que nuestra aplicación cambia según nuestra necesitan los colores de fondo como las posiciones así si mismo es con una tecla podemos retornar a su estado inicial, también controlamos el tamaño y evitamos que el usuario pueda modificarlo, no dejándole ver los cursores de tamaño.

Fin.

Page 12: Introducción a windows forms

Gracias.

Preguntas http://jamcsite.blogspot.com/ContactoTwitter: @AlejoJamC