marfonline@gmail.com                                       UGB San Miguel                                  Lic. Marvin Rom...
marfonline@gmail.com                                   UGB San Miguel                                     Lic. Marvin Rome...
marfonline@gmail.com                               UGB San Miguel                                  Lic. Marvin Romero
3. O...
marfonline@gmail.com                                UGB San Miguel             Lic. Marvin Romero
4. Insertar dentro del f...
marfonline@gmail.com                                UGB San Miguel                                  Lic. Marvin Romero
5. ...
marfonline@gmail.com                               UGB San Miguel                              Lic. Marvin Romero
6. Si re...
marfonline@gmail.com                                UGB San Miguel                                  Lic. Marvin Romero

8....
marfonline@gmail.com                              UGB San Miguel                                 Lic. Marvin Romero
Una ve...
marfonline@gmail.com                               UGB San Miguel                                    Lic. Marvin Romero
13...
marfonline@gmail.com                               UGB San Miguel                                  Lic. Marvin Romero
18. ...
marfonline@gmail.com                                UGB San Miguel                                   Lic. Marvin Romero
22...
marfonline@gmail.com                                UGB San Miguel                                   Lic. Marvin Romero
24...
marfonline@gmail.com                                 UGB San Miguel                                   Lic. Marvin Romero
2...
marfonline@gmail.com                              UGB San Miguel                                   Lic. Marvin Romero
29. ...
Upcoming SlideShare
Loading in …5
×

Guia5, Consumo de Bibliotecas de Clases en Proyectos de Windows Forms

2,171 views

Published on

Guia5, Consumo de Bibliotecas de Clases en Proyectos de Windows Forms

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,171
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
64
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Guia5, Consumo de Bibliotecas de Clases en Proyectos de Windows Forms

  1. 1. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero Universidad Capitán General Gerardo Barrios, SM. Guía Nº 5 - Computo II-10 Asignatura: Programación I Fecha: martes, 28 de septiembre de 2010 Docente: Lic. Marvin Antonio Romero Flores Objetivo: - Aprender a crear aplicaciones Windows – Forms, y seguir practicando la creación y el consumo de clases. el o igu er Para la realización de esta guía se necesitará lo siguiente: M om 1. Guía de Práctica No. 1, 2, 3, 4 y 5 an R 2. Computadora con software Microsoft Visual Studio .NET , S rvin GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  2. 2. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero Parte Única: Creación de Una Aplicación 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 solución en Blanco (Nuevo Proyecto > Tipos De Proyecto > Otros Tipos de Proyecto > Soluciones de Visual Studio > Plantilla Solución en Blanco), llamada “formularios y funciones”, estaría de más decirles que es criterio de Uds. Elegir la Ubicación (Pen Drive, o ruta fija en su disco duro). el o NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LAS GUIAS ANTERIORES igu er M om 2. Agregue a su solución un nuevo proyecto NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LAS GUIAS ANTERIORES an R De tipo Windows – Aplicación , S rvin de Windows Forms, y asígnele como nombre Formularios, y presiones Aceptar GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  3. 3. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 3. Obtendrá lo siguiente, El IDE ha preparado su entorno para el diseño de Interfaz Gráfica de Usuario (IGU). el o igu er M om an R , S rvin GB a U c. M Li Así debe quedar el IDE para el diseño con todos los elementos necesarios totalmente visibles: 1. El Explorador de Soluciones, 4. Lista de Errores, y la 2. El Cuadro de Herramientas, 5. Ventana de Propiedades, 3. El Diseñador de Formularios, www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  4. 4. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 4. 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 Botón de Acción (Button) Organícelos de tal forma que quede similar a la siguiente captura. el o igu er M om an R , S rvin GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  5. 5. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 5. Modifique las siguientes propiedades a cada uno de los controles (Objetos). Tal y como lo refleja la siguiente Tabla Nº 1, esto se consigue fácilmente, seleccionado primero el control, y luego cambiado el valor de la propiedad respectiva en la Ventana de Propiedades. TABLA Nº 1 Valores de las Propiedades de los Controles CONTROL PROPIEDA VALOR ASIGNADO POR NUEVO VALOR el o D IDE igu er Etiquetas (Name) Label1 lbln1 Label2 lbln2 M om Label3 lbloperacion Label4 Lblresultado an R Text Label1 Número 1: , S rvin Label2 Número 2: Label3 Operación Label4 Resultado Cuadros de (Name) TextBox1 GB a txtn1 U c. M Texto TextBox2 txtn2 Cuadro (Name) ComboBox1 cmboperacion Combinado Botón de Acción (Name) Button1 btncalcular Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  6. 6. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 6. Si realiza todo de la manera adecuada el resultado será algo como esto: el o igu er M om an R , S rvin GB a U c. M Li 7. Ahora todo está casi todo listo, para comenzar a codificar, ya que hemos cumplido con la norma básica de todo diseñador de IGU’s, que es la de asignar nombre a cada objeto que forma parte del formulario y que será utilizado e invocado dentro del código, 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 estándares de denominación de controles. www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  7. 7. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 8. El propósito de este formulario será el de solicitar el usuario 2 números de tipo Double utilizando cuadros de texto, así mismo se podrá elegir el poder realizar una de las operaciones matemáticas básicas (+,-,/,*) mediante un cuadro combinado, y ejecutándolas mediante un botón de acción. 9. Las operaciones matemáticas serán invocadas, desde un espacio de nombres creado por nosotros, en donde diseñaremos una clase que contendrá las cuatro funciones para conseguir realizar cada operación. 10. Para finalizar con el diseño de la IGU, solo nos resta asignar los elementos que formarán parte del cuadro combinado, esto se logra el o dando clic derecho sobre el control llamado cmboperaciones, y elegir la opción editar elementos. igu er M om an R , S rvin GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  8. 8. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero Una vez dentro del Editor de la Colección Cadena, procedemos a agregar los cuatro elementos que formaran parte del cuadro combinado (Ver circulo), y presionar aceptar. el o igu er M om No olvides que después an R de cada elemento debes presión ENTER , S rvin GB a U c. M Li 11. 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. 12. Agregar a la solución Existente un Proyecto de tipo Windows – Biblioteca de Clases, llamada misoperaciones NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LAS GUIAS ANTERIORES www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  9. 9. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 13. Modifique el programa Class1.vb (Búsquelo 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: el o igu er M om an R , S rvin 14. Genere o Construya el Proyecto de Biblioteca de Clases, y guarde todo. GB a U c. M NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LAS GUIAS ANTERIORES 15. Nótese que estamos creando un espacio de nombres llamado operaciones (línea 1), dentro también creamos una clase pública llamada Li básicas (línea 2), y luego esta lo nuevo, están dentro de la clase 4 funciones de tipo publicas y compartidas (líneas 3 a la 14). 16. 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. 17. Explicaré únicamente la función suma, ya que las otras 3 funcionas de manera similar, de acuerdo. www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  10. 10. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 18. Se declaran una función pública y compartida llamada suma, a la cual se le especifica que recibirá como argumentos por valor (ByRef), de tipo Double. (línea 3), y retornara el resultado de operar los valores recibidos (los captura y almacena en las variables n1 y n2 respectivamente) al lugar de invocación usando Return (línea 4). 19. Establezca la referencia a nuestra biblioteca en el proyecto de Aplicación Windows Forms, llamado formularios. NOTA: SI NO RECUERDA COMO HACERLO CONSULTE LAS GUIAS ANTEIORES 20. Hemos terminado de codificar nuestra biblioteca de clases, también ya establecimos la referencia en el proyecto de aplicación el o Windows para poder ser consumida, ahora comenzaremos a codificar el formulario. igu er M om 21. Seleccione el Diseñador de Formularios Presionando sobre la ficha con su nombre. an R , S rvin GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  11. 11. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 22. El código como es de esperar, debe ir dentro de un Botón de Acción, por lo que seleccionamos el control Botón de Acción llamado btncalcular, y damos doble clic, para abrir el código. DOBLE CLIC el o igu er M om an R , S rvin 23. Y no abrirá el que tanto conocemos, el Editor de Código. Preste atención a los globos de texto, ya que reflejan lo que el IDE hace por UD. GB a U c. M Crea una Clase llamada Form1 Li Nótese el evento por defecto Click Crea un método con el nombre del control www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  12. 12. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 24. Ahora debemos importar nuestra biblioteca de clases, con el espacio de nombres y la clase para poder consumirlas, tal y como sigue: Continuador de Línea Continuador de Línea el o igu er M om an R 25. Observe como he utilizado el carácter continuador de línea (_) para poder la lectura más fácil, si usar las barras de desplazamiento , S rvin (opcional). GB a U c. M Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  13. 13. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 26. Ahora procederemos a codificar las líneas correspondientes al procedimiento btncalcular_Click, de la siguiente manera: el o igu er M om an R , S rvin GB a U c. M Li 27. Declaramos dos variables para almacenar los números a operar (línea 8), de tipo Double (Recuerde que la función requiere como argumento valores de ese tipo). 28. 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) www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com
  14. 14. marfonline@gmail.com UGB San Miguel Lic. Marvin Romero 29. Evaluamos que tipo de operación 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 (línea 12, 13, 16, 18 y 20). 30. Dependiendo cual sea el caso, se invocará la función respectiva de nuestra Biblioteca de Clases. y se mostrarán los resultados retornados por las mismas en el control lblresultado en su propiedad text (línea 13,15,17 y 19) 31. Existe un Case por defecto (Case Else) (línea 20), el cual se ejecutara cuando ninguno de los anteriores se cumple, mostrando un cuadro de mensaje con la cadena “Elija Una Opción” (línea 21). el o igu er 32. Construya la Solución, Guarde Todo, Establezca el proyecto formularios como proyecto de inicio e Inicie la depuración. M om FIN DEL EJERCICIO. an R ACTIVIDAD: , S rvin a) ¿Qué pasa si como entrada en los cuadros de texto introducimos cadenas de texto, y presionamos sobre el botón calcular? b) ¿Qué pasa si los cuadros de texto están vacíos, y presionamos sobre el botón calcular? c) GB a ¿Qué pasa si no elegimos ninguna operación? U c. M d) ¿Qué pasa su escribimos 0 en el cuadro de texto txtn2, y cualquier valor en txtn1, y queremos hacer una división? Li www.miceminfo.com "compartir es aprender" aulavirtual.miceminfo.com

×