Compartir a través de

Tutorial: Crear un formulario MDI con la combinación de menús y controles ToolStrip

El espacio de nombres System.Windows.Forms admite aplicaciones de interfaz múltiple de documentos (MDI), y el control MenuStrip admite la combinación de menús. Los formularios MDI también ToolStrip pueden controlar.

En este tutorial se muestra cómo usar ToolStripPanel controles con un formulario MDI. El formulario también admite la combinación de menús con menús secundarios. En este tutorial se muestran las siguientes tareas:

  • Creación de un proyecto de Windows Forms.

  • Crear el menú principal del formulario. El nombre real del menú variará.

  • Agregar el ToolStripPanel control al Cuadro de herramientas.

  • Crear un formulario hijo.

  • ToolStripPanel Organizar controles por orden z.

Cuando haya terminado, tendrá un formulario MDI que admita la combinación de menús y controles móviles ToolStrip.

Para copiar el código de este tema como una sola lista, vea Cómo crear un formulario MDI con unificación de menús y controles ToolStrip.

Prerrequisitos

Necesitará Visual Studio para completar este tutorial.

Creación del proyecto

  1. En Visual Studio, cree un proyecto de Aplicación de Windows denominado MdiForm (Archivo>Nuevo>Proyecto>Visual C# o Visual Basic>Escritorio Clásico>Aplicación de Windows Forms).

  2. En el Diseñador de Windows Forms, seleccione el formulario.

  3. En la ventana Propiedades, establezca el valor de IsMdiContainer a true.

Crear el menú principal

El formulario MDI primario contiene el menú principal. El menú principal tiene un elemento de menú denominado Ventana. Con el elemento de menú Ventana , puede crear formularios secundarios. Los elementos de menú de los formularios secundarios se combinan en el menú principal.

  1. En el Cuadro de herramientas, arrastre un MenuStrip control al formulario.

  2. Agregue un ToolStripMenuItem elemento al MenuStrip control y asígnele el nombre Window.

  3. Seleccione el control MenuStrip.

  4. En la ventana Propiedades, establezca el valor de la propiedad MdiWindowListItem a ToolStripMenuItem1.

  5. Agregue un subelemento al elemento de menú Ventana y, a continuación, asigne el nombre New al subelemento.

  6. En la ventana Propiedades, haga clic en Eventos.

  7. Haga doble clic en el evento Click.

    El Diseñador de Windows Forms genera un controlador de eventos para el Click evento.

  8. Inserte el código siguiente en el controlador de eventos.

    // This method creates a new ChildForm instance
// and attaches it to the MDI parent form.
private void newToolStripMenuItem_Click(object sender, EventArgs e)
{
    ChildForm f = new ChildForm();
    f.MdiParent = this;
    f.Text = "Form - " + this.MdiChildren.Length.ToString();
    f.Show();
}

    ' This method creates a new ChildForm instance 
' and attaches it to the MDI parent form.
 Private Sub newToolStripMenuItem_Click( _
 ByVal sender As Object, _
 ByVal e As EventArgs) _
 Handles newToolStripMenuItem.Click

     Dim f As New ChildForm()
     f.MdiParent = Me
     f.Text = "Form - " + Me.MdiChildren.Length.ToString()
     f.Show()

 End Sub

Agregar el control ToolStripPanel al cuadro de herramientas

Cuando use controles MenuStrip con un formulario MDI, debe tener el control ToolStripPanel. Debe agregar el ToolStripPanel control al Cuadro de herramientas para compilar el formulario MDI en el Diseñador de Windows Forms.

  1. Abra el Cuadro de herramientas y, a continuación, haga clic en la pestaña Todos los formularios Windows Forms para mostrar los controles de Windows Forms disponibles.

  2. Haga clic con el botón derecho para abrir el menú contextual y seleccione Elegir elementos.

  3. En el cuadro de diálogo Elegir elementos del cuadro de herramientas, desplácese por la columna Nombre hasta que encuentre ToolStripPanel.

  4. Seleccione la casilla junto a ToolStripPanel y, a continuación, haga clic en Aceptar.

    El ToolStripPanel control aparece en el Cuadro de herramientas.

Crear un formulario hijo

En este procedimiento, definirá una clase de formulario secundaria independiente que tenga su propio MenuStrip control. Los elementos de menú de este formulario se combinan con los del formulario primario.

  1. Agregue un nuevo formulario denominado ChildForm al proyecto.

    Para obtener más información, vea Cómo: Agregar formularios Windows Forms a un proyecto.

  2. En el Cuadro de herramientas, arrastre un control MenuStrip al formulario secundario.

  3. Haga clic en el MenuStrip glifo de acciones del diseñador del control (flecha negra pequeña) y, a continuación, seleccione Editar elementos.

  4. En el cuadro de diálogo Editor de recopilación de elementos , agregue un nuevo elemento ToolStripMenuItemChildMenuItem al menú secundario.

    Para obtener más información, vea ToolStrip Items Collection Editor.

Probar el formulario

  1. Presione F5 para compilar y ejecutar el formulario.

  2. Haga clic en el elemento de menú Ventana para abrir el menú y, a continuación, haga clic en Nuevo.

    Se crea un nuevo formulario secundario en el área cliente MDI del formulario. El menú del formulario secundario se combina con el menú principal.

  3. Cierre el formulario hijo.

    El menú del formulario secundario se quita del menú principal.

  4. Haga clic en Nuevo varias veces.

    Los formularios secundarios se muestran automáticamente en el elemento de menú Ventana porque se asigna la MenuStrip propiedad del MdiWindowListItem control.

Agregar compatibilidad con ToolStrip

En este procedimiento, agregará cuatro ToolStrip controles al formulario primario de MDI. Cada ToolStrip control se agrega dentro de un ToolStripPanel control, que se acopla al borde del formulario.

  1. En el Cuadro de herramientas, arrastre un ToolStripPanel control al formulario.

  2. Con el ToolStripPanel control seleccionado, haga doble clic en el ToolStrip control en el Cuadro de herramientas.

    Se crea un control ToolStrip dentro de un control ToolStripPanel.

  3. Seleccione el control ToolStripPanel.

  4. En la ventana Propiedades, cambie el valor de la propiedad del Dock control a Left.

    El control ToolStripPanel se ancla al lado izquierdo del formulario, debajo del menú principal. El área cliente MDI cambia de tamaño para ajustarse al control ToolStripPanel.

  5. Repita los pasos del 1 al 4.

    Acopla el nuevo ToolStripPanel control a la parte superior del formulario.

    El ToolStripPanel control se acopla debajo del menú principal, pero a la derecha del primer ToolStripPanel control. En este paso se ilustra la importancia del orden z en la correcta colocación de los controles ToolStripPanel.

  6. Repita los pasos del 1 al 4 para dos controles más ToolStripPanel .

    Acopla los nuevos ToolStripPanel controles a la derecha e inferior del formulario.

Organizar controles ToolStripPanel por orden Z

La posición de un control acoplado ToolStripPanel en el formulario MDI viene determinada por la posición del control en el orden z. Puede organizar fácilmente el orden z de los controles en la ventana Esquema del documento.

  1. En el menú Ver , haga clic en Otras ventanas y, a continuación, haga clic en Esquema del documento.

    La disposición de los ToolStripPanel controles del procedimiento anterior no es estándar. Esto se debe a que el orden z no es correcto. Use la ventana Esquema del documento para cambiar el orden z de los controles.

  2. En la ventana Esquema del documento, seleccione ToolStripPanel4.

  3. Haga clic repetidamente en el botón de flecha abajo hasta que ToolStripPanel4 esté en la parte inferior de la lista.

    El control ToolStripPanel4 se acopla a la parte inferior del formulario, debajo de los demás controles.

  4. Seleccione ToolStripPanel2.

  5. Haga clic en el botón de flecha abajo una vez para colocar el tercer control en la lista.

    El control ToolStripPanel2 se acopla a la parte superior del formulario, debajo del menú principal y encima de los demás controles.

  6. Seleccione varios controles en la ventana Esquema del documento y muévalos a diferentes posiciones en el orden z. Tenga en cuenta el efecto del orden z en la colocación de controles acoplados. Utilice CTRL-Z o Deshacer en el menú Editar para deshacer tus cambios.

Punto de comprobación: prueba del formulario

  1. Presione F5 para compilar y ejecutar el formulario.

  2. Haga clic en el control de un ToolStrip control y arrastre el control a diferentes posiciones del formulario.

    Puede arrastrar un ToolStrip control desde un ToolStripPanel control a otro.

Pasos siguientes

En este tutorial, ha creado un formulario primario MDI con ToolStrip controles y combinación de menús. Puede usar la ToolStrip familia de controles para muchos otros fines:

Consulte también