14/5/2014
For mu mular io ios de Inter fa faz M úl úl titiple ( MD MD I) I) en Visual Basi c .Net | Es Espacio Académico Univer si sitar io io
Formularios de Interfaz Múltiple (MDI) en Visual Basic .Net Publicado por Docente Docente el el agosto 22, 2012 en 2012 en Programación
Descargar Documento PDF: Aplicaci plicaciones ones de estilo M DI Cuando se habla de una Interfaz de Documento Múltiple (MDI), se hace referencia a una aplicación que tendrá entre sus formularios uno que actuará como principal, el cual encerrará los demás formularios formul arios que formarán parte de la aplicación, en donde al resto de los formularios formularios que se carguen en el formulario principal se le denomina formularios hijos. Creación de l Formularios Formularios MDI Para continuar, veamos cómo podemos implementar este tipo de interfaz en una aplicación: Iniciaremos por definir un nuevo proyecto de Visual Studio desde: Menú Archivo/Nuevo/Proyecto/Visual Basic/Windows/Aplicación de Wind ow ows s Forms For ms Para este ejemplo llamaremos al nuevo proyecto: AplicacionMDI, a como se puede ver en la imagen No.1.
http://docentefar em.wor dpr ess.com/2012/08/22/for mular i os- de- i nter faz- mul ti ple- mdi/
1/10
14/5/2014
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
Imagen No.1. Ventana de Nuevo Proyecto Ajustar las Propiedades de l Formulario M DI 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 opción propiedades, ver imagen No.2
http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/
2/10
14/5/2014
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
Imagen No.2. Acceso a las propiedades del formulario Cuando llevamos a cabo esta acción 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 har emos 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
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
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 más oscuro ver figura No.5.
http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/
4/10
14/5/2014
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
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
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
A continuación debemos cambiar la pr opiedad
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 demás formularios que necesitemos, y lo haremos haciendo clic en el cuadro de herramientas, sobre la opción Menús 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
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
Imagen No.7. F ormulario MDI, Control MenuStrip. A continuación 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 aplicación.
http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/
7/10
14/5/2014
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
Imagen No.8. Formulario MDI, Agregando elementos de menú al control MenuStrip. Agregando los Formularios Necesarios para la Aplicación Luego de ellos agregaremos un nuevo formulario, al que llamaremos frmHijo1, con la combinación 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 opción 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 código agregamos las siguientes líneas de código, ver imagenNo.10 Dim f As New frmHijo1 ‘Declaramos una nueva variable según el formulario a utilizar http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/
8/10
14/5/2014
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
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 agregación de nuevos formularios y su posterior llamado dependerá del tamaño de la aplicación en la que estemos trabajando, por lo cual habrá que repetir el p roceso para todos los formularios de la aplicación, exceptos está el Formulario MDI que se esté utilizando.
Imagen No.10. Ventana de código de Visual Studio. Para finalizar se guardan los cambios presionando la combinación 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 aplicación 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
For mular ios de Inter faz M úl tiple ( MD I) en Visual Basi c .Net | Espacio Académico Univer sitar io
Imagen No.11. Formulario MDI y en su interior un formulario hijo. De esta manera hemos aprendido a crear una aplicación de tipo MDI, si por alguna razón has tenido alguna dificulta en llevar a cabo e ste ejercicio, puedes repetir nuevamente los pasos, o puede s dejar un comentario en el blog re specto al problema que hayas tenido.
http://docentefarem.wordpress.com/2012/08/22/formularios-de-interfaz-multiple-mdi/
10/10
