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

Autor: [elGolem]

05/09/2010

Blog\.Net

{ [El-Golem].com.ar

2[El-

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

3[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.

4[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

5[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í:

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

Private Sub SalirToolStripMenuItem_Click (ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles SalirToolStripMenuItem.Click

6[El-

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

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:

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.

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 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

Private Sub SalirToolStripMenuItem_Click (ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles SalirToolStripMenuItem.Click

Public Class PrincipalPrivate 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

7[El-

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

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 componentesVamos a arrastras desde el cuadro de herramientas los siguientes componentes al formulario principal:

un PictureBoxun Paneltres 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 funcionalidadVamos 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

8[El-

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

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 [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

9[El-

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

[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