Guia 4 VB .NET

Universidad Capitn General Gerardo Barrios, SM. Gua N 4 - Computo II-09

Asignatura: Programacin I Fecha: 04 de Octubre de 2009

Docente: Lic. Marvin Antonio Romero Flores

Objetivo: - Aprender a crear aplicaciones Windows Forms, y seguir practicando la creacin y el consumo de clases.

Para la realizacin de esta gua se necesitar lo siguiente:

1. Gua de Prctica No. 1, 2, 3 y 4

2. Computadora con software Microsoft Visual Basic 2005 2008.

www.ceminfosv.com Programacin I UGB, San Miguel

Diseado y Escrito por: Lic. Marvin Romero [email protected]

UGB,

San M

iguel

El Sa

lvador

Parte nica:

Creacin de Una Aplicacin Windows Forms, y consumir clases creadas por el

programador en ella.

En este ejercicio se comprobar la forma en que funcionan los alcances de variables en Visual Basic, y la

manera en que podemos aprovechar su manejo para preservar valores en memoria con eficiencia.

1. Cree una solucin en Blanco (Nuevo Proyecto > Tipos De Proyecto > Otros Tipos de Proyecto > Soluciones de Visual Studio > Plantilla Solucin en Blanco), llamada formularios y funciones, estara de ms decirles que es criterio de Uds. Elegir la Ubicacin (Pen Drive, o ruta fija en su disco duro).

2.

NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LA GUIA 3; PASO 1

3. Agregue a su solucin un nuevo proyecto


De tipo Windows Aplicacin de Windows Forms, y asgnele como nombre Formularios, y presiones Aceptar



UGB,

San M

iguel

El Sa

lvador

4. Obtendr lo siguiente, El IDE ha preparado su entorno para el diseo de Interfaz Grfica de Usuario (IGU).

As debe quedar el IDE para el diseo con todos los elementos necesarios totalmente visibles: 1. El Explorador de Soluciones, 2. El Cuadro de Herramientas, 3. El Diseador de Formularios, 4. Lista de Errores, y la 5. Ventana de Propiedades,

Se ruega prestar muchsima atencin ya que en la clase prctica se explicara cmo conseguirlo

(aunque ya deberas saber si llevan la lectura del material).



UGB,

San M

iguel

El Sa

lvador

5. Insertar dentro del formulario Form1, los siguientes controles: a) 4 Etiquetas (Label) b) 2 Cuadros de Texto (TextBox) c) 1 Cuadros Combinados (ComboBox) d) 1 Botn de Accin (Button) Organcelos de tal forma que quede similar a la siguiente captura.

6. Modifique las siguientes propiedades a cada uno de los controles (Objetos). Tal y como lo refleja la siguiente Tabla N 1, esto se consigue fcilmente, seleccionado primero el control, y luego cambiado el valor de la propiedad respectiva en la Ventana de Propiedades.



UGB,

San M

iguel

El Sa

lvador

TABLA N 1 Valores de las Propiedades de los Controles

CONTROL PROPIEDAD VALOR ASIGNADO POR IDE NUEVO VALOR

Etiquetas (Name) Label1 lbln1

Label2 lbln2

Label3 lbloperacion

Label4 Lblresultado

Text Label1 Nmero 1:

Label2 Nmero 2:

Label3 Operacin

Label4 Resultado

Cuadros de Texto (Name) TextBox1 txtn1

TextBox2 txtn2

Cuadro Combinado (Name) ComboBox1 cmboperacion

Botn de Accin (Name) Button1 btncalcular

7. Si realiza todo de la manera adecuada el resultado ser algo como esto:

8. Ahora todo est casi todo listo, para comenzar a codificar, ya que hemos cumplido con la norma

bsica de todo diseador de IGUs, que es la de asignar nombre a cada objeto que forma parte del formulario y que ser utilizado e invocado dentro del cdigo, esto se consigui al modificar el valor por defecto de la propiedad (Name) de cada uno de los controles (Objetos), utilizando los prefijos adecuados establecidos en los estndares de denominacin de controles. (poner atencin en clase)

9. El propsito de este formulario ser el de solicitar el usuario 2 nmeros de tipo Double utilizando cuadros de texto, as mismo se podr elegir el poder realizar una de las operaciones matemticas bsicas (+,-,/,*) mediante un cuadro combinado, y ejecutndolas mediante un botn de accin.



UGB,

San M

iguel

El Sa

lvador

10. Las operaciones matemticas sern invocadas, desde un espacio de nombres creado por nosotros, en donde disearemos una clase que contendr las cuatro funciones para conseguir realizar cada operacin.

11. Para finalizar con el diseo de la IGU, solo nos resta asignar los elementos que formarn parte del cuadro combinado, esto se logra dando clic derecho sobre el control llamado cmboperaciones, y elegir la opcin editar elementos.

Una vez dentro del Editor de la Coleccin Cadena, procedemos a agregar los cuatro elementos que formaran parte del cuadro combinado (Ver circulo), y presionar aceptar.

No olvides que despus

de cada elemento

debes presin ENTER



UGB,

San M

iguel

El Sa

lvador

12. Ahora si podemos decir que ya tenemos terminada la IGU, por lo que procederemos de lleno a codificar, en primer lugar Nuestra Biblioteca de Clases.

13. Agregar a la solucin Existente un Proyecto de tipo Windows Biblioteca de Clases, llamada misoperaciones


14. Modifique el programa Class1.vb (Bsquelo en el Explorador de Soluciones, en el proyecto de

Biblioteca de Clases mis operaciones, y de doble clic), de tal manera que quede como sigue:

15. Genere o Construya el Proyecto de Biblioteca de Clases, y guarde todo.


16. Ntese que estamos creando un espacio de nombres llamado operaciones (lnea 1), dentro

tambin creamos una clase pblica llamada bsicas (lnea 2), y luego esta lo nuevo, estn dentro de la clase 4 funciones de tipo publicas y compartidas (lneas 3 a la 14).

17. Si ya nos dimos cuenta estamos acostumbrados a crear Procedimientos Metodos (Sub), sin embargo ahora lo que estamos creando son Funciones (Function End Funtion), ambas pueden recibir argumentos (valores) por referencia (ByRef) o por valor (ByRef), la diferencia entre ambos es la posibilidad que tienen las segundas de poder retornar (Return) valores cuando se les invoca.

18. Explicar nicamente la funcin suma, ya que las otras 3 funcionas de manera similar, de acuerdo.

19. Se declaran una funcin pblica y compartida llamada suma, a la cual se le especifica que recibir como argumentos por valor (ByRef), de tipo Double. (lnea 3), y retornara el resultado de operar los valores recibidos (los captura y almacena en las variables n1 y n2 respectivamente) al lugar de invocacin usando Return (lnea 4).



UGB,

San M

iguel

El Sa

lvador

20. Establezca la referencia a nuestra biblioteca en el proyecto de Aplicacin Windows Forms, llamado formularios.

NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LA GUIA 3; PASO 11 y 12

21. Hemos terminado de codificar nuestra biblioteca de clases, tambin ya establecimos la referencia

en el proyecto de aplicacin Windows para poder ser consumida, ahora comenzaremos a codificar el formulario.

22. Seleccione el Diseador de Formularios Presionando sobre la ficha con su nombre.

23. El cdigo como es de esperar, debe ir dentro de un Botn de Accin, por lo que seleccionamos el

control Botn de Accin llamado btncalcular, y damos doble clic, para abrir el cdigo.

24. Y no abrir el que tanto conocemos, el Editor de Cdigo. Preste atencin a los globos de texto, ya

que reflejan lo que el IDE hace por UD.

DOBLE CLIC

Crea una Clase

llamada Form1

Crea un mtodo

con el nombre del

control

Ntese el evento

por defecto Click



UGB,

San M

iguel

El Sa

lvador

25. Ahora debemos importar nuestra biblioteca de clases, con el espacio de nombres y la clase para poder consumirlas, tal y como sigue:

26. Observe como he utilizado el carcter continuador de lnea (_) para poder la lectura ms fcil, si

usar las barras de desplazamiento (opcional).

27. Ahora procederemos a codificar las lneas correspondientes al procedimiento btncalcular_Click, de la siguiente manera:

Continuador de Lnea

Continuador de Lnea



UGB,

San M

iguel

El Sa

lvador

28. Declaramos dos variables para almacenar los nmeros a operar (lnea 8), de tipo Double (Recuerde que la funcin requiere como argumento valores de ese tipo).

29. Le asignamos a las variables el valor que contiene los controles cuadros de textos, este se extrae de la propiedad Text (Linea 9 y 10)

30. Evaluamos que tipo de operacin se le aplicara a los valores, mediante una estructura de control Select Case ... End Select (Linea 11 a 22), esto se logra comparando el valor que el usuario haya elegido dentro del cuadro combinado y su propiedad text, empleado un Case para cada posibilidad (lnea 12, 13, 16, 18 y 20).

31. Dependiendo cual sea el caso, se invocar la funcin respectiva de nuestra Biblioteca de Clases. y se mostrarn los resultados retornados por las mismas en el control lblresultado en su propiedad text (lnea 13,15,17 y 19)

32. Existe un Case por defecto (Case Else) (lnea 20), el cual se ejecutara cuando ninguno de los anteriores se cumple, mostrando un cuadro de mensaje con la cadena Elija Una Opcin (lnea 21).

33. Construya la Solucin, Guarde Todo, Establezca el proyecto formularios como proyecto de inicio e Inicie la depuracin.

FIN DEL EJERCICIO.

ACTIVIDAD:

a) Qu pasa si como entrada en los cuadros de texto introducimos cadenas de texto, y presionamos sobre el botn calcular?

b) Qu pasa si los cuadros de texto estn vacos, y presionamos sobre el botn calcular? c) Qu pasa si no elegimos ninguna operacin? d) Qu pasa su escribimos 0 en el cuadro de texto txtn2, y cualquier valor en txtn1, y queremos

hacer una divisin?



UGB,

San M

iguel

El Sa

lvador

Technology

Guia 4 VB .NET