Compartir a través de

Crear una interfaz de usuario multiventana con Windows Forms

Al organizar controles en un formulario, puede crear una interfaz de usuario de varios panel similar a la que se usa en Microsoft Outlook, con una lista de carpetas, un panel Mensajes y un panel de vista previa . Este arreglo se logra principalmente a través de controles de acoplamiento con el formulario.

Al acoplar un control, se determina a qué borde del contenedor primario se fija un control. Si establece la Dock propiedad en Right, el borde derecho del control se acoplará al borde derecho de su control padre. Además, el borde acoplado del control se cambia de tamaño para que coincida con el de su control de contenedor. Para obtener más información sobre cómo funciona la Dock propiedad, vea Cómo: Acoplar controles en formularios Windows Forms.

Este procedimiento se centra en organizar el SplitContainer y los demás controles del formulario, no en agregar funcionalidad para que la aplicación replique Microsoft Outlook.

Formulario diseñado para tener un aspecto similar a una ventana de correo de Outlook.

Para crear esta interfaz de usuario, coloque todos los controles dentro de un SplitContainer control. SplitContainer contiene un TreeView control en el panel izquierdo y otro SplitContainer en el panel derecho. El segundo SplitContainer contiene un ListView control en la parte superior y un RichTextBox control en la parte inferior.

Estos SplitContainer controles permiten cambiar el tamaño independiente de los demás controles del formulario. Puede adaptar las técnicas de este procedimiento para crear interfaces de usuario personalizadas propias.

Diseño del control

En la tabla siguiente se describe cómo se configuran los controles para imitar Microsoft Outlook:

Supervisión Propiedad Importancia
SplitContainer Nombre splitContainer1
Dársena Fill
TabIndex 4
AnchoDelSeparador 4
DistanciaDelDivisor 100
controles de Panel1 Agregue el treeView1 control a este panel.
Panel2.Controls Agregue el splitContainer2 control a este panel.
Vista de árbol Nombre treeView1
Dársena Fill
TabIndex 0
Nodos Agregar un nuevo nodo denominado Node0
SplitContainer Nombre splitContainer2
Dársena Fill
TabIndex 1
AnchoDelSeparador 4
DistanciaDelDivisor 150
Orientación Horizontal
controles de Panel1 Agregue el listView1 control a este panel.
Panel2.Controls Agregue el richTextBox1 control a este panel.
Vista de lista Nombre listView1
Dársena Fill
TabIndex 2
Productos Agregue un nuevo elemento y establezca el texto en item1.
RichTextBox Nombre richTextBox1
Dársena Fill
TabIndex 3
Mensaje de texto richTextBox1

Consulte también