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