ventanas-graficas

Las ventanas o también llamados formularios son la parte elemental de cualquier programa a nivel visual, están permitirán mostrarle al usuario en tiempo real las acciones que puede realizar, las acciones que se están realizando, las funciones y características del programa, los errores, las alertas e incluso mensajes predefinidos por el programador.

En Visual Basic existe una jerarquía de ventanas (formularios), la primer ventana con la que iniciamos resulta ser el formulario padre, este regirá a todos los demás formularios que se habrán, a los formularios secundarios se les conoce como formularios hijo, es muy importante tener en cuenta esta jerarquía ya que a comparación de los formularios hijo, los padres no pueden ser cerrados (aun que si se puede simular un cierre al ocultarlo de la vista del usuario.

A continuación te mostraremos un ejemplo del uso de estas ventanas o formularios, este proyecto es de nivel principiante (por algo se empieza), conforme los temas avanzasen se realizaran practicas más complejas que involucren a varias herramientas.

barra-separadora

Abrir múltiples formularios (Ventanas) en Visual Basic

Objetivo: Desarrollar un programa con Visual basic en el cual la ventana padre nos muestre otras ventanas (la cual debe poseer un mensaje) al dar clic sobre un botón y que al mismo tiempo la ventana padre se oculte.

Restricciones: El programa es básico y realiza las funciones que debe, no se quiso comenzar en este primer tema a utilizar programación compleja para que así cualquier persona pueda recrear la practica y entienda los fundamentos de esta.

Nota 1: Ventana y formulario son lo mismo en esta practica por tal se usaran cualquiera de estos conceptos para evitar caer en lo repetitivo en algunos párrafos.

Nota 2: Para entender algunos conceptos de la siguiente practica se aconseja dar un repaso a los primeros temas de esta materia: Programación visual

Descarga los archivos completos de esta practicaproyecto-abrir-multiples-ventanas

barra separadora

PASO 1: Bien, primero que nada al abrir nuestro programa y crear un nuevo proyecto nos encontraremos con nuestro formulario o ventana padre, este se encuentra albergado dentro de la pestaña de diseño de nuestro proyecto tal y como se ve en la siguiente imagen:

Ventanas en Visual Basic

barra-separadora

PASO 2: Ahora nos centramos únicamente en nuestra primera ventana, en principio estará en blanco y nosotros podremos personalizarla con la ayuda de sus propiedades y agregarle objetos con la ayuda de las herramientas (si no sabes de que hablamos te recomendamos que leas los primeros temas de esta materia).

Para cumplir el objetivo de esta practica debemos agregar a nuestro formulario un botón, el cual podremos encontrar en nuestra barra de herramientas situada en la parte superior izquierda de Visual Basic con el nombre de button. Lo agregamos a nuestro formulario y el resultado debería ser parecido a la siguiente imagen:

Ventanas graficas en Visual Basic

Ventanas graficas en Visual Basic

barra-separadora

PASO 3: Después de agregar el botón podemos personalizarlo y cambiar el texto a mostrar dando clic sobre el dirigiéndonos a la ventana de propiedades, para cambiar el texto solo cambiamos su propiedad Text por lo que queramos que diga y el resultado sera parecido al siguiente:

Botón en Visual Basic

Botón en Visual Basic

barra-separadora

Anuncio

PASO 4: Ahora después de tener listo nuestro diseño principal que cumple con nuestro objetivo del proyecto, agregaremos una segunda ventana en la cual saldrá el mensaje que deseemos colocar. Para agregar otra ventana debemos dirigirnos a la barra de herramientas de Visual Studio y dar clic sobre el botón que señala la flecha 1 en la siguiente imagen (si ese botón no esta, entonces dan clic sobre el icono que señala la flecha 2 agregar o quitar botones y seleccionan agregar elemento), se nos abrirá un menú y escogemos la opción que dice Agregar Windows Forms.

Ventanas en Visual Basic 2

Ventanas en Visual Basic 2

barra-separadora

PASO 5: Al completar el paso anterior se nos abrirá una venta y debemos dejar todo tal y como esta (si se quiere se puede cambiar el nombre de la ventana aun que no es necesario) y le damos agregar.

Ventanas en Visual Basic 3

Ventanas en Visual Basic 3

barra-separadora

PASO 6: Ahora ya tenemos 2 formularios en nuestro primer proyecto, el formulario padre es Form1 y el formulario hijo es Form2, esto se puede ver a continuación:

Ventanas en Visual Basic 4

Ventanas en Visual Basic 4

barra-separadora

PASO 7: Ahora diseñamos nuestra segunda ventana (esta aparecerá al dar clic sobre el primer botón del formulario 1), el diseño que se ve a continuación se hizo utilizando la herramienta Label, el tipo y tamaño de las letras se cambiaron en el cuadro de propiedades de los labels utilizados.

Ventanas en Visual Basic 5

Ventanas en Visual Basic 5

barra-separadora

PASO 8: Una vez terminado el diseño pasamos a lo que todos vinieron a ver la programación o código fuente, nos dirigimos a nuestro primer formulario y damos doble clic sobre el Botón 1, nos mandara a la pestaña de programación, en ella podremos ver que algunas lineas ya se encuentran escritas y solo deberemos agregar lo que queramos que pase cuando presionemos nuestro botón, lo que debe pasar es que al presionar el Botón 1 el formulario padre debe ocultarse y se debe mostrar el formulario hijo, esto lo conseguimos colocando las siguientes lineas de programación en el Botón 1:

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
 Form2.Show()
 Me.Hide()
 End Sub
  • Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click // Esto te lo da el programa por defecto (indica que lo siguiente debe llevarce acabo cuando se de clic en el botón 1)
  • Form2.Show() // Con esta instrucción decimos que al dar clic sobre el botón 1 queremos que se habrá el formulario 2
  • Me.Hide() // Con esta linea indicamos que cuando se de clic en el botón 1 el formulario 1 debe ocultarse
  • End Sub // cierre de la programación para este objeto

Todo lo ya mencionado en este punto se puede ver en la siguiente imagen:

Visual Basic-programación

Visual Basic-programación

barra-separadora

Comprobación: Y esto seria básicamente todo lo que se hace para abrir ventanas, si iniciamos nuestro programa veremos que al dar clic sobre el botón 1 se abre la ventana 2 y se cierra la 1 tal y como se ve a continuación:

Ventanas en Visual Basic 7

Ventanas en Visual Basic 7

barra-separadora

Puntos extras: Si queremos practicar un poco más podemos poner más botones y más formularios para convertir nuestro simple programa en algo más complejo tal y como se ve en la siguiente imagen:

Ventanas en Visual Basic 8

Ventanas en Visual Basic 8

barra-separadora

En este pequeño tutorial intentamos mostrar paso a paso lo que se debe hacer para llevar a cabo la practica y si bien sabemos que las imágenes no son de mucha utilidad por que no muestran todo el proceso en tiempo real, se debe recordar que estas son solo una ayuda visual para guiarnos a nuestra meta.

Ahora para cerrar la practica te dejamos un vídeo del programa funcionando (se le ha añadido otra ventana y otros botones, ademas se hicieron uso de otras herramientas como PictureBox), si quieres ver como cambia la programación en el código fuente con respecto a la original mostrada en este articulo, puedes descargar los archivos del proyecto que están casi al principio del articulo.

Vídeo del proyecto en funcionamiento

https://i0.wp.com/ingenieriaelectronica.org/wp-content/uploads/Ventanas-gráficas.png?fit=426%2C359&ssl=1https://i0.wp.com/ingenieriaelectronica.org/wp-content/uploads/Ventanas-gráficas.png?resize=114%2C96&ssl=1LuisProgramación Visual
Las ventanas o también llamados formularios son la parte elemental de cualquier programa a nivel visual, están permitirán mostrarle al usuario en tiempo real las acciones que puede realizar, las acciones que se están realizando, las funciones y características del programa, los errores, las alertas e incluso mensajes predefinidos...