You are on page 1of 15

Visual Basic .

net
Guía de estudio

08/05/2008
CEDUC UCN
Rafael Ramos Aqueda
Primera 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.
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.
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í:

1.5 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()