GRADO DÉCIMO PROGRAMA HOLA MUNDO

PROGRAMA HOLA MUNDO

Como se vio en clase, vamos a diseñar nuestro primer programa en VB. Este programa lo único que hará es que cuando un usuario oprima un botón, mostrará el aviso HOLA MUNDO, en una caja de texto.

Veamos la GUI (Interfaz Gráfica de usuario)

Interfaz de VB y del programa en tiempo de diseño

Al ingresar a VB, como vimos en clase escogemos un proyecto del tipo Windows Form, el cual nos suministra por defecto un formulario. A este formulario le cambiamos las propiedades Name y Text. En la primera ubicamos la sigla frmSaludo y en la segunda tú nombre y grado. Yo escribí Eusebio Prada 100?,  a continuación del Cuadro de Herramientas ubicamos los elementos que se detallan en la siguiente tabla:

Herramienta	Propiedad Name	Propiedad Text
Label	lblSaludo	Para saludar oprima el botón
Button	btnSaludo	Saludar
TextBox	txtSaludo	HOLA MUNDO

Como ves todas las herramientas incluido el formulario se llaman Saludo, las diferenciamos por el prefijo de tres letras minúsculas que identifican además el tipo de herramienta (lbl para la etiqueta, btn para el botón y txt para la caja de texto). A esta última le puedes cambiar el tipo, color y tamaño de la letra manipulando las opciones que te brinda una propiedad llamada Font. El color del fondo se cambia a través de la propiedad BackColor.  Además debes cambiar el valor de la propiedad Visible de True a False, esto hará que inicialmente la caja de texto no sea visible para el usuario. Adicionalmente le agregué una imagen al formulario utilizando la herramienta PictureBox, a la cual le ubique el nombre PicSaludo y la propiedad Visible en False, similarmente a la caja de texto. Y para ubicar la imagen utilicé la propiedad Image que me permite mostrar una imagen que tenga previamente en el disco duro. Es posible que la misma no se adapte completamente al tamaño de la herramienta PictureBox, entonces debes manipular la herramienta y la imagen (por ejemplo a través del programa Paint) para que el acople sea el mejor posible.

Cuando se ejecute el programa, el usuario verá inicialmente la siguiente figura:

Y al oprimir el botón:

¿Cómo lograrlo?

Lo que vamos a hacer es que cuando el usuario oprima el botón, aprovechamos el evento clic del mismo para cambiar la propiedad Visible de la caja de texto (txtSaludo) y de la imagen (picSaludo) de False a True. Esto hará que “aparezcan” en el formulario.

En tiempo de diseño daños doble clic sobre el botón y nos aparece lo siguiente:

Public Class frmSaludo

    Private Sub btnSaludo_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSaludo.Click

       

    End Sub

End Class

Sin hacer ningún cambio agregamos lo siguiente:

        txtSaludo.Visible = True

        picSaludo.Visible = True

Ahora dicha interfaz debe verse así:

Public Class frmSaludo

    Private Sub btnSaludo_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSaludo.Click

        txtSaludo.Visible = True

        picSaludo.Visible = True

    End Sub

End Class

Y listo. Nuestro programa ya funciona…  Cualquier duda, comentario, sugerencia… nos vemos en el colegio…