14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Formularios de Interfaz Mltiple (MDI) en Visual

Basic .Net
Publicado por Docente el agosto 22, 2012 en Programacin

Descargar Documento PDF:

Aplicaciones de estilo MDI
Cuando se habla de una Interfaz de Documento Mltiple (MDI), se hace referencia a una aplicacin
que tendr entre sus formularios uno que actuar como principal, el cual encerrar los dems
formularios que formarn parte de la aplicacin, en donde al resto de los formularios que se carguen
en el formulario principal se le denomina formularios hijos.
Creacin del Formularios MDI
Para continuar, veamos cmo podemos implementar este tipo de interfaz en una aplicacin:
Iniciaremos por definir un nuevo proyecto de Visual Studio desde:
Men Archivo/Nuevo/Proyecto/Visual Basic/Windows/Aplicacin de Windows Forms
Para este ejemplo llamaremos al nuevo proyecto: AplicacionMDI, a como se puede ver en la imagen
No.1.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

1/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.1. Ventana de Nuevo Proyecto

Ajustar las Propiedades del Formulario MDI
Una vez dentro del proyecto, lo primero que haremos ser confeccionar el formulario que funcionar
como contenedor MDI o Formulario Padre, siguiendo los siguientes pasos:
Cambiar el nombre del Formulario por MDIPrincipal, haciendo clic derecho sobre el formulario,
seleccionando la opcin propiedades, ver imagen No.2

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

2/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.2. Acceso a las propiedades del formulario

Cuando llevamos a cabo esta accin se nos debe habilitar el panel de propiedades que se ubica
normalmente en la parte derecha del proyecto, y estando en este panel lo primero que haremos
ser, ha como ya hemos indicado anteriormente, cambiar el nombre en la propiedad Name,
reemplazando el nombre del formulario por MDIPrincipal, ver imagen No.3.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

3/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.3. Panel de propiedades, Propiedad Name

Acto seguido configuraremos el formulario para que sea de tipo MDI, en la
propiedadisMDIContainer y la estableceremos en True (Verdadero) a como se ve en la imagen
No.4, en donde prueba de que la propiedad fue correctamente aplicada, el formulario deber
cambiar su color gris claro a uno ms oscuro ver figura No.5.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

4/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.4. Panel de Propiedades,Propiedad IsMdiContainer

Imagen No.5. Aspecto de un Formulario MDI

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

5/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

A continuacin debemos cambiar la propiedad Windows State de Normal a Maximized, ver imagen
No.6, con el objetivo de que el formulario ocupe todo es espacio del monitor de nuestra
computadora.

Imagen No.6. Panel de propiedades, Propiedad WindowsState

Ahora agregaremos al formulario una barra de men, con el objetivo de utilizarla para hacer los
llamados a los dems formularios que necesitemos, y lo haremos haciendo clic en el cuadro de
herramientas, sobre la opcin Mens y Barras de herramientas y seleccionar de sta el control
MenuStrip, arrastrando y soltar sobre el formulario principal a como se puede apreciar en la imagen
No.7

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

6/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.7. Formulario MDI, Control MenuStrip.

A continuacin procederemos a crear cada uno de los elementos de men que necesitemos,
haciendo clic sobre la barra de herramienta exactamente sobre el texto que dice Escriba Aqu, a
como se ver en la imagen No.8, y de esta manera podremos agregar la cantidad de men tanto
como sean necesarios para llamar o todos los formularios que tengamos en la aplicacin.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

7/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.8. Formulario MDI, Agregando elementos de men al control MenuStrip.

Agregando los Formularios Necesarios para la Aplicacin
Luego de ellos agregaremos un nuevo formulario, al que llamaremos frmHijo1, con la combinacin de
teclas Ctrl + Shift + A y de la ventana que nos aparecer, seleccionar Windows Forms e indicar el
nombre que antes hemos mencionado y hacer clic sobre la opcin Agregar, ver imagen No.9.

Imagen No.9. Ventana para Agregar Nuevos Elementos al proyecto.

En este nuevo formulario no haremos nada, sola mente usarlo en los llamados desde el formulario
MDIPrincipal, para lo cual ser necesario regresar a este para culminar con el ejercicio, haciendo
doble clic sobre el mismo.
Creando los Formularios Hijos
Una vez de regreso en el formulario MDPPrincipal, haremos doble clic sobre el elemento de men
que se utilizar para hacer el llamado al formulario hijo, en este caso se utilizara el elemento que se
rotula Formulario Hijo 1, hacemos doble clic sobre este y una vez en la ventana de cdigo
agregamos las siguientes lneas de cdigo, ver imagenNo.10
Dim f As New frmHijo1
Declaramos una nueva variable segn el formulario a utilizar
http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

8/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

f.MdiParent = Me
Indicamos a la variable que hemos declarado el formulario MDI,
Donde el Me, representa el formulario actual donde se est trabajando
f.Show()
Por ltimo, de indicamos a la variable que se muestre
Nota: El proceso de agregacin de nuevos formularios y su posterior llamado depender del tamao
de la aplicacin en la que estemos trabajando, por lo cual habr que repetir el proceso para todos
los formularios de la aplicacin, exceptos est el Formulario MDI que se est utilizando.

Imagen No.10. Ventana de cdigo de Visual Studio.

Para finalizar se guardan los cambios presionando la combinacin de teclas Ctrl + S y luego
ejecutamos el programa presionando la tecla F5 para ver los resultados, y si est todo bien se debe
mostrar la aplicacin a como se puede apreciar en la imagen No.11., haciendo clic sobre el elemento
de men destinado para hacer el llamado al Formulario Hijo1.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

9/10

14/5/2014

Formularios de Interfaz Mltiple (MDI) en Visual Basic .Net | Espacio Acadmico Universitario

Imagen No.11. Formulario MDI y en su interior un formulario hijo.

De esta manera hemos aprendido a crear una aplicacin de tipo MDI, si por alguna razn has tenido
alguna dificulta en llevar a cabo este ejercicio, puedes repetir nuevamente los pasos, o puedes dejar
un comentario en el blog respecto al problema que hayas tenido.

http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/

10/10