Diseño de la Interfaz Gráfica

Uso de Formularios y eventos

El primer paso para crear una aplicación con Visual Basic es crear la interfaz, la parte visual de la aplicación con la que va a interactuar el usuario. Los formularios y controles son los elementos de desarrollo básicos que se usan para crear la interfaz; son los objetos con los que se trabaja para desarrollar la aplicación.

Los formularios son objetos que exponen las propiedades que definen su apariencia, los métodos que definen su comportamiento y los eventos que definen la forma en que interactúan con el usuario. Mediante el establecimiento de las propiedades del formulario y la escritura de código de Visual Basic para responder a sus eventos se personaliza el objeto para cubrir las necesidades de la aplicación.

Ciclo de vida de un formulario

Comprender el ciclo de vida de un formulario es básico para el programador de Visual Basic, puesto que son estos elementos los que permitirán al usuario interactuar con la aplicación. Sólo comprendiendo qué acciones podrán realizarse sobre los formularios y en qué momentos podremos controlar adecuadamente la ejecución de nuestros programas.

En la vida de un formulario puede pasar por cinco estados diferentes. En orden cronológico son:

• Creado: el formulario existe como objeto, pero todavía no es visible. Cuando un formulario está siendo creado, se genera el evento Initialize. En esta fase del proceso de carga de un formulario no podemos actuar sobre los objetos que lo componen.

• Cargado: ya podemos acceder a los controles del formulario, pero éste no es visible. Un formulario se encuentra en este estado en el proceso de carga, cuando se oculta o cuando se establece a False su propiedad Visible. Cuando se inicia el proceso de carga de un formulario, se genera el evento Load.

• Mostrado: el estado normal de un formulario. Podemos acceder a todos los elementos que lo componen y podemos actuar sobre ellos, pues el formulario es visible. Durante este estado, cada vez que hay que repintar el formulario (por ejemplo, cuando una ventana que se ha situado sobre éste desaparece) se genera el evento Paint. Además, si el formulario recupera el foco después de haberlo perdido (por ejemplo, al cambiar a otra aplicación con Alt+Tab y volver después al formulario), se genera el evento Activate.

• Descargado: una vez terminado este proceso el formulario no es visible, y sus

componentes no son accesibles. El proceso de descarga se produce cuando se cierra el formulario (pulsando el botón , ejecutando el método Unload del formulario, etc).

El proceso de descarga de un formulario, a su vez, generará dos eventos: QueryUnload y Unload (en este orden). En los dos eventos podemos detener el proceso de descarga estableciendo el valor del parámetro Cancel a cualquier número distinto de 0. En general, aprovecharemos estos eventos para liberar la memoria ocupada por los elementos que pertenecen al formulario antes de que este se cierre, salvar el trabajo que esté pendiente de guardado, etc.

• Eliminado: aunque un formulario esté descargado, mientras existe cualquier referencia al mismo no será eliminado totalmente de memoria. Cuando se produce esta circunstancia (el formulario está descargado y nadie hace referencia a él) se genera el evento Terminate.

Propiedades comunes de un formulario

Lea el siguiente documental Propiedades del formulario y tambien puede ver el siguiente vídeo.

Eventos mas comunes en un formulario

Un evento es una acción reconocida por un formulario o un control, es decir, un suceso que ha sido provocado por el usuario, el sistema operativo u otros programas en ejecución y que repercute en un elemento de nuestra aplicación.

Las aplicaciones controladas por eventos ejecutan código Basic como respuesta a un evento. Cada formulario y control de Visual Basic tiene un conjunto de eventos predefinidos. Si se produce uno de dichos eventos y el procedimiento de evento asociado tiene código, Visual Basic llama a ese código.

Actividad de aprendizaje
Ejercicio 11
Elabore una interfaz donde configure en tiempo de diseño las propiedades mas comunes de un formulario como son:

a) Windowstate.- Para indicar el modo en que se va ejecutar la aplicacion
b) Top y Left:- para Ubicar el formulario en la pantalla
c) Width y height.- Para especificar las medidas del formulario
d) Name.- Dar un nombre al formulario para identificarlo cuando estemos escribiendo código
e) Caption.- Darle un titulo a la aplicacion
f) Control box, icon, maxbutton, etc. para manejar los botones de control de la ventana.
g) Border style .- Especificar el tipod e borde de la ventana
h) moveble.- Permitir o no que se mueva de posicion al formulario cuando se ejecute.
i) backcolor.- Modificar el color del fondo del formulario
j) picture.- Configurar una imagen como fondo del formulario
k) autoredraw, font, forecolor.- Modificar la apariencia del texto

Hacer un reporte en word justamente al final del reporte ejercicio 10 donde se describa:

1. Descripcion breve del problema
2. Elaborar un diseño gráfico de la interfaz utilizando las herramientas de autoforma de word
3. Escribir los objetos utilizados en la interfaz y cada una de sus propiedades para que sirven
4. Copiar y pegar de la ventana de código el código que se haya generado en la aplicación
5. Copiar y pegar la o las pantallas que resulten como producto final

Practica 6 SE ALMACENARA EN EL PORTAFOLIO ELECTRONICO CARPETA 2.1

Unidad de Aprendizaje:

Programación de aplicaciones para el aprovechamiento de la información de las bases de datos

Número:

2

Práctica:	Manejo de propiedades de los Formularios y Eventos	Numero:	6
Propósito de la práctica	Maneja propiedades de los componentes en el desarrollo de aplicaciones para demostrar la interactividad de los eventos.

Escenario:

Laboratorio de informática.

Duración

1 hora

1.     Inicia Visual Basic y crea una aplicación estándar de Visual Basic

2.     Agrega un formulario.

3.     Configura las siguientes propiedades del formulario

Propiedad	valor
Nombre del formulario	FrmExamen
Autoredraw	True
Titulo	Mi primer Examen
Boton Maximizar	Oculto
Boton Minimizar	Oculto
Icono de la caja de control	Cambiarlo por otro
Fuente	Lucyda Console
Color de fuente	Uno que combine con el verde
Color de fondo	Verde (conalep)

4.     Escribe el código necesario para mostrar al leer el formulario el texto “Haz clic dentro del formulario para mostrar los cambios

5.     Escribe el código necesario para que al dar un click dentro del formulario haga lo siguiente

Cambiar el color del fondo

Cambiar el tipo de la fuente

Cambiar el color de la fuente

Maximizar la ventana

Imprimir los siguientes letreros

Al hacer clic dentro del formulario pasa lo siguiente

Cambio el color del fondo

Se cambio el tipo de la fuente

Se cambio el color de la fuente

Se Maximiza la ventana

6.     Inicia un proceso de depuración de la aplicación (corrección de errores) hasta cerciorarse que cumpla con el objetivo establecido.

7.     Guarda el formulario con el nombre de FrmExamen

8.     Guarda la aplicación desarrollada asignándole el nombre de practica 6

9.     En el mismo documento donde realizastes los reportes de las practicas anteriores elabora el reporte de la practica No 6. Conteniendo:

a)  Interfaz grafica o el diseño (bosquejo de como deseas ver el formulario)

b)  Listado y significado de las propiedades de los objetos que utilizo para resolver el problema.

c)  Listado de los codigos realizados para resolver el problema

d)  Ventanas en formas de pantallazo que explican el resultado obtenido o lo que hace la aplicación.

Enviarlo por correo a ti mismo y  a la cuenta de jvivast@hotmail.com con el ASUNTO: PRACTICA 6 DE …..

Practica 6 SE ALMACENARA EN EL PORTAFOLIO ELECTRONICO CARPETA 2.1