Forms en paneles, adiós a los formularios MDI

ACTUALIZACIÓN IMPORTANTE!: En uno de los comentarios un lector me hizo caer en cuenta de un grave error, el código, como estaba, generaba siempre una nueva instancia del formulario y solo removíamos la referencia del contenedor… lo que significaba un uso excesivo de memoria. El articulo fue actualizado explicando está ultima implementación. Cualquier sugerencia adicional es siempre bienvenida.

Cuando necesitamos trabajar múltiples “vistas” dentro de nuestros formularios por lo general recurrimos al control TabControl, pero cuando necesitamos ya una funcionalidad es muy compleja o simplemente queremos separar estas funcionalidades en interfaces diferentes e integrarlas en un solo formulario, recurrimos a los formularios MDI, en estos podemos trabajar con formularios padres (contenedor) y sus formularios hijos (contenidos), personalmente no tengo nada en contra de estos, pero me parecen un tanto tediosos de trabajar y algo estrictos en su personalización.

Es por eso que en una ocasión, cuando necesitaba hacer un proyecto de ese estilo, me decidí por integrar otro método para acoplar formularios hijos en uno padre SIN QUE ESTE FUERA UN MDI CONTAINER, ni trabajar con los TabControls. Al ver la sección de contenedores en el ToolBox de Visual Studio vi el Panel, un control tan simple pero tan potente que a la final sería la mejor solución a mi problema, aquí les dejo como lo hice.

Una vez aclarados estos antecedentes, manos al teclado, lo primero que vamos a hacer es crear un proyecto de tipo Windows Forms, a este le vamos a agregar tres Forms (Padre, Hijo1, Hijo2):

Al formulario Padre, le vamos a agregar dos botones (btMostrarHijo1, btMostrarHijo2) y un panel (panelContenedor), así:

Y en los Forms hijos agregamos etiquetas grandes y distintivas (o lo que quieras agregar), así:

Ahora, en el lado que nos gusta (el lado del código) veamos cómo implementar estos formularios en el panel, en el evento click del botón btMostrarHijo1 agregamos el siguiente código:

private void btMostrarHijo1_Click(object sender, EventArgs e)
{
            if (this.panelContenedor.Controls.Count > 0)
                this.panelContenedor.Controls.RemoveAt(0);
            Hijo1 form = Application.OpenForms.OfType<Hijo1>().FirstOrDefault();
            Hijo1 hijo1 = form ?? new Hijo1();
            hijo1.FormBorderStyle = FormBorderStyle.None;
            hijo1.Dock = DockStyle.Fill;
            this.panelContenedor.Controls.Add(hijo1);
            this.panelContenedor.Tag = hijo1;
            hijo1.Show();
}

La explicación de cómo funciona este código es muy simple, primero preguntamos si existe algún control en el interior del panel, de ser verdadero lo eliminamos. Luego creamos una nueva instancia del formulario a agregar Luego preguntamos si existe algún formulario del tipo Hijo1 que ya este abierto, si existe usamos esa misma instancia, de lo contrario creamos una nueva y sobre este objeto reescribimos algunas de sus propiedades, TopLevel establece si el formulario debe mostrarse como ventana nivel superior, FormBorderStyle define el estilo de los bordes de nuestro formulario (en nuestro caso no queremos mostrarlos), Dock establece como se acoplara el control a su contenedor principal (en nuestro caso queremos que rellene todo el panel), Por ultimo lo agregamos al panel, establecemos la instancia como contenedor de datos de nuestro panel y lo mostramos, el resultado se verá así:

Y si tengo 50 botones en mi formulario padre, ¿tengo que escribir todo este código 50 veces? La respuesta es NO, por fortuna para nosotros podemos escribir un método que nos ahorre a un más el trabajo, en nuestro caso crearemos un método void (sin retorno de datos) que recibirá como parámetro la instancia del  Formulario a mostrar, así:

private void AddFormInPanel(Form fh)
{
            if (this.panelContenedor.Controls.Count > 0)
                this.panelContenedor.Controls.RemoveAt(0);            
            fh.TopLevel = false;
            fh.FormBorderStyle = FormBorderStyle.None;
            fh.Dock = DockStyle.Fill;
            this.panelContenedor.Controls.Add(fh);
            this.panelContenedor.Tag = fh;
            fh.Show();
} 

Y para acudir a este, desde el evento click del botón lo hacemos así:

private void btMostrarHijo2_Click(object sender, EventArgs e)
{            
        var form = Application.OpenForms.OfType<Hijo2>().FirstOrDefault();
        Hijo2 hijo = form ?? new Hijo2();
        AddFormInPanel(hijo);
}

De esta forma es mucho más sencillo y agradable el trabajar con formularios contenidos dentro de otros.

Descarga el ejemplo

Bien espero les sea de utilidad en sus proyectos.

Hasta el próximo post.