Introduccin al MS Visual Basic .

NET

LABORATORIO N 1 LABORATORIO N 1
Como crear una aplicacin de Visual Basic.NET.
En esta primera ocasin, vamos a hacer que se muestre un cuadro de dilogo mostrndonos el nombre que previamente hemos escrito en un cuadro de texto. Lo primero que vamos a hacer es cargar el entorno de desarrollo del Visual Studio .NET, as que seguimos la secuencia Inicio - Programas - Microsoft Visual Basic 2008... En la pantalla de inicio volvemos a seleccionar "Aplicacin de Windows Forms", como se ve en la figura siguiente.

En el proyecto, se habr cargado un formulario que se te mostrar de forma automtica. Si no se muestra nada y sigue la pantalla de inicio, deje pasar unos instantes, seguramente lo estar cargando ya que es un entorno que consume muchos recursos y puede ser lento en la carga de determinadas partes. En caso de que despus de un rato no se muestre, fjese en el lado derecho de la pantalla, ver que hay un "panel" o ventana en la que se indica el proyecto actual y se muestran los ficheros que lo componen. Ese panel es el Explorador de Soluciones.

Para que se vea todo cargado, la pantalla con todo el IDE activo ser similar a:

Gua de Laboratorios EC417 ASC/UNI

Laboratorio N 1. Creacin de un proyecto en VB .NET

Donde distinguimos en la parte izquierda el cuadro de herramientas, en el centro el formulario principal y en la parte derecha las ventanas de propiedades y el explorador de soluciones. Los controles son los elementos que insertamos dentro de un formulario y que nos va a permitir interactuar entre el usuario y el cdigo: Botones (Comandos), Cuadros de texto, Etiquetas, Cuadros desplegables, Listas de datos. En definitiva todos y cada uno de los elementos que vemos en los formularios de todas las aplicaciones. La lista de controles bsicos disponibles la tenemos a la izquierda, en el Panel de herramientas. Empezando con la aplicacin Para aadir controles al formulario utilizaremos la barra de herramientas. Por ejemplo, para aadir una etiqueta (Label) y una caja de texto (TextBox), simplemente haremos doble-clic sobre esos elementos de la barra de herramientas y se aadirn al formulario o podemos tambin seleccionarlos y arrastrarlos hasta nuestro formulario.

Para nuestro ejemplo, aadimos un botn (Button) y lo colocamos debajo del cuadro de texto (Textbox). Luego agregamos una etiqueta (Label) para quedar de esta forma:

Gua de Laboratorios EC417 ASC/UNI

Introduccin al MS Visual Basic .NET

Como vemos, por defecto, el IDE pone unos nombres genricos a los controles, como label1, textbox1, button1, es decir utiliza el tipo de control y lo va numerando tantas veces como controles iguales tengamos en el formulario (label1, label2, ...). Se trata de ponerle un nombre inicial, ya que siempre los controles deben tener un nombre nico. Ahora vamos a cambiar el texto que contiene el botn "button1". Para cambiarle este texto hay que utilizar la ventana de propiedades (A la derecha, abajo), en esta ocasin el elemento que nos interesa de esa ventana de propiedades es Text, escribimos en esta propiedad la palabra "Mostrar" y cuando pulses o el tabulador veremos que el texto del botn se ha actualizado.

Hacemos lo mismo con la etiqueta "Label", recuerde que hay que seleccionarla primero haciendo clic para que se muestren las propiedades de la etiqueta. Escribimos "Nombre:" en Text y pulsamos o el tabulador.

Fjese que en la parte superior de la ventana se pone el control que estamos editando y de que tipo es.

Escribir el cdigo Ahora vamos a escribir el cdigo que se ejecutar cada vez que se haga clic en el botn que hemos aadido. Para ello, seleccione el botn "Mostrar" y haga doble clic en l, se mostrar una nueva ventana, en este caso la ventana de cdigo del botn, asociada con el formulario que tenemos en nuestro proyecto. Nos mostrar:

Gua de Laboratorios EC417 ASC/UNI

Laboratorio N 1. Creacin de un proyecto en VB .NET

Aqu empieza la programacin. Que nosotros pulsemos doble clic en el botn y que aparezca un fragmento de cdigo significa lo siguiente: VB .NET interpreta que quiere poner cdigo para realizar alguna accin cuando se haga clic sobre el botn, por tanto le muestra ya el "procedimiento" o parte de cdigo que se va a ejecutar cuando suceda esto. A esta forma de trabajar se le llama Programacin orientada a eventos. Es decir, cuando se produzcan el evento de pulsar el botn (click) ejecuta este cdigo. Por lo tanto vemos que los controles adems de tener propiedades (que modifican su aspecto) tambin atienden a una serie de eventos (clic, doble clic). Los eventos a los que atienden los controles los podemos ver en la ventana de propiedades, seleccionando:

Hay otra forma de acceder a los eventos de los controles y es esta: Vamos a la vista del cdigo del formulario pulsando en el botn de codigo, que se muestra en la imagen siguiente:

Gua de Laboratorios EC417 ASC/UNI

Introduccin al MS Visual Basic .NET

Llegaremos otra vez a la ventana del cdigo anterior, haga clic en el desplegable de arriba a la izquierda y ver la siguiente imagen

Que son los objetos que hemos aadido en nuestro formulario. Seleccione "Button1" y fjese ahora en el desplegable de la derecha y seleccione Click.

Volvemos a la pantalla del cdigo para el evento clic del botn

Esta pantalla nos est indicando en la parte superior, que estamos trabajando con "Form1.vb". Debajo nos indica (a la izquierda) que estamos con el control llamado "Button1" y a la derecha que estamos trabajando con el evento click. Escribimos el siguiente cdigo en el espacio dejado por Visual Basic entre las lneas que hay entre Private Sub... y End Sub

Pulsamos [F5] para que se ejecute el cdigo que hemos escrito o pulsamos en el botn "play" que est en la barra de botones. Cuando se presente el formulario digite algo en el cuadro de texto, pulse en el botn Mostrar y veremos que se muestra un cuadro de dilogo dicindole Hola y a continuacin lo que haya escrito en el cuadro de texto (TextBox):

Gua de Laboratorios EC417 ASC/UNI

Laboratorio N 1. Creacin de un proyecto en VB .NET

Ya tenemos nuestra aplicacin "Windows forms" funcionando, creada con Visual Basic .NET. Pero no queda la cosa ah. Vamos a aadirle un botn, para cerrarlo. Ahora cambiaremos las dos propiedades: Name para ponerle cmdCerrar, y Text para ponerle Cerrar.

Obviamente al ponerle esta vez un nombre al control, en lugar de llamarse Button2 se llamar como le hemos indicado cmdCerrar y as lo veremos en el cdigo. Pulsamos doble clic en l para escribir el cdigo que queremos que ejecute:

Y escribimos la instruccin en el espacio, como antes. End Me.close() Y con este botn logramos que se cierre el formulario, y volvamos al entorno de desarrollo de VB.NET. Rpido, y bastante sencillo.

Gua de Laboratorios EC417 ASC/UNI