Cómo desarrollar

una Aplicación
Windows Form en
VB.Net [Parte 1]

• Autor: [elGolem]

• 05/09/2010

• Blog\.Net

[El-Golem].com.ar{
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

Autor: elGolem
09/09/2010

Este libro se distribuye bajo una licencia Creative Commons Reconocimiento 2.5 Argentina. Usted
es libre de:

copiar, distribuir y comunicar públicamente la obra

hacer obras derivadas

Bajo las condiciones siguientes:

Reconocimiento. Debe reconocer y dar crédito al autor original

2
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

En este tutorial práctico vamos a ver cómo desarrollar desde cero una aplicación en Visual Basic.Net
con una interfaz básica de usuario muy simple.
Vamos a hacer una aplicación que contenga un formulario principal y un formulario Acerca de. En el
formulario principal, vamos a agregar un par de botones que llamen a una aplicación del Sistema
Operativo y la ejecuten.

Eligiendo el IDE
Una de las mejores IDEs para desarrollar aplicaciones en .Net es Visual Studio, el producto oficial
que ofrece Microsoft para su plataforma. Visual Studio es un entorno muy cómodo y útil para crear
interfaces gráficas y aplicaciones que conecten con fuentes de datos de una manera muy sencilla,
gracias a la gran cantidad de componentes y plantillas que posee que simplifican mucho la
complejidad de las tareas más comunes de la programación. La desventaja es que su licencia es
propietaria y sólo funciona sobre Windows. Microsoft ofrece en su página oficial versiones
EXPRESS de los lenguajes de la plataforma, las cuales son gratuitas para descargar e instalar en
nuestra máquina.
Para desarrollar los ejemplos, debemos tener instalado el framework de .Net, que podemos
descargar en su última versión desde el sitio de Microsoft: [http://www.microsoft.com/NET/]. Si
instalamos la versión full de Visual Studio, lo instala automáticamente.
Si no contamos con una versión de Visual Studio podemos usar SharpDevelop, un entorno de
desarrollo Open Source que intenta ser una muy buena alternativa a la oferta de Microsoft, y se
puede descargar desde la página del proyecto: [SD]. Otra opción, si estamos usando Linux, es
MonoDevelop, una implementación de la plataforma .Net bajo el marco de código abierto, para
sistemas operativos “no Windows”, que se puede descargar desde el sitio oficial:
[http://www.monodevelop.com/].

Creando nuestra primera aplicación

En .Net, todo el código de la aplicación se engloba dentro de lo que se conoce como Solución, el cual
puede contener, a su vez, varios proyectos que pueden ser de diferentes tipos, por ejemplo una
aplicación web y una aplicación de escritorio que trabajan juntas, y también una librería de clases o
un servicio web compartido entre ambas aplicaciones.
Para crear nuestra solución en Visual Studio, vamos a Archivo -> Nuevo, y dentro de Otros tipos de
proyectos, elegimos Soluciones de Visual Studio Proyecto (Archivo -> Nuevo -> Solución ->
SharpDevelop -> Solución Vacía, en SharpDevelop), y le damos un nombre, en este caso
TutorialPuntoNet (como indica la Figura 1)
Luego, debemos agregar un nuevo proyecto. Es de buena práctica separar la aplicación en capas, de
manera de tener por un lado la interfaz de usuario en un proyecto, las rutinas y las clases que vamos
a usar en otro, y el código que va a conectar con la fuente de datos de nuestro programa en otro.
Siguiendo esta metodología, vamos a agregar un nuevo proyecto de Visual Basic llamado UI, yendo
a Archivo -> Agregar -> Nuevo Proyecto, desplegamos Visual Basic y vamos a seleccionar
Aplicación de Windows Form (Figura 2). En SD deberemos hacer clic sobre la solución en el
explorador de proyectos, Agregar -> Nuevo Proyecto -> VBNet -> Aplicaciones de Windows ->
Aplicación Windows.

3
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

Figura 1 – Creamos una Solución en Blanco

Figura 2 – Agregamos un nuevo proyecto de Visual Basic

4
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

Por defecto, el entorno nos crea un formulario vacío. Un formulario es simplemente una clase que
hereda de System.Windows.Forms.Form. Cada formulario que creamos en Visual Studio está
asociado a tres archivos:

 Form1.Designer.vb: que contiene el código propiamente dicho de la clase y los métodos para
inicializar sus componentes.
 Form1.vb: un archivo que contiene los métodos asociados a los eventos de los componentes
del formulario (y del formulario mismo). Acá va a ser donde controlemos toda la
funcionalidad de nuestro formulario.
 Form1.resx: una plantilla de recursos en formato XML usada internamente por Visual Studio.

Vamos a hacer clic derecho sobre el formulario y seleccionamos Propiedades. Modificamos algunas
propiedades iniciales y le damos al formulario el tamaño que queramos haciendo clic sobre los
bordes, y arrastrando hasta dar el tamaño deseado. Cambiamos las siguientes propiedades como
sigue:

• FormBorderStyle = FixedSingle (para que el tamaño del Form sea fijo)

• MaximizeBox = False (deshabilitar el botón de maximizar)
• StartPosition = CenterScreen (la posición inicial en que el formulario aparece)
• Size: 375, 420 (coordenadas de ancho y alto)

Si nos equivocamos al cambiar alguna propiedad, podemos volver siempre al valor por defecto
haciendo clic derecho sobre el nombre de la propiedad y seleccionando ‘Restablecer’.
Ahora, vamos a agregar un menú principal. Vamos a menú Ver -> Cuadro de Herramientas, y en
la paleta buscamos la solapa Menús y barras de herramientas y arrastramos un componente
MenuStrip a nuestro formulario.
Editamos los componentes del menú de manera que quede como muestra la Figura 3. Solo debemos
escribir las opciones que queremos que aparezcan en el menú. Si escribimos un & (ampersand) antes
de un carácter, este aparece subrayado y es el que se selecciona cuando el menú esta en foco y el
usuario presiona una tecla. En la propiedad ShortcutKey de cada elemento podemos asignarle una
combinación de teclas. Tratamos de que quede como el de la Figura 3.

Figura 3 – El menú de Archivo y el de Ayuda

Hacemos doble clic en la opción "Salir" que incluimos. Automáticamente, el entorno nos crea un
método que atiende al evento clic del componente, algo así:

Private Sub SalirToolStripMenuItem_Click (ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles SalirToolStripMenuItem.Click

End Sub

5
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

En general, MenuPrincipal_Click es el nombre del método; dentro de los parámetros que recibe,
"sender" es el objeto o componente y "e" es el tipo “evento” (ByVal significa que son pasados por
valor). Handles indica que nuestro método es un manejador de evento y, por último,
MenuPrincipal.Click es: el nombre del componente (propiedad Name) y el nombre del evento de
dicho componente que se va a controlar.
Agregamos una línea al método para que quede de la siguiente manera:

Private Sub SalirToolStripMenuItem_Click (ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles SalirToolStripMenuItem.Click
Me.close()
End Sub

Explicado: Me hace referencia a la propia clase, en este caso, el formulario (es similar a la referencia
this en otros lenguajes, como Java o C#), y Close() es el método que cierra el formulario (más
precisamente, da la orden de destruir el objeto).
Ahora vamos a crear un clásico formulario de Acercade. Hacemos clic derecho sobre el proyecto,
Agregar -> Nuevo Elemento, y en la solapa Windows Form buscamos Cuadro Acerca de (esta
plantilla de formulario solamente la encontramos en Visual Studio).
Vamos a asociarlo a nuestro menú: hacemos doble clic en el elemento ‘Acerca de’ en nuestro menú,
y completamos el método de la siguiente manera.

Public Class Principal

Private acercade As AboutBox1 'AboutBox1 es el nombre del formulario
'Acercade que agregamos al proyecto
…

Private Sub AcercaDeToolStripMenuItem_Click (ByVal sender As

System.Object, ByVal e As System.EventArgs) Handles
AcercaDeToolStripMenuItem.Click
Me.acercade = New AboutBox1() 'creamos una neva instancia del
'formulario Acercade que incluimos
Me.acercade.Show() ‘muestra el formulario
End Sub

End Class

Si observamos nuestro formulario Acercade, dentro de los campos que se crearon nos encontramos
con esta descripción:
(En tiempo de ejecución, el texto de la etiqueta se reemplazará con la información de ensamblado
de la aplicación.
Personalice la información de ensamblado de la aplicación en el panel Aplicación del Diseñador de
proyectos).

Para modificar la información que se muestra en estos campos, hacemos doble clic en el archivo
‘My Proyect’ en el explorador del proyecto (o vamos a menú Proyecto -> Propiedades de…), en

6
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

donde podemos acceder a las propiedades y la configuración de nuestro proyecto. Si observamos,

dentro de la solapa ‘Aplicación’ donde, además de definir que formulario queremos que sea el
primero que se cargue cuando nuestra aplicación arranca modificando donde dice ‘Formulario de
inicio’, podemos establecer dentro de ‘Información de Ensamblado’ los datos como el nombre de
nuestro producto, la versión, autor, una breve descripción, y entre otros, que se mostraran
automáticamente en los campos del formulario Acercade.

Agregar componentes
Vamos a arrastras desde el cuadro de herramientas los siguientes componentes al formulario
principal:

• un PictureBox
• un Panel
• tres Button,

Haciendo clic derecho en el PictureBox, en Elegir Imagen, podemos elegir una imagen local o
usar un archivo de recursos, que se puede crear desde la ventana de propiedades del proyecto.
Modificamos las propiedades BackColor y BorderStyle del Panel y les asignamos Info y
FixedSingle respectivamente. En la propiedad Text del objeto Button podemos modificar el valor
que muestra. Acomodamos el formulario para que quede de la siguiente manera:

Figura 4: Formulario Principal

Agregar funcionalidad

7
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

Vamos a programar el código para los botones. El del botón Salir es el mismo que el del menú. Para
los otros dos, vamos a utilizar la clase Shell de las librerías d Microsoft, que se encuentra bajo el
Namespaces “Microsoft.VisualBasic”, y que permite ejecutar una aplicación pasándole como
parámetro el nombre la ruta del ejecutable y el estado en que queremos que se abra la ventana
(normal, maximizada, minimizada, etc.). La sintaxis para abrir el Notepad es algo así:

Shell("notepad.exe", AppWinStyle.NormalFocus)
Ó

Shell("C:\Windows\System32\notepad.exe", AppWinStyle.NormalFocus)

dependiendo si la ruta de la aplicación está o no en el Path de Windows. Agregamos cualquiera de

estas líneas al evento clic del botón para ejecutar el Notepad. Para la calculadora, nada mas hay que
reemplazar "notepad.exe" por "calc.exe", y listo.

Ejecutamos el proyecto y vemos si anda.

Figura 5: Captura del programa andando (hasta ahora)

Para la próxima…
Bueno, tienen para divertirse un rato. En la parte dos del tutorial vamos a ver un poco como crear
una biblioteca de clases en nuestra aplicación y como utilizar el código dentro de los formularios que
creamos.

Enlaces adicionales (con información mucho mejor que la mía) para seguir leyendo:
 [Microsoft .Net].- Wikipedia en Español
 [Visual Basic].- Wikipedia en Español

8
[El-
Cómo desarrollar una Aplicación Windows Form en VB.Net [Parte 1]

 [SharpDevelop2, IDE de desarrollo para Windows con soporte para compilación con Mono]
 [MonoProyect.com] – Pagina Oficial del Proyecto Mono
 [MonoHispano.org] – Pagina de la comunidad de habla hispana del Proyecto Mono
 [Programación en .NET].- Libro digital dedicado a la programación en .NET
 [CodeProyect.com] – Un lugar popular con artículos sobre .Net, fragmentos de código y
debates

9
[El-