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, lenguaje, el framework framework que lo soporta y los distintos tipos de aplicaciones que podemos lograr con él.
Conceptos preliminares 1.1 1.1
¿Qué ¿Qué es el .NET .NET Fram Framew ewor ork? k?
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 entor entorno no para para const constru ruir ir,, insta instala larr y ejecut ejecutar ar servic servicios ios Web y otras otras aplicaci aplicaciones ones.. Se compon compone e de tres tres partes partes princ principal ipales: es: El conjun conjunto to de lenguaje lenguajes s de programac programación, ión, La Bibliote Biblioteca ca de Clases 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 program programador ador,, para para multit multitud ud de tareas tareas como, como, gestió gestión n del sistem sistema a de ficheros, manipulación multihebra, acceso a datos, etc. Finalmente, en el
nive nivell supe superi rior, or, enco encont ntra ramo mos s las las clas clases es que que perm permit iten en el dise diseño ño del del interfaz de usuario de nuestras aplicaciones. Si necesitamos desarrollar aplicaciones para Internet, utilizaremos ASP.NET, ASP.NET, que nos provee de todo lo nece necesa sario rio para para crea crearr aplic aplicac acio ione nes s para para la Red: ed: web web form forms, s, web web servi service ces, s, etc. etc. Ad Adem emás ás la plat platafo aform rma a prove provee e de un moto motorr capa capaz z de desa desarr rrol olla larr apli aplica caci cion ones es para para escri escrito tori rio o (sim (simil ilar ar a las las que que se pued puede e obtene obtenerr con Visua Visuall Basic) Basic).. Estas Estas aplicaci aplicacione ones s de escrito escritorio rio son los llamad llamados os Windo Windows ws Form Forms, s, la nueva nueva genera generació ción n de formul formulario arios, s, con carac aracte terí ríst stiicas cas avan avanz zadas adas y muy supe superi rior ores es a las del del motor otor de genera generació ción n de formul formulario arios s de obteni obtenidos dos con versio versiones nes anteri anterior ores es de Visual Basic.
1.2 1.2
Visua isuall St Studio udio .NET NET
Visu Visual al Stud Studio io .net .net es un ento entorn rno o de prog program ramac ació ión n inte integr grad ado o (IDE (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. Visu Visual al Stud Studio io no es el únic único o Ide Ide para para desa desarr rrol olla larr apli aplica caci cione ones s .net .net,, exist xiste en otr otros entor ntorno nos s alte alterrnati nativo vos s ent entre los cual cuale es pode podem mos SharpDevelop. 1.3 1.3
Los Los Win Windo dows ws For 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 ofrecen funcio funcional nalida idades des para el trabaj trabajo o con ventana ventanas, s, botone botones, s, 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, Form, cada control que se incorpore en la clase form será miembro de esta.
1.4 Otras Otras concid concidera eracin cines es previ previas as..
•
Extensión de los ficheros de código.
En Visu Visual al Basi Basic c .NET .NET a dife difere renc ncia ia de lo que que ocur ocurrí ría a en las las vers versio ione nes s 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 Con Visu Visual al Basi Basic c .NET .NET puede puedes s crea crearr bási básica came ment nte e esto estos s dos dos tipo tipos s de ejecutables: de consola, no gráfico, al estilo del viejo MS-DOS, y gráficos, como los los que normalment normalmente e estamos acostumbrado acostumbrados s a ver en Windows. Windows. Existen otros tipos de aplicaciones que se pueden crear con Visual Basic .NET: .NET: aplicaciones ASP A SP.NET, .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 n uevo proyecto (ctrl+n).
En el cuadro de dialogo d ialogo 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 formulario el cual el sistema habrá llamado llamado Form1. 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. 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 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 DateTimerPicker a DTP_fec_ingreso.
Distribuya estos controles de la siguiente Manera
Presio esione ne el botó botón n para para ejecu ejecuta tarr la aplic aplicac ació ión n y ver ver como como queda quedará rá 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 para util utiliz izar arlo lo como como disp dispar arad ador or de un even evento tos, s, para para ello ello irem iremos os 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 pro propiedad text a “Grabar”, “Grabar”, el otro botón ubiquémoslo al costado derecho del botón Grabar y cambie su propiedad p ropiedad nombre a “btn_Salir” “btn_Salir” y su text a “Salir”. “Salir”. Como comentario comentario aparte, aparte, ¿Se han fijado que para dar el nombre a los cont contro role les s hemo hemos s util utiliz izad ado o una una nome nomecl clat atura ura comú común? n?,, por ejem ejemplo plo Tex Textb tbo ox1 lo llam llamam amos os Text_ru ext_run, n, Combob Combobox1 ox1 lo llam llamam amos os cmb_ca cmb_carr rrera era,, bueno, bueno, utiliz utilizar ar nomecl nomeclatu aturas ras comune comunes s que identi identifiq fiquen uen 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, código, asi que ya es hora de utilizar nuestras nuestras neuronas . Haga doble click en el botón btn_salir. ¿Qué ha pasado?, se ha activado la pestaña de códi código go y autoauto-ma magi gica came ment nte e el curs cursor or se ha ubic ubicad ado o entr entre e esta estas s líneas: Private Sub Button1_Click(ByVal 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. IDE. Recib ecibe e dos parám parámet etro ros: s: send sender er y e, con con info inform rmac ació ión n adic adicio iona nall proporcionada por el entorno. Pero lo verdaderamente importante está al fina finall de la decl declara araci ción ón:: “Hand Handle les s btn_ btn_sa sali lir_C r_Cli lick ck”. ”. La pala palabr bra a clav clave e 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 ejecut ejecutar ar este este proced procedimi imient ento o cuando cuando se produz produzca ca el evento evento para para ese cont contrrol. ol. No reali ealiza zare remo mos s en este este mome moment nto o una una expli xplica caci ción ón más más detallada puesto que trataremos este aspecto con más profundidad en temas posteriores del texto. Este procedimiento será ejecutado cada vez que que puls pulsem emos os el cont contrrol btn_ btn_sa sali lir, r, por por lo que que si en tal tal situ situac ació ión, n, queremos cerrar el formulario, sólo será necesario incluir la línea de código mostrada entre estas líneas. Me.Close()
Pres Presio iona na para para ejec ejecut utar ar el el pro progra grama ma,, pres presion iona a el el bot botón ón cerr cerrar ar 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. Prime Primero ro debemo debemos s “hace “hacerr espaci espacio” o” para para nuestr nuestra a imagen imagen,, selecc seleccion ione e todo todos s los los cont contrroles oles y muév muéval alos os haci hacia a abaj abajo o. Para ara ello ello mant manten enga ga presionado el botón derecho del mouse y seleccione los controles de formulario. Agrega Agregamos mos un Label a nues nuestr tro o Formu ormula lari rio, o, y le agre agrega gamo mos s las 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 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 Agreg Agregand ando o nuevo nuevos s formul formulari arios os al proye proyecto cto.. 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 l as 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 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()
