Visual Basic .netGuía de estudio

08/05/2008CEDUC UCN

Rafael Ramos AquedaPrimera Entrega

Introducción

Visual Basic.net es la evolución de Visual Basic, el popular lenguaje de programación de Microsoft. A diferencia de sus antecesores, Visual Basic.net esta implementado sobre el framework .net y las potencialidades que tiene el leguaje supera con creces las de versiones anteriores. Visual Basic .net esta basado en el paradigma de programación orientado a objetos, por lo que es necesario tener algunas nociones de este tipo de programación.

La siguiente guía pretende ilustrar al estudiante sobre las características mas importantes del lenguaje, el framework que lo soporta y los distintos tipos de aplicaciones que podemos lograr con él.

1 Conceptos preliminares

1.1 ¿Qué es el .NET Framework?

En clases anteriores conocimos el significado de .net , sabemos que es una tecnología construida por Microsoft en el cual basa la mayoría de sus nuevas aplicaciones (ver diapositivas del curso)y que el corazón del esta tecnología es el framework. Basandose en la definición de Microsoft sobre que es el .net framework podemos decir que “.NET Framework es un entorno para construir, instalar y ejecutar servicios Web y otras aplicaciones. Se compone de tres partes principales: El conjunto de lenguajes de programación, La Biblioteca de Clases Base o BCL y El Entorno Común de Ejecución para Lenguajes o CLR por sus siglas en inglés”. La siguiente figura muestra un diagrama con la distribución de elementos dentro del entorno de .NET Framework.

En la base del entorno de ejecución, se encuentra el CLR, que constituye el núcleo de .NET Framework, encargándose de la gestión del código en cuanto a su carga, ejecución, manipulación de memoria, seguridad, etc. En el nivel intermedio, se sitúa la jerarquía de clases básicas del entorno de ejecución, que constituyen un sólido API de servicios a disposición del programador, para multitud de tareas como, gestión del sistema de ficheros, manipulación multihebra, acceso a datos, etc. Finalmente, en el nivel superior, encontramos las clases que permiten el diseño del interfaz de usuario de nuestras aplicaciones. Si necesitamos desarrollar aplicaciones para Internet, utilizaremos ASP.NET,

que nos provee de todo lo necesario para crear aplicaciones para la Red: web forms, web services, etc. Además la plataforma provee de un motor capaz de desarrollar aplicaciones para escritorio (similar a las que se puede obtener con Visual Basic). Estas aplicaciones de escritorio son los llamados Windows Forms, la nueva generación de formularios, con características avanzadas y muy superiores a las del motor de generación de formularios de obtenidos con versiones anteriores de Visual Basic.

1.2 Visual Studio .NET

Visual Studio .net es un entorno de programación integrado (IDE) desarrollado por Microsoft para el desarrollo de aplicaciones .NET. Este entorno cuenta con todo lo necesario para la creación de aplicaciones, en esta guía se utilizará el entorno Visual Studio 2005 para realizar los ejercicios.

Visual Studio no es el único Ide para desarrollar aplicaciones .net, existen otros entornos alternativos entre los cuales podemos SharpDevelop.

1.3 Los Windows Forms

Windows Forms es el nombre que reciben las interfaces de usuarios creadas para ser utilizadas en aplicaciones de escritorio. Estas interfaces puden ser diseñadas a través de los motores de construcción ofreciodos por

Windows Forms está constituido por multitud de clases especializadas que ofrecen funcionalidades para el trabajo con ventanas, botones, rejillas, campos de texto y todo este tipo de 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.

Al contrario de Visual Basic 6, VB.NET ofrece control sobre cada control que se incorpore al Windows Form.

Los formularios (ventanas) son clases que heredan de la clase base Form, cada control que se incorpore en la clase form será miembro de esta.

1.4 Otras concideracines previas.

Extensión de los ficheros de código.

En Visual Basic .NET a diferencia de lo que ocurría en las versiones anteriores de Visual Basic, sólo existe un tipo de fichero de código, el cual tiene la extensión .vb, en este tipo de fichero pueden coexistir distintos tipos de elementos, por ejemplo: un módulo de clase, un formulario, un módulo de código, un control, etc.; mientras que en las versiones anteriores de Visual Basic, cada uno de estos elementos tenían su propio tipo de fichero con su respectiva extensión.

Tipos de ejecutables.

Con Visual Basic .NET puedes crear básicamente estos dos tipos de ejecutables: de consola, no gráfico, al estilo del viejo MS-DOS, y gráficos, como los que normalmente estamos acostumbrados a ver en Windows. Existen otros tipos de aplicaciones que se pueden crear con Visual Basic .NET: aplicaciones ASP.NET, las cuales serán tratadas en otra guía.

2 Nuestra primera aplicación.

Nuestra primera aplicación será un simple formulario con algunos elementos de escritorio comunes para ir familiarizando con el entorno.

Abra el entorno de desarrollo visual studio y cree un nuevo proyecto (ctrl+n).

En el cuadro de dialogo seleccione “Windows application”

En el cuadro de dialogo Name escriba “alumnos” y pinche el botón OK. El IDE inmediatamente creara el proyecto y nos mostrará una esto:

En la cual se mostrará como página principal una pestaña que contendrá el diseñador visual con un formulario el cual el sistema habrá llamado Form1. En la ventana de propiedades cambie el nombre a form_alumnos

Además cambie la propiedad text a “Registro de Alumnos” y el tamaño (size) a 800,600.

Lo que acabamos de hacer es ajustar las propiedades del objeto form mediante el diseñador.

Agregando controles a nuestro formulario.

Desde la ventana de herramientas o toolbox podemos agregar distintos controles a nuestro formulario, esto lo podemos hacer pinchando el control que deseamos y arrastrándolo al formulario.

Ingrese los siguientes controles a su formulario:

9 Etiquietas (Label) 6 cuadros de texto (TextBox) 1 cuadro de lista desplegable (combo box) 1 Calendario (DateTimePicker)

Cambie la propiedad de cada Label con los siguientes nombres:

RUN Nombre Ap. Paterno Ap.Materno Dirección Teléfono Email

Carrera Fecha de Ingreso

Cambie la propiedad name de los text_box de la siguiente forma:

Text_run Text_nombre Text_ap_pat Text_ap_mat Text_direccion Text_telefono Text_email

Cambie la propiedad nombre del combo box a cmb_carrera y la del DateTimerPicker a DTP_fec_ingreso.

Distribuya estos controles de la siguiente Manera

Presione el botón para ejecutar la aplicación y ver como quedará nuestro formulario, debería ver algo similar a esto:

Hasta el momento no hemos utilizado absolutamente nada de código, bueno, dependiendo de la óptica del programador, esto es una ventaja ya que el IDE nos permite crear en forma rápida una aplicación.

Hagamos algo más interesante, agreguemos dos botones al formulario para utilizarlo como disparador de un eventos, para ello iremos nuevamente al toolbox y busquemos el control Button, ubiquemos uno debajo del combobox de carrera y cambiemos su nombre a “btn_grabar” y la la propiedad text a “Grabar”, el otro botón ubiquémoslo al costado derecho del botón Grabar y cambie su propiedad nombre a “btn_Salir” y su text a “Salir”.

Como comentario aparte, ¿Se han fijado que para dar el nombre a los controles hemos utilizado una nomeclatura común?, por ejemplo Textbox1 lo llamamos Text_run, Combobox1 lo llamamos cmb_carrera, bueno, utilizar nomeclaturas comunes que identifiquen claramente el tipo de control y el campo o dato con el cual se esté trabajando es una buena idea ya que nos permitirá fácilmente identificar estos cuando estemos trabajando con código.

Sigamos con nuestra apliacion, hasta ahora no hemos utilizado nada de código, asi que ya es hora de utilizar nuestras neuronas . Haga doble click en el botón btn_salir. ¿Qué ha pasado?, se ha activado la pestaña de código y auto-magicamente el cursor se ha ubicado entre estas líneas:

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btn_salir.Click

End Sub

Se trata de un procedimiento cuyo nombre, btn_salir_Click, compuesto del nombre del control y del evento, lo proporciona automáticamente el IDE. Recibe dos parámetros: sender y e, con información adicional proporcionada por el entorno. Pero lo verdaderamente importante está al final de la declaración: “Handles btn_salir_Click”. La palabra clave Handles, seguida del nombre de un control, un punto y el nombre de un evento de ese control, le indica al entorno de .NET Framework que debe ejecutar este procedimiento cuando se produzca el evento para ese control. No realizaremos en este momento una explicación más detallada puesto que trataremos este aspecto con más profundidad en temas posteriores del texto. Este procedimiento será ejecutado cada vez que pulsemos el control btn_salir, por lo que si en tal situación, queremos cerrar el formulario, sólo será necesario incluir la línea de código mostrada entre estas líneas.

Me.Close()

Presiona para ejecutar el programa, presiona el botón cerrar y observa que suscede.

Agreguemos algo de estilo a nuestro formulario. Para ello pondremos una imagen en el top de formulario con el Titulo de la aplicación.

Primero debemos “hacer espacio” para nuestra imagen, seleccione todos los controles y muévalos hacia abajo. Para ello mantenga presionado el botón derecho del mouse y seleccione los controles de formulario.

Agregamos un Label a nuestro Formulario, y le agregamos las siguientes propiedades (en tiempo diseño):

Dock = Top Autosize = False En la propiedad Image, importamos una nueva imagen, yo ocupé el logo de Ceduc

, ustedes elijan el que gusten

y aceptamos:

Cambiemos las siguientes propiedades:

ImageAlign = MiddleLeft Text = [Titulo] TextAlign = MiddleRight Font = Microsoft Sans Serif, 18pt, style=Bold BackColor = Window Modifiers = Public

Nuestro formulario debería quedar más o menos así:

2.1 Agregando nuevos formularios al proyecto.

Vamos a construir un formulario que nos servirá de autentificación para nuestra aplicación. Para ello vamos a la pestaña “Solution explorer” y hagamos click con el botón derecho sobre el icono de nuestro proyecto, aparecerá un menú emergente, desde la opción add seleccionemos Windows

form.

Ahora agregamos un nuevo formulario (Windows Form), frmLogin.vb. Y le agregamos

los siguientes controles:

En el formulario frmLogin.cs, cambiamos la propiedad del control btnAceptar:

DialogResult = Ok

Y en el control btnCancelar:

DialogResult = Cancel

Y en el control txtPassword:

UseSystemPasswordChar = Trae

PasswordChar = *

Y en el propio formulario cambiamos las siguientes propiedades:

AcceptButton = btnAceptar

CancelButton = btnCancelar

Ahora debemos hacer que nuestro formulario de autentificación sea el

principal en nuestro proyecto, para ello vamos nuevamente a la ventana del

explorador de soluciones y seleccionamos nuestro proyecto haciendo doble

click en el. En este instante se abrirá el cuadro de propiedades de la

aplicación. En el cuadro de opciones “startup form” selecionaremos el

formulario frmLogin:

Vamos nuevamente al formulario frmLogin y hacemos clic en el botón

aceptar para acceder al código del evento. Instanciaremos el formulario

form_alumnos para llamarlo de la siguiente forma.

Dim falumnos = New form_alumnos() falumnos.show()