Módulo 2: Trabajando con Formularios y Controles.

26
Módulo 2: Trabajando con Formularios y Controles

Transcript of Módulo 2: Trabajando con Formularios y Controles.

Page 1: Módulo 2: Trabajando con Formularios y Controles.

Módulo 2:Trabajando con

Formularios y Controles

Page 2: Módulo 2: Trabajando con Formularios y Controles.

Entender Conceptos de Programación

Trabajar con Windows Forms

Trabajar con Controles

Darle Estilo a su Código

Descripción

Usar VisualStudio 2005

Acceder aDatos

Depurar yDesplegar

EscribirCódigo

Crear la Interfaz

Page 3: Módulo 2: Trabajando con Formularios y Controles.

Programación

orientada a eventosProgramación

orientada a eventos

EventosEventos

MétodosMétodos

ObjetosObjetos

PropiedadesPropiedades

ClasesClases

Lección: Entendiendo Conceptos de Programación

Page 4: Módulo 2: Trabajando con Formularios y Controles.

¿Qué es Programación Orientada a Eventos?

Sub Button1_Click (…)

‘Inserte código para ‘el evento

End Sub

Sub Button1_Click (…)

‘Inserte código para ‘el evento

End Sub

Page 5: Módulo 2: Trabajando con Formularios y Controles.

Clases: Planos para los Objetos

Una instancia de una clase.

Analogía: Un edificio basado en el plano.

Una instancia de una clase.

Analogía: Un edificio basado en el plano.

ObjetoObjetoObjetoObjeto

Cada formulario en un proyecto Visual Basic es un objeto.Cada formulario es una instancia de la clase Form.Cada formulario en un proyecto Visual Basic es un objeto.Cada formulario es una instancia de la clase Form.

EjemploEjemploEjemploEjemplo

Una representación simbólica de un objeto.

Analogía: Un Plano.

Una representación simbólica de un objeto.

Analogía: Un Plano.

ClaseClaseClaseClase

Page 6: Módulo 2: Trabajando con Formularios y Controles.

¿Qué Son las Propiedades, Métodos y Eventos?

Form1

PropiedadesPropiedadesPropiedadesPropiedades SizeTextSizeText

MétodosMétodosMétodosMétodos CloseHide

CloseHide

EventosEventosEventosEventos ClickClick

Volume Bass

Volume Bass

Tune Tune

Low BatteryLow Battery

Page 7: Módulo 2: Trabajando con Formularios y Controles.

Práctica: Propiedades, Métodos, y Eventos

Puerta

Automóvil

Ejemplo: Teléfono

Propiedades: Ancho, Color, Volumen

Métodos: Ring, SubirVolumen

Eventos: VolumenSubido, MarcadoCompletado

Para cada uno de los siguientes objetos, sugiera propiedades, métodos y eventos asociados:

Page 8: Módulo 2: Trabajando con Formularios y Controles.

Lección: Trabajando con Windows Forms

Cómo Crear un Formulario

Cómo Asignar las Propiedades de un Formulario

Cómo Invocar Métodos

Cómo Manejar los Eventos del Formulario

Formularios Modales y No Modales

Cómo Manejar Formularios Múltiples

Page 9: Módulo 2: Trabajando con Formularios y Controles.

Cómo Crear un Formulario

Page 10: Módulo 2: Trabajando con Formularios y Controles.

Cómo Asignar las Propiedades del Formulario

Nombre del ObjetoNombre del Objeto

Botón para Lista AlfabéticaBotón para Lista Alfabética

Panel de DescripciónPanel de Descripción

Botón para Lista por CategoríasBotón para Lista por Categorías

Page 11: Módulo 2: Trabajando con Formularios y Controles.

Cómo Invocar Métodos

Sub Form1_Click Me.CenterToScreen( )

End Sub

Sub Form1_Click Me.CenterToScreen( )

End Sub

MétodosMétodos

Page 12: Módulo 2: Trabajando con Formularios y Controles.

Cómo Manejar Eventos del Formulario

EventosEventos

Lista de Nombres de Clase

Lista de Nombres de Clase

Page 13: Módulo 2: Trabajando con Formularios y Controles.

Demo: Escribiendo Código Para Eventos del Formulario

Abrir una nueva aplicación Windows en Visual Basic 2005

Abrir el editor de código para el formulario

Agregar código para el manejador de eventos

Abrir el manejador de eventos Form1_Click

Ejecutar la aplicación y probar el código

Page 14: Módulo 2: Trabajando con Formularios y Controles.

Formas Modales y No Modales

Forma Modal

¿Guardar archivos antes de salir?

Forma Principal

Sí No

Page 15: Módulo 2: Trabajando con Formularios y Controles.

Cómo Manejar Múltiples Formularios

Form1

Form2

Form2

Abrir

Cerrar

Page 16: Módulo 2: Trabajando con Formularios y Controles.

Lección: Trabajando con Controles

Cómo Agregar Controles a un Formulario

Cómo Asignar las Propiedades del Control

Cómo Agregar Código para los Eventos del Control

Cómo Usar la Función MessageBox.Show()

Page 17: Módulo 2: Trabajando con Formularios y Controles.

Cómo Agregar Controles a un Formulario

Page 18: Módulo 2: Trabajando con Formularios y Controles.

Cómo Asignar las Propiedades de un Control

Puede asignar el mismo valor de propiedad para múltiples controles al mismo tiempo

Page 19: Módulo 2: Trabajando con Formularios y Controles.

Cómo Agregar Código Para los Eventos del Control

Page 20: Módulo 2: Trabajando con Formularios y Controles.

Cómo Usar la Función MessageBox.Show()

MessageBox.Show( ) MessageBox.Show( )

Default ButtonDefault Button

IconIcon

Text As StringText As String

Caption As StringCaption As String

ButtonsButtons

Page 21: Módulo 2: Trabajando con Formularios y Controles.

Demo: Creando una Message Box

Abra una nueva aplicación Windows en Visual Basic 2005

Cree la interfaz de usuario

Abra un manejador de eventos y agregue código para crear un message box

Asigne las propiedades del formulario y de los controles

Ejecute la aplicación y pruebe su código

Page 22: Módulo 2: Trabajando con Formularios y Controles.

Lección: Codificando con Estilo

Convenciones de Nombramiento

Cómo Dar Formato y Documentar el Código

Page 23: Módulo 2: Trabajando con Formularios y Controles.

Convenciones de Nombramiento

Reglas

Solo use letras, dígitos y subguiones (_) Empiece con una letra o subguión No use palabras clave (keywords)

Guías Case: Use PascalCasing o camelCasing,

dependiendo del elemento que está nombrando

Mecánica: Use sustantivos para objetos y verbos para métodos

Selección de palabra: Use términos consistentemente entre segmentos de código

Respuesta4242RespuestaRespuesta4242Respuesta

MALESTILO_estilopobreMejorEstilo

MALESTILO_estilopobreMejorEstilo

BotonAbrirTrueBotonAbrirTrue

Page 24: Módulo 2: Trabajando con Formularios y Controles.

Cómo Dar Formato y Documentar Código

Indentado

Continuación de linea y encadenamiento

Agregando comentarios

Agregue comentarios a su código para hacerlo más legible y fácil de mantener

MessageBox.Show(“Usuario = " & Usuario.Text & _

", Password = " & Password.Text)

MessageBox.Show(“Usuario = " & Usuario.Text & _

", Password = " & Password.Text)

Sub Button1_Click Me.Close

End Sub

Sub Button1_Click Me.Close

End Sub

‘Mostrar CalculationForm

Dim CalculationForm as new Form2( )

CalculationForm.Show( )

‘Mostrar CalculationForm

Dim CalculationForm as new Form2( )

CalculationForm.Show( )

Page 25: Módulo 2: Trabajando con Formularios y Controles.

Entender Conceptos de Programación

Trabajar con Windows Forms

Trabajar con Controles

Darle Estilo a su Código

Repaso

Usar VisualStudio 2005

Acceder aDatos

Depurar yDesplegar

EscribirCódigo

Crear la Interfaz

Page 26: Módulo 2: Trabajando con Formularios y Controles.

Lab 2.1: Creando la Interfaz de Usuario

Ejercicio 1: Creando el Formulario Principal