PRÁCTICA 3: USO DE FORMULARIOS Y CONTROLES

Ing. Elizabeth Guerrero V.

Agenda

• Concepto de Formulario

• Propiedades

• Concepto de Control

• Propiedades

• Uso de controles básicos

Formulario • Es una ventana que permite al usuario interactuar con el

programa. • Los formularios están basados en el System.Windows.Form que

contiene clases para crear aplicaciones basadas en ventanas que aprovechan las ventajas de las características avanzadas de las interfaz de usuario disponibles en el sistema operativo Microsoft Windows

• Una aplicación puede tener uno o mas formularios

Formularios • Para crear aplicaciones basadas en formularios en Visual

Basic, se debe crear un nuevo proyecto basado en Windows Form Application como se observa en la figura:

Formularios

Como se observa se carga el nuevo proyecto con un formulario, su ventana de propiedades y las herramientas que se usarán en la programación del formulario

Formularios • Propiedades de los

formularios: determinan aspectos de su apariencia, como posición, tamaño y color, y aspectos de su comportamiento, como si puede ajustar su tamaño

Formularios • Algunas propiedades de los formularios son:

BakColor.- Color de fondo. Text.-Título de la ventana. ForeColor.- Color del primer plano. Icon.- Icono que representaría al formulario cuando este minimizado. MaximizeBox, MinimizeBox.- Botón maximizar y botón minimizar. Valores: TRUÉ aparece los botones correspondientes en la esquina superior derecha de la ventana. Name.- Nombre del formulario. Por defecto toma los valores Form1, Form2..... BackgroundImage.- Bitmap de fondo del formulario que si se limpia la ventana del formulario, este dibujo no se borra. Visible.- Visible. Valores: True por defecto, False para indicar que el formulario se oculte. WindowState.- Estado de la ventana. Valores: ( 0=Normal, 1= Minimizado, 2= Maximizado). AcceptButton: Botón que consideramos como el botón de la tecla intro. Pulsar Iintro en la ventana equivale e hacer click sobre este botón. CancelButton: Botón de Esc por defecto. Pulsar Esc en la ventana equivale hacer click sobre este boton. FormBorderSyle .- Estilo del borde.. Starposition: establece si el formulario aparece en la parte en que fue creado o si se mostrará centrado en a pantalla.

Controles • Son elementos gráficos que se incluyen en los

formularios para interactuar con el usuario, permitiendo introducir datos, observar información, ejecutar acciones, entre otros.

Controles • Algunos controles básicos son:

– Label (Etiqueta): Proporciona información en tiempo de ejecución o texto descriptivo para un control.

– GroupBox: Componente que muestra un marco alrededor de un grupo de controles con un título opcional.

– Button (Botón de comando): Componente que permite implementar un Botón de pulsación.

– TextBox (cuadro de texto): Componente que permite ingresar una línea de texto y editarlo.

Propiedades de los controles • Algunas propiedades son:

– Name: Nombre del control que se utiliza para hacer referencia al mismo desde el código.

– Text: Para definir la línea de texto que se va a visualizar en el componente.

– BackColor: Permite modificar el color de fondo de un componente. – ForeColor: Propiedad para modificar el color de la letra de un

componente. – Font: Permite modificar la fuente, el estilo y el tamaño de la letra de

un componente. – Visible: Propiedad que permite establecer si el control estará o no

visible. – Cursor: Define el estilo del cursor del Mouse. – ToolTipText: Permite ingresar un mensaje de ayuda que se visualizará

cuando pasemos el mouse sobre el componente. – Enable: Permite habilitar o deshabilitar un componente.

Propiedades de los controles

Propiedades

Propiedades de los controles

Formulario.Text=Operadores Atitméticos

BotonCalcular.Text=Calcular Label2.Text=Número 2

En tiempo de ejecución se dio valor a los controles TextBox

TextBoxDivision.Text=variableDivision

GroupBox1.Text=Ingreso de Datos

Name

Manejo de Eventos • Un evento es un suceso que ocurre

como consecuencia de la interacción del usuario con la interfaz gráfica, como por ejemplo: – Pulsación de un botón.

– Cambio del contenido en una caja de texto.

– Deslizamiento de una barra.

– Activación de un CheckBox.

– Movimiento de la ventana.

• El objetivo es escribir las instrucciones que el programa debe ejecutar cuando ocurra algún evento.

Manejo de Eventos Eventos

Manejo de Eventos

• Los formularios, controles y objetos definidos por el usuario son ejemplos de remitentes de eventos (origen de evento)

• Los controladores de eventos son procedimientos llamados cuando se produce un evento correspondiente

• Sintaxis:

Cada control tiene una serie de eventos que pueden ser programados, por ejemplo:

16

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.

Eventos comunes

Ejemplo

• Dados dos números enteros realizar los siguientes cálculos: suma, resta, multiplicación, división, potencia y raíz.

• Análisis E-P-S

– Entrada: Dos números enteros

– Proceso: Calcular la suma, resta, multiplicación, división, potencia y raíz

– Salida: Mostrar cada uno de los resultados de los cálculos

Algoritmo 1. Inicio 2. Escribir ("Número 1:" ) 3. Leer(num1) 4. Escribir ("Número 2:" ) 5. Leer(num2) 6. Suma = num1 + num2 7. Resta = num1 - num2 8. Multiplicación = num1 * num2 9. División = num1 / num2 10. Potencia = num1 ^ num2 11. Raíz = num1 ^ 1/num2 12. Escribir ("Suma = ", suma) 13. Escribir ("Resta = ", resta) 14. Escribir ("Multiplicación = ", multiplicación) 15. Escribir ("División = ", división) 16. Escribir (" Potencia = ", potencia) 17. Escribir ("Raíz =" , raiz) 18. Fin

Diseño del formulario

Se usarán dos GroupBox, uno para agrupar los datos de entrada y otro para los resultados. Cada ingreso de número estará dado por una etiqueta y una caja de texto así como los resultados, y para realizar acciones se agregarán tres botones, uno servira para limpiar las cajas de texto, otro para realizar las operaciones y otro para finalizar

Código en Visual Basic Private Sub btncalcular_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btncalcular.Click ' Alt +39 para sacar apostrofes ' Declaración de variables Dim num1 As Integer Dim num2 As Integer Dim suma, resta, mult As Integer Dim div As Double Dim potencia As Double Dim raiz As Double ' Entrada de Datos num1 = Val(txtnum1.Text) num2 = Val(txtnum2.Text) ' Operaciones suma = num1 + num2 resta = num1 - num2 mult = num1 * num2 div = num1 / num2 potencia = num1 ^ num2 raiz = num1 ^ (1 / num2) ' Salida txtsuma.Text = suma txtresta.Text = resta txtmult.Text = mult txtdiv.Text = div txtpot.Text = potencia txtraiz.Text = raiz End Sub

Código en Visual Basic Private Sub btnnuevo_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnnuevo.Click txtnum1.Clear() txtnum2.Clear() txtsuma.Clear() txtresta.Clear() txtmult.Clear() txtdiv.Clear() txtpot.Clear() txtraiz.Clear() End Sub Private Sub btnsalir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnsalir.Click End End Sub End Class

Otros Controles

• CheckBox: Permite seleccionar o deseleccionar uno o varios ítems de un conjunto de opciones.

• RadioButton: Componente para mostrar varias opciones de las cuales sólo se puede seleccionar una.

• ComboBox: Usado para implementar una lista desplegable de varias opciones de las cuales sólo se puede seleccionar una.

• ListBox: Permite implementar una lista con varias opciones de las cuales se puede seleccionar una o varias.

• PictureBox: Componente permite mostrar una imagen en el formulario.