GRADO DÉCIMO - PROGRAMA ESPEJITO

GRADO DÉCIMO

PROGRAMA EN VISUAL BASIC:

ESPEJITO

Recordando el conocido cuento infantil Blanca Nieves, diseñaremos una aplicación para las niñas del colegio. Presentaremos una interfaz gráfica en la que inicialmente le pediremos que escriba su nombre. Posteriormente le presentaremos su nombre en un tipo de fuente diferente en tamaño y color. Le podemos acompañar además de una imagen. El programa controlará que no se deje vacía la caja de texto del nombre. Y en el caso contrario, mostrará un mensaje con la pregunta que todos los días le hacía al espejo la malvada madrastra de Blanca Nieves.

INTERFAZ GRÁFICA DE USUARIO (GUI)

Debemos manejar dos formularios. El primero para capturar el nombre de la usuaria del programa:

Figura 1

y el segundo para mostrar los resultados:

Figura 2

¿Cómo lo hacemos?

Veamos como es la distribución de la GUI (Interfaz Gráfica de Usuario):

Primer Formulario:

Elemento          Nombre        Text

Formulario1       frmCaptura    Apellido Grado Espejito

Etiqueta 1        lblAviso1     Este programa es sólo para niñas...

Etiqueta 2        lblAviso2     Escriba aquí su nombre...

Caja de texto     txtNombre     No aplica

Botón             btnSeguir     Seguir

Segundo Formulario:

Elemento          Nombre              Text

Formulario 2      frmResultado        Espejito Espejito

Caja de texto     txtNombreBonito     No aplica

Caja de imagen    picImagen           No aplica

Para hacer que Visual Basic nos proporcione otro formulario se puede hacer lo siguiente: 

1. En el Menú Ver escoger la opción Explorador de Soluciones.
2. En esta ventana damos clic derecho sobre el nombre del proyecto y escogemos la opción Agregar. 
3. Pedimos agregar Windows Forms. 
4. Le damos un nombre y ya tenemos un nuevo formulario.

Adicionamos los elementos como aparece en el listado anterior. A la caja de texto se le debe cambiar el tamaño y tipo de la letra (manipular la propiedad Font). Igual cambiamos el color del fondo para mejorar la presentación (manipular la propiedad BackColor).

Se adecua el tamaño del PictureBox (Caja de imagen), según sus preferencias, por ejemplo "cubrir" toda el área de trabajo del formulario. Si al hacer esto se nos "tapa" la caja de texto, antes de todo damos clic derecho sobre la caja de texto y escogemos la opción traer al frente.

¿Cómo hacer que funcione?

En tiempo de diseño, nos ubicamos en el formulario uno y damos doble clic sobre el botón (vamos a programar el evento clic de dicho elemento). Nos debe aparecer la siguiente interfaz.

Figura 3

Las sentencias se deben escribir en el sitio en que queda predeterminadamente el cursor del mouse.

Lo primero que hay que hacer es controlar que la caja de texto no esté vacía. Esto se logra mediante el Si Condicional que tiene la siguiente estructura:

Esta estructura permite evaluar una condición. Si se cumple se ejecuta la acción 1 y si no se cumple, se ejecuta la acción 2. Si la niña no escribió el nombre podemos controlar dicha situación, mostrando una caja de mensaje en la cual la instemos a que lo escriba. Esta es la acción 1.

Figura 4

Si la niña escribió su nombre, la acción 2 sera, preguntarle ¿Quien es la niña más linda del reino Sumapaz? y a continuación le mostramos el segundo formulario.

Figura 5

Estructura del Si condicional

If txtNombre.Text = "" Then

   MsgBox("Por favor escriba su nombre", MsgBoxStyle.Critical, "Espejito")

Else

 MsgBox("¿Quién es la niña más linda del reino Sumapaz?", MsgBoxStyle.Exclamation, "Espejito")

frmResultado.Show()

End If

Las dos líneas que inician con MsgBox permiten mostrar los respectivos mensajes (Figura 4 y Figura 5). Su configuración es: Primera parte: el mensaje (debe ir entre comillas, letras rojas - esto lo hace Visual Basic.) Segunda parte: orden para el icono que acompaña el mensaje - letra negra). Tercera parte: título de la ventana entre comillas y letras rojas - esto lo hace Visual Basic automáticamente. Todo lo anterior debe ir entre parentesis.

La orden frmResultado.Show(), muestra el segundo formulario.

Finalmente el código fuente debe quedar así:

Figura 6

Según se vio en la Figura 3, lo único que debemos agregar es el Si condicional. Todo lo demás lo proporcional Visual Basic, al dar doble clic sobre el botón en tiempo de diseño.

Lo único que nos falta es "cargar" el nombre que la niña escribió en el primer formulario. Para lograrlo nos ubicamos en el segundo formulario, en tiempo de diseño damos doble clic sobre él. Nos aparece la interfaz de escritura de código. Escribimos lo siguiente:

Figura 7

Lo único que se debe escribir es la linea que inicia con la palabra Me. Esta sentencia permite "pasar" el nombre de la niña al segundo formulario, el cual ya está debidamente configurado para que el resultado sea agradable.

Veamos un ejemplo gráfico para el caso de una niña de nombre María: inicialmente la niña no escribe su nombre, le aparece el mensaje respectivo, ella corrige su acción, escribe María, se le muestra el otro mensaje  y finalmente el resultado.

Cualquier duda la solucionamos en el colegio.