Modulo I - Mi Primera Aplicación

1.1- Formularios Windows

Las aplicaciones de escritorio son aquellas basadas en ventanas y controles comunes de Windows que se ejecutan en forma local conocido como Cliente - Servidor. En la plataforma .NET el espacio de nombres que ofrece las clases necesarias para construir aplicaciones de escritorio bajo Windows System.Windows.Forms.

Los proyectos en Windows Forms está conformado por clases especializadas que ofrecen funcionalidades para el trabajo con ventanas, botones, controles personalizados, que son controles habituales en las aplicaciones de escritorio.
Visual Studio ofrece todo lo necesario para crear visualmente este tipo de programas, de un modo similar aunque más rico al que ofrecía el entorno de desarrollo integrado de Visual Basic.

Figura 1

Al contrario que en VB6, .NET proporciona control sobre todos los aspectos de las ventanas y controles, no dejando nada fuera del alcance del programador y otorgando por lo tanto la máxima flexibilidad. Los formularios (ventanas) son clases que heredan de la clase base Form, y cuyos controles son miembros de ésta. De hecho se trata únicamente de código y no es necesario (aunque sí muy recomendable) emplear el diseñador gráfico de Visual Studio para crearlas.

Este es el aspecto que presenta parte del código que genera la interfaz mostrada en la anterior figura:

Figura 2

A diferencia del 2003 que este código se encontraba en la misma clase del formulario en una región creada para contener el diseño del formulario.

1.2 Creando Nuestro primer Proyecto

Empecemos, para esto desde el menú Archivo, seleccionamos Nuevo Proyecto (Ctrl + N).

Figura 3

El nombre para este proyecto será ClienteNET2005, muy original??

Ahora, desde el cuadro de herramientas agregamos los siguientes controles:

Figura 4

Comenzaremos con las asignaciones de las propiedades de los controles utilizados, seleccionaremos el primer botón (Button1) y en el cuadro de propiedades se debe observar lo siguiente:

Figura 5

Propiedades comunes para los Controles:

Figura 6

Otra propiedad común de los controles es el Font, para estableces un formato determinado(Previamente seleecionas varios controles que contengan esta propiedad para poder cambiarlos todos a la vez).

Figura 7

Finalmente el formulario debe quedar como sigue:

Figura 8

1.3 Métodos Principales para un Listbox, conociendo algunos métodos simples para su uso.

ListBox.Items.() : Contiene propiedades sobre la administración de los elementos agregados al Listbox.
ListBox.Items.Add: Permite adicionar elementos dentro de un Listbox.
ListBox.Items.Clear: Permite eliminar todos los elementos de un Listbox.
ListBox.Items.Remove: Permite eliminar el elemento seleccionado, para esto necesita el valor del elemento seleccionado.
ListBox.Items.RemoveAt: Permite eliminar el elemento seleccionado, para esto necesita el valor del índice seleccionado.
ListBox.SelectedItem: Devuelve el valor del elemento seleccionado.
ListBox.SelectedIndex: Devuelve el valor del índice del elemento seleccionado (devuelve -1 sino se selecciono ninguno).

Empezemos, codificando los Eventos dentro del Formulario:

Primera Forma: Seleccionar el control y dar doble clic sobre el.

Segunda Forma: Desde el explorador de servidores, seleccionar el formulario y luego en “Ver Código”.

Figura 9

Al seleccionar “Ver Código”, la pantalla a mostrar será la siguiente:

Figura 10

Seleccionar el control a generar el evento

Figura 11

Seleccionar el Evento a codificar:

Figura 12

1.4 Descripción de un Evento

En este caso al seleccionar aparecerá en la clase el siguiente evento:

Private Sub btnAgregar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnAgregar.Click

End Sub

Los eventos producidos por los controles agregados a un formulario tiene la siguiente estructura:

[Ambito] Sub Button_Click ([Argumentos y Eventos]) Handles Button.[Evento]

El nombre Button_Click solo es una sugerencia que Visual Basic realiza, en las versiones anteriores no era una sugerencia, era una imposición que nos hacia.

Ahora podemos dejar el nombre que aparece o podemos poner un nombre adecuado nosotros mismos; lo importante aquí es la parte final de la línea de declaración del procedimiento: Handles btnAgregar.Click, con esto es que el compilador de Visual Basic sabe que es un evento y que dicho evento pertenece al objeto btnAgregar.

Para esto seleccionamos el evento Click, en el cual escribiremos lo siguiente:

Private Sub btnAgregar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnAgregar.Click
Dim Nombre As String
Nombre = Me.txtNombre.Text
Me.lstNombres.Items.Add(Nombre)
End Sub

Luego, en el botón eliminar, escribimos:

Private Sub btnEliminar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnEliminar.Click
Dim Nombre As String
Nombre = Me.lstNombres.SelectedItem
Me.lstNombres.Items.Remove(Nombre)
End Sub

OBS: la palabra reservada Me hace referencia a la clase actual, es decir al formulario que estas codificando.

Finalmente, ejecutemos nuestro proyecto con F5 o desde el menú Debug en Ejecutar, el cual tendremos lo siguiente:

Figura 13

1.5 Propiedades Interesantes sobre el Diseño de Windows Forms.

Anchor: Permite a los controles dentro de un formulario adaptarse al cambio de tamaño producido por el formulario, para que el diseño de los controles dentro de este se mantenga alineado según se modifique, para esto contiene propiedades de crecimiento: Top, Left, Right y Bottom.

Figura 14

Cambiemos la configuración de los controles dentro del formulario frmControles, para que cuando cambiemos el tamaño del formulario el diseño se mantenga:

Figura 15

Dock: Indica la ubicación de los controles dentro del formulario, es decir los controles agregados al formulario se acoplan según la ubicación deseada hasta ocupar todo el espacio del formulario.

Figura 16

Para terminar bien nuestra aplicación, una buena costumbre es tener uniformizados los nombres de clases con los archivos que lo van a contener:

Figura 17

Para esto seleccionamos el formulario del explorador de soluciones, y cambiamos el nombre a frmControles.vb

Laboratorio 01: Seleccionar en el explorador de soluciones el proyecto ClienteNET2005, luego agregar un nuevo elemento.

Figura 18

En el cual seleccionaremos formulario con el nombre frmListados

El diseño de este formulario será el siguiente:

Figura 19

Usar y realizar solo lo siguiente:
1.- Algunas Condicionales:
If [Condición] Then

End IF
2.- Propiedad Dock, para el acople de los controles
3.- Propiedad Anchor para el diseño de los formularios.
4.- Realizar este formulario como inicio de ejecución desde Propiedades del Proyecto.
5.- En el botón agregar de vendedores se debe de agregar al primer Listbox.
6.- En el botón agregar de operadores se debe de agregar en el segundo Listbox.
7.- En el botón eliminar se debe de eliminar el elemento seleccionado de cualquiera de los dos Listbox.

Espero les haya gustado algo simple pero util, para los que quieren empezar, poco a poco seguire levantando mas clases desarrolladas y cada vez mas complejas ... Saludos!!