Guia 2, Formularios MDI

  • 4,918 views
Uploaded on

Guia 2, Formularios MDI

Guia 2, Formularios MDI

More in: Education , Technology , Travel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,918
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
22
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net 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 Docente: Lic. Marvin Antonio Romero Flores M om netObjetivo: an R fo. el o  Configurar el entorno del IDE igu er  Conocer los elementos básicos de la sintaxis en Visual Basic 2010, aplicados en programas secuenciales estructurados a través de programas de consola. , S rvin in GB a cemPara la realización de esta guía se necesitará lo siguiente: U M i 1. Guía de Práctica No. 1, y No. 2 c. .m 2. Computadora con software Microsoft Visual Basic 2010 (o 2008) Li w ww Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 2. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net Parte I: Hacer visible la Solución en el Explorador de Soluciones M om netLo 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 poderpreparar 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 an R fo. el o2. Ir al Menú Herramientas igu er3. Seleccionar Opciones… , S rvin in 2 GB a cem U M i c. .m Li w ww 3 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 3. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net4. Seleccionamos Proyectos y Soluciones5. Habilitamos la opción Mostrar Solución Siempre M om net an R fo. el o igu er , S rvin in GB a cem 5 U M i c. .m 4 Li w ww 66. Dar Clic en Aceptar Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 4. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net Parte II: Crear una Solución en Blanco M om netLo que haremos a continuación nos hará posible crear una solución vacía, en la cual agregaremos posteriormente proyectos y otro tipo de elementoso componentes. ¡COMENCEMOS! 21. Ingrese a Visual Studio. an R fo. el o2. Ir al Menú Archivo igu er 33. Seleccionar Nuevo Proyecto , S rvin in4. En el cuadro de diálogo utiliza la barra de desplazamiento… 4.1. …para ubicar la opción GB a cem llamada Otros Tipos de Proyectos5. Luego escoge Soluciones de6. Visual Studio Dentro de las plantillas elige Solución en blanco U M i c. .m 4.1 4 6 Li w7. Asígnale un nombre a la nueva ww solución, sugerencia “misolucion” 58. Si ya has definido un directorio 7 de trabajo déjalo como está, 8 sino selecciona la ubicación (Carpeta) en disco donde almacenarás la solución 9 mediante el botón Examinar.9. Presiona Aceptar. Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 5. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net Parte III: Agregar un Proyecto de Visual Basic Windows Forms, a una Solución en Blanco M om net1. Crear una Solución en Blanco, de acuerdo a la Parte II de esta guía.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) an R fo. el o4. Elige Agregar igu er5. Y ahora elige Nuevo Proyecto. , S rvin in GB a cem 2 U M i c. .m Li w 3 ww 5 4 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 6. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net6. 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)7. Luego elije Windows8. Ahora selecciona la plantilla Aplicación de Windows Forms M om net9. Asignale el nombre al nuevo proyecto “proyectoMDI” an R fo. el o igu er 6 , S rvin in GB a cem 8 7 U M i c. .m Li w ww 9 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 7. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net Parte IV: Configurando un formulario MDI, como Padre M om net1. Crear un Solución en Blanco (Parte II de esta guía)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: an R fo. el o igu er , S rvin in GB a cem U M i c. .m Li w ww Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 8. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.netAhora vamos a cambiarle el nombre al formulario creado por defecto, para ilustrar de mejor forma el ejemplo de esta guía, vamos a llamarlefrmpadre, para ello debemos hacer lo siguiente:4. Ve al Explorador de Soluciones, y dale clic derecho encima del formulario M om net5. Ahora elige Cambiar Nombre6. 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) an R fo. el o igu er , S rvin in GB a cem 4 U M i c. .m Li w 7 ww 6 5 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 9. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.netSolo nos resta darle el valor a la propiedad “IsMDIContainer”, para definir a nuestro formulario padre que es donde se visualizaran los respectivosformularios hijo, para ello:8. Seleccionamos el M om net formulario.9. Nos vamos a la ventana de an R fo. el o propiedades y igu er buscamos , S rvin in IsMdiContainer.10. Y le asignamos el valor GB a cem True. 8 U M i c. .m Li w 10 ww 9 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 10. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net11. Listo, ahora deberás verlo de la siguiente manera (NÓTESE LA DIFERENCIA EN EL FORMULARIO): M om net an R fo. el o igu er , S rvin in GB a cem 11 U M i c. .m Li w ww Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 11. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net Parte V: Agregando Nuevo Formulario al Proyecto, Crear un Menú, e Invocar al Formulario Hijo desde el Padre (MDI) M om net1. Crear un Solución en Blanco (Parte II de esta guía)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) an R fo. el o 4. Ir al Explorador de Soluciones igu er 5. Dar clic derecho sobre el nombre del proyecto (proyectoMDI) 4 , S rvin in 6. Opción Agregar GB a cem 7. Luego elige Windows Forms U M i 5 c. .m Li w ww 6 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 12. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net8. En el cuadro de diálogo de agregar nuevo elemento, únicamente debemos escribir el nombre para el nuevo formularios, escribámosle frmhijo.vb M om net an R fo. el o igu er , S rvin in GB a cem U M i c. .m Li w ww 8 99. Clic en Agregar Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 13. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net10. ¡LISTO!, YA TENEMOS UN NUEVO FORMULARIO EN EL MISMO PROYECTO. M om net an R fo. el o igu er 10 , S rvin in GB a cem U M i c. .m Li w ww Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 14. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.netAhora vamos a crear un menú súper simple únicamente para llamar al formulario hijo que acabamos de crear desde el formulario padre queteníamos ya configurado.11. Ve al Explorador de M om net Soluciones12. De Doble Clic sobre nuestro formulario MDI, an R fo. el o llamado frmpadre igu er13. Ve al Cuadro de , S rvin in Herramientas, y usa la 12 barra de desplazamiento GB a cem para encontrar el control llamado MenuStrip, y 13 arrástralo dentro del formulario padre. U M i c. .m Li w ww Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 15. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.netAhora como regla general recordemos que para cada nuevo objeto debemos asignar el nombre.14. Clic sobre el nuevo control de menú M om net creado.15. Ve a la ventana de propiedades, y an R fo. el o modifica la igu er propiedad (name) , S rvin in con el valor mimenu. GB a cem U M i c. .m 14 Li w ww 15 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 16. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.netAhora vamos a agregar opciones al menú recién creado.16. De Clic donde dice Escriba Aquí… M om net 16.1. Y escribe Abrir17. Luego Clic donde dice la imagen y escribe Hijo an R fo. el o igu er 16 16.1 , S rvin in 17 GB a cem U M i c. .mAhora vamos a escribir las líneas de Código Necesarias para invocar la instancia de nuestro formulario hijo en nuestro formulario Padre, para lograrloharemos lo siguiente. Li w18. Doble clic donde en la opción del menú que creamos y nombramos hijo ww 16.1 Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel
  • 17. lic.marvin.romero@gmail.com| UGB San Miguel www.miceminfo.net19. En el Editor de Código Escribiremos la siguiente rutina dentro del procedimiento click de la opción sobre la cual dimos doble clic M om net an R fo. el o igu er , S rvin in GB a cem U M i c. .m Y HEMOS TERMINADO POR AHORA, TE RETO A QUE CON TU Li w IMAGINACION HAGAS DE ESTE APRENDIZAJE ALGO CON ww MAYOR UTILIDAD, ADELANTE…. DEMUESTRA TU INGENIO Y CAPACIDAD. Escrito y Recopilado por Lic. Marvin Romero Ciclo II UGB, San Miguel