Guia 2, Formularios MDI Azul

2,625 views

Published on

Guia 2, Formularios MDI Azul

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,625
On SlideShare
0
From Embeds
0
Number of Embeds
285
Actions
Shares
0
Downloads
206
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Guia 2, Formularios MDI Azul

  1. 1. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Universidad Capitán General Gerardo Barrios, SM. Guía Nº 2 - Computo I-10 Asignatura: Programación Computacional I Fecha: 01 de septiembre de 2010 igu ero om Docente: Lic. Marvin Antonio Romero Flores om o.c Objetivo: inf  Configurar el entorno del IDE  Conocer los elementos básicos de la sintaxis en Visual Basic 2010, aplicados en programas secuenciales estructurados a través de programas de consola. vin em el GB ar ic an R Para la realización de esta guía se necesitará lo siguiente: U M .m 1. Guía de Práctica No. 1, y No. 2 c. al M 2. Computadora con software Microsoft Visual Basic 2010 (o 2008) Li irtu lav ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  2. 2. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Parte I: Hacer visible la Solución en el Explorador de Soluciones igu ero om Lo que haremos a continuación nos hará posible visualizar el nombre de la solución en el Explorador de Soluciones, esto con el propósito de poder om o.c preparar nuestro IDE para en futuros proyectos gestionar no solo uno, sino varios proyectos en una sola solución, ¡COMENCEMOS! 1. Ingrese a Visual Studio, y Revise que el entorno y el resto de configuraciones este de la manera en que lo realizo en la Parte I de la Guía Nº 1 inf 2. Ir al Menú Herramientas 3. Seleccionar Opciones… vin em 2 el GB ar ic an R U M .m c. al M Li irtu lav ,S au 3 Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  3. 3. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 4. Seleccionamos Proyectos y Soluciones 5. Habilitamos la opción Mostrar Solución Siempre igu ero om om o.c inf vin em el GB ar ic an R U M .m 5 c. al M 4 Li irtu lav ,S 6 au 6. Dar Clic en Aceptar Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  4. 4. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Parte II: Crear una Solución en Blanco igu ero om Lo que haremos a continuación nos hará posible crear una solución vacía, en la cual agregaremos posteriormente proyectos y otro tipo de elementos om o.c o componentes. ¡COMENCEMOS! 2 1. Ingrese a Visual Studio. inf 2. Ir al Menú Archivo 3 3. Seleccionar Nuevo Proyecto vin em 4. En el cuadro de diálogo utiliza la barra de desplazamiento… 4.1. …para ubicar la opción el GB ar ic llamada Otros Tipos de an R Proyectos U M .m 5. Luego escoge Soluciones de Visual Studio c. al 4.1 M 6. Dentro de las plantillas elige 6 4 Li irtu Solución en blanco 7. Asígnale un nombre a la nueva solución, sugerencia lav ,S “misolucion” 5 8. Si ya has definido un directorio 7 de trabajo déjalo como está, au 8 sino selecciona la ubicación (Carpeta) en disco donde almacenarás la solución 9 mediante el botón Examinar. 9. Presiona Aceptar. Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  5. 5. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Parte III: Agregar un Proyecto de Visual Basic Windows Forms, a una Solución en Blanco igu ero om 1. Crear una Solución en Blanco, de acuerdo a la Parte II de esta guía. om o.c 2. Ve al Explorador de Soluciones, (sino lo ves, ve al Menú Ver y elige Explorador de Soluciones). 3. Ahora de clic derecho sobre el nombre de la solución (misolucion) inf 4. Elige Agregar 5. Y ahora elige Nuevo Proyecto. vin em 2 el GB ar ic an R U M .m c. al M Li irtu 3 lav ,S 5 4 au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  6. 6. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 6. En el cuadro de diálogo de Nuevo Proyecto, elegimos el lenguaje en el que vamos a trabajar, para el caso Visual Basic. (Recuerda que si no lo ves como lenguaje por defecto, búscalo en el apartado que dice Otros Lenguajes) igu ero om 7. Luego elije Windows 8. Ahora selecciona la plantilla Aplicación de Windows Forms 9. Asignale el nombre al nuevo proyecto “proyectoMDI” om o.c inf 6 vin em el GB ar ic an R 8 U M .m 7 c. al M Li irtu lav ,S au 9 Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  7. 7. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Parte IV: Configurando un formulario MDI, como Padre igu ero om 1. Crear un Solución en Blanco (Parte II de esta guía) om o.c 2. Agregar un proyecto de Visual Basic… Windows Forms (Parte III de esta guía) 3. Si haces todo bien verás algo como esto: inf vin em el GB ar ic an R U M .m c. al M Li irtu lav ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  8. 8. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Ahora vamos a cambiarle el nombre al formulario creado por defecto, para ilustrar de mejor forma el ejemplo de esta guía, vamos a llamarle frmpadre, para ello debemos hacer lo siguiente: igu ero om 4. Ve al Explorador de Soluciones, y dale clic derecho encima del formulario 5. Ahora elige Cambiar Nombre om o.c 6. Sobre lo sombreado, escribe el nuevo nombre “frmpadre.vb”, es de gran importancia no olvidar colocar la extensión *.vb, y presione Enter. 7. Te debe quedar de esta forma (Ver Imagen) inf vin em el GB ar ic an R U M .m 4 c. al M Li irtu 6 7 lav ,S au 5 Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  9. 9. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Solo nos resta darle el valor a la propiedad “IsMDIContainer”, para definir a nuestro formulario padre que es donde se visualizaran los respectivos formularios hijo, para ello: igu ero om 8. Seleccionamos el formulario. om o.c 9. Nos vamos a la ventana de inf propiedades y buscamos IsMdiContainer. vin em 10. Y le asignamos el valor True. el GB ar ic an R 8 U M .m c. al M Li irtu 10 lav ,S au 9 Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  10. 10. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 11. Listo, ahora deberás verlo de la siguiente manera (NÓTESE LA DIFERENCIA EN EL FORMULARIO): igu ero om om o.c inf vin em el GB ar ic an R 11 U M .m c. al M Li irtu lav ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  11. 11. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Parte V: Agregando Nuevo Formulario al Proyecto, Crear un Menú, e Invocar al Formulario Hijo desde el Padre (MDI) igu ero om 1. Crear un Solución en Blanco (Parte II de esta guía) om o.c 2. Agregar un proyecto de Visual Basic… Windows Forms (Parte III de esta guía) 3. Configurar un Formulario Padre (Parte IV de esta guía) inf 4. Ir al Explorador de Soluciones 5. Dar clic derecho sobre el nombre del proyecto (proyectoMDI) 4 vin em 6. Opción Agregar 7. Luego elige Windows Forms el GB ar ic an R U M .m 5 c. al M Li irtu lav ,S 6 au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  12. 12. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 8. En el cuadro de diálogo de agregar nuevo elemento, únicamente debemos escribir el nombre para el nuevo formularios, escribámosle frmhijo.vb igu ero om om o.c inf vin em el GB ar ic an R U M .m c. al M Li irtu 8 lav ,S 9 au 9. Clic en Agregar Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  13. 13. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 10. ¡LISTO!, YA TENEMOS UN NUEVO FORMULARIO EN EL MISMO PROYECTO. igu ero om om o.c inf 10 vin em el GB ar ic an R U M .m c. al M Li irtu lav ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  14. 14. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Ahora vamos a crear un menú súper simple únicamente para llamar al formulario hijo que acabamos de crear desde el formulario padre que teníamos ya configurado. igu ero om 11. Ve al Explorador de Soluciones om o.c 12. De Doble Clic sobre nuestro formulario MDI, inf llamado frmpadre 13. Ve al Cuadro de Herramientas, y usa la vin em 12 barra de desplazamiento para encontrar el control el GB ar ic llamado MenuStrip, y 13 an R U M .m arrástralo dentro del formulario padre. c. al M Li irtu lav ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  15. 15. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Ahora como regla general recordemos que para cada nuevo objeto debemos asignar el nombre. 14. Clic sobre el nuevo igu ero om control de menú creado. om o.c 15. Ve a la ventana de propiedades, y inf modifica la propiedad (name) con el valor vin em mimenu. el GB ar ic an R U M .m c. al M 14 Li irtu lav 15 ,S au Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  16. 16. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com Ahora vamos a agregar opciones al menú recién creado. igu ero om 16. De Clic donde dice Escriba Aquí… om o.c 16.1. Y escribe Abrir 17. Luego Clic donde dice la imagen y escribe Hijo inf 16 16.1 vin em 17 el GB ar ic an R U M .m c. al Ahora vamos a escribir las líneas de Código Necesarias para invocar la instancia de nuestro formulario hijo en nuestro formulario Padre, para lograrlo M haremos lo siguiente. Li irtu 18. Doble clic donde en la opción del menú que creamos y nombramos hijo lav ,S au 16.1 Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador
  17. 17. www.miceminfo.com www.aulavirtual.miceminfo.com marfonline@gmail.com 19. En el Editor de Código Escribiremos la siguiente rutina dentro del procedimiento click de la opción sobre la cual dimos doble clic igu ero om om o.c inf vin em el GB ar ic an R U M .m c. al M Y HEMOS TERMINADO POR AHORA, TE RETO A QUE CON TU Li irtu IMAGINACION HAGAS DE ESTE APRENDIZAJE ALGO CON lav ,S MAYOR UTILIDAD, ADELANTE…. DEMUESTRA TU INGENIO Y au CAPACIDAD. Diseñado y Escrito por Lic. Marvin Romero UGB San Miguel, El Salvador

×