Tema 10. Uso de formularios y controles

Presentación del tema: "Tema 10. Uso de formularios y controles"— Transcripción de la presentación:

1 Tema 10. Uso de formularios y controles
Clase 1 Informática Profa. María Alejandra Quintero

2 Contenido Formulario. 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

3 Formulario Es una ventana que permite al usuario interactuar con el programa. En un programa pueden haber uno o varios formularios.

4 Ejemplos de formularios

5 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.

6 Formulario sobre el cual se trabaja en Visual Basic:

7 Control Es 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

8 Tipos de controles Visual 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.

9 Control: Etiquetas (Label)
Permiten mostrar mensajes en el formulario Etiquetas 9

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

12 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 Text: texto que aparece en el botón.
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 Escritura del código en un programa con formulario y controles
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.

17 Estructura de un procedimiento de evento:
Private Sub NombreControl_Nombre Evento ( ) Handles NombreControl.NombreEvento Instrucciones Parámetros generados por VB End Sub Ejemplo: código para el evento clic de un botón para salir del programa, cuyo nombre es BotSal. Private Sub BotSal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)Handles BotSal.Click Close() End Sub

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 Click Se 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
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 BotonCalc BotonSalir TxtAltura LblArea

20 Paso 2: Escribir el código (procedimientos de evento)
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 Código del botón Salir (BotonSalir) Private Sub BotonSalir_Click . . . Close() End Sub

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 Bs se aplicará un descuento del 10%, en otros casos el descuento es del 3%. Aplicar un impuesto del 12%.

23 Interfaz gráfica TxtPV BotonCalcularP TxtDesc TxtIVA TxtPT

24 Algoritmo del evento click del botón Calcular Precio
0. Inicio Solicitar precio de venta (pv) Si pv > entonces 2.1 Desc = 0.1 * pv De lo contrario 2.2 Desc = 0.03 * pv Fin de si 2 3. pv = pv – Desc Imp = 0.12 * pv PT = pv + Imp Mostrar descuento (Desc) Mostrar impuesto (Imp) Mostrar Precio Total (PT) 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 > 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 h Volumen = π r2 h r h