módulo 2: trabajando con formularios y controles

26
Módulo 2: Trabajando con Formularios y Controles

Upload: teobaldo-calleros

Post on 03-Feb-2015

12 views

Category:

Documents


0 download

TRANSCRIPT

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