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

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

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

Ejemplos de formularios

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

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.

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

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.

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

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

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

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”

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.

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

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.

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

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

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:

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

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

Interfaz gráfica TxtPV BotonCalcularP TxtDesc TxtIVA TxtPT

Algoritmo del evento click del botón Calcular Precio 0. Inicio Leer precio de venta (pv) Si pv > 100000 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

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

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