Tema 10. Uso de formularios y controles
Clase 1
InformáticaProfa. María Alejandra Quintero
ContenidoFormulario. Concepto y propiedades.Controles. Concepto y aplicaciones en Visual
Basic.Control: Etiquetas (Label)Control: Cuadros de texto (TextBox)Control: Botones de comando (Button)Escritura del código de un programa con
formularios y controles (eventos y procedimientos de eventos)
Ejemplos
FormularioEs una ventana que permite al usuario interactuar con el programa.
En un programa pueden haber uno o varios formularios.
Ejemplos de formularios
Cómo insertar un formulario en Visual Basic? Al abrir un nuevo proyecto se selecciona:
en vez de:
Inmediatamente aparece un formulario con el cual podemos trabajar.
Formulario sobre el cual se trabaja en Visual Basic:
ControlEs un elemento gráfico que puede incluirse en un formulario, permite introducir datos, observar información generada por el programa, ejecutar comandos, entre otros.
Cada elemento dentro del formulario es un control
Tipos de controlesVisual Basic maneja diversos tipos de controles, los cuales se encuentran disponibles en el cuadro de herramientas:
Para insertar un control en un formulario basta arrastrarlo desde el cuadro de herramientas hasta el formulario, luego se establecen sus propiedades de acuerdo a lo que necesitemos hacer.
Control: Etiquetas (Label)Permiten mostrar mensajes en el formulario
9
Etiquetas
10
Las propiedades más importantes de las etiquetas son:
Name: nombre de la etiqueta, se sugiere que comience con las siglas Lbl. Por ejemplo: LblArea.
Text: almacena el texto que se escribe en la etiqueta.
Otras propiedades son: Font, Backcolor, ForeColor, BorderStyle, etc.
11
El valor de las propiedades de un control se puede cambiar de dos maneras:
a)Durante el diseño del formulario en la ventana Propiedades.
b) En el código del programa.
Ejemplo:
Lblarea.text = “Área = “ & A
Control: Cuadros de texto (TextBox)Reciben la información que el usuario introduce, de manera similar al cuadro que los Inputbox tienen para escribir datos.
TextBox
13
Las propiedades más importantes de los cuadros de textos son:
Name: nombre del cuadro de texto, se sugiere que comience con las siglas Txt. Por ejemplo: TxtBase, TxtAltura.
Text: almacena el texto que se escribe en el TextBox
14
Control: Botón de comando (Button)Determinan el momento en el que el usuario desea hacer algo, por ejemplo: salir del programa, guardar, imprimir, realizar algún cálculo, etc.
Button
15
Aunque el botón de comando tiene muchas propiedades, la mayoría de las veces sólo se requiere definir dos:
Name: nombre del botón, se usa para hacer referencia a él en el código.
Text: texto que aparece en el botón.
Propiedad Text = “Guardar”
16
El código se escribe en módulos llamados procedimientos de eventos.
¿Qué es un evento?Es una acción que el usuario realiza en el programa durante la ejecución del mismo. Ejemplo: hacer clic sobre un botón, pulsar una tecla, escribir en cuadro de texto, colocar el ratón sobre un área determinada de la pantalla, etc.
El objetivo es escribir las instrucciones que el programa debe ejecutar cuando ocurra algún evento.
Escritura del código en un programa con formulario y controles
17
Estructura de un procedimiento de evento:
Private Sub NombreControl_Nombre Evento ( ) Handles NombreControl.NombreEvento
Instrucciones
Parámetros generados por VBEnd Sub
Private Sub BotSal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)Handles BotSal.Click
Close()
End Sub
Ejemplo: código para el evento clic de un botón para salir del programa, cuyo nombre es BotSal.
18
Cada control tiene una serie de eventos que pueden ser programados, por ejemplo:
NOMBRE DEL EVENTO DESCRIPCIÓN
Load Se produce al cargar un formulario, esto es, al visualizarse un formulario.
Unload Se genera al cerrar un formulario mediante el botón cerrar.
KeyPress Sucede cuando el usuario pulsa y suelta determinada tecla.
KeyDown Se produce cuando el usuario pulsa determinada tecla
KeyUp Ocurre cuando el usuario suelta una determinada tecla
ClickSe genera cuando el usuario pulsa y suelta uno de los botones del ratón sobre un formulario o control. Para el caso de un botón de comando, botón de opción y casilla de selección, el evento ocurre cuando se pulsa el botón izquierdo del ratón.
DblClick Sucede cuando se hace clic dos veces seguidas con el botón izquierdo del ratón sobre un formulario o control
MouseDown Se genera cuando el usuario pulsa cualquiera de los botones del ratón
MouseMove Ocurre al mover el ratón sobre un control o un formulario.
19
Ejemplo 1: realizar un programa para calcular el área de un triángulo.Paso 1: Diseñar la interfaz gráfica (formularios y controles que constituirán el programa).
TxtBase
TxtAltura
LblArea
BotonCalc
BotonSalir
20
Paso 2: Escribir el código (procedimientos de evento). Solamente se codificarán los eventos Click de los botones de comando.
BotonCalc
BotonSalir
21
Código del botón Calcular (BotonCalc)
Private Sub BotonCalc_Click . . .
Dim b, h, A As Single
b = TxtBase.Text h = TxtAltura.Text A = b * h / 2 LblArea.Text = "Area = " & A
End Sub
Private Sub BotonSalir_Click . . . Close()
End Sub
Código del botón Salir (BotonSalir)
22
Ejemplo 2: construir un programa que calcule el precio final a pagar por la compra de un artículo, teniendo como entrada el precio de venta. Si éste es superior a 10000 Bs se aplicará un descuento del 10%, en otros casos el descuento es del 3%. Aplicar un impuesto del 12%.
23
Interfaz gráfica
BotonCalcularP
TxtPV
TxtDesc
TxtIVA
TxtPT
24
Algoritmo del evento click del botón Calcular Precio
0. Inicio1. Solicitar precio de venta (pv)2. Si pv > 10000 entonces 2.1 Desc = 0.1 * pv De lo contrario 2.2 Desc = 0.03 * pv Fin de si 23. pv = pv – Desc4. Imp = 0.12 * pv5. PT = pv + Imp6. Mostrar descuento (Desc)7. Mostrar impuesto (Imp)8. Mostrar Precio Total (PT)9. Fin
25
Código del botón Calcular Precio(BotonCalcularP)Private Sub BotonCalcularP_Click . . .
10000 T Dim pv, Desc, Imp, PT As Single
pv = TxtPV.Text If pv > 10000 Then Desc = 0.1 * pv Else Desc = 0.03 * pv End If pv = pv - Desc Imp = 0.12 * pv PT = pv + Imp txtDesc.Text = Desc TxtIVA.Text = Imp TxtPrecioT.Text = PT
End Sub
26
Tarea: construir un programa con interfaz gráfica que dados el radio (r) y la altura (h) de un cilindro, calcule su área y volumen.
Area = 2 π r hVolumen = π r2 h
r
h