Guia 2, Formularios MDI Azul

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


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



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



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.



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



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



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



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



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



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



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



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



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



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



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



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



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.


Guia 2, Formularios MDI Azul

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Guia 2, Formularios MDI Azul

Semelhante a Guia 2, Formularios MDI Azul (20)

Mais de Marvin Romero

Mais de Marvin Romero (20)

Guia 2, Formularios MDI Azul