Пошаговое руководство. Создание формы MDI с помощью элементов управления "Слияние меню" и toolStrip

2025-05-07

Пространство имен System.Windows.Forms поддерживает несколько приложений интерфейса документов (MDI), а элемент управления MenuStrip поддерживает слияние меню. Формы MDI также могут ToolStrip элементов управления.

В этом пошаговом руководстве показано, как работать с ToolStripPanel элементами управления в окне MDI. Форма также поддерживает слияние меню с дочерними меню. В этом пошаговом руководстве показаны следующие задачи:

Создание проекта Windows Forms.
Создание главного меню для формы. Фактическое имя меню будет отличаться.
ToolStripPanel Добавление элемента управления на панель инструментов.
Создание дочерней формы.
Упорядочивание ToolStripPanel элементов управления по z-порядку.

По завершении вы получите форму MDI, которая поддерживает слияние меню и перемещаемые ToolStrip элементы управления.

Чтобы скопировать код в этом разделе в виде одного списка, см. статью "Практическое руководство. Создание формы MDI с помощью элементов управления Menu Merging и ToolStrip".

Предпосылки

Для выполнения этого пошагового руководства вам потребуется Visual Studio.

Создание проекта

В Visual Studio создайте проект приложения Windows с именем MdiForm (Файл>Новый>Проект>Visual C# или Visual Basic>Классический рабочий стол>Приложение Windows Forms).
В конструкторе Windows Forms выберите форму.
В окне "Свойства" задайте для параметра значение IsMdiContainertrue.

Родительская форма MDI содержит главное меню. В главном меню есть один пункт меню с именем Window. С помощью элемента меню "Окно " можно создать дочерние формы. Элементы меню из дочерних форм объединяются в главное меню.

Из панели элементов перетащите MenuStrip элемент управления в форму.
Добавьте элемент управления ToolStripMenuItem в MenuStrip и назовите его Окно.
Выберите элемент управления MenuStrip.
В окне свойств задайте для свойства MdiWindowListItemзначение ToolStripMenuItem1 .
Добавьте подэлемент в пункт меню Окно, а затем назовите подэлемент New.
В окне "Свойства" щелкните "События".
Дважды щелкните событие Click.

Конструктор Windows Forms создает обработчик событий для события Click.

Вставьте следующий код в обработчик событий.

// 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

Добавьте элемент управления ToolStripPanel на панель элементов

При использовании управляющих элементов MenuStrip с формой MDI, необходимо иметь управляющий элемент ToolStripPanel. Чтобы создать форму MDI в конструкторе Windows Forms, необходимо добавить ToolStripPanel элемент управления в панель элементов .

Откройте панель элементов и перейдите на вкладку "Все Формы Windows Forms ", чтобы отобразить доступные элементы управления Windows Forms.
Щелкните правой кнопкой мыши, чтобы открыть контекстное меню и выберите пункт "Выбрать элементы".
В диалоговом окне "Выбор элементов панели элементов " прокрутите вниз столбец "Имя ", пока не найдете ToolStripPanel.
Установите флажок рядом с панелью ToolStrip, а затем нажмите ОК.

Элемент ToolStripPanel управления отображается в панели инструментов.

Создайте дочернюю форму

В этой процедуре вы определите отдельный дочерний класс формы, имеющий собственный MenuStrip элемент управления. Элементы меню для этой формы объединяются с элементами родительской формы.

Добавьте новую форму с именем ChildForm в проект.

Дополнительные сведения см. в статье "Практическое руководство. Добавление Windows Forms в проект".
Из панели инструментов перетащите MenuStrip элемент управления на дочернюю форму.
MenuStrip Щелкните глиф действий конструктора элемента управления (), а затем выберите пункт "Изменить элементы".
В диалоговом окне редактора коллекций элементов добавьте новое ToolStripMenuItem имя ChildMenuItem в дочернее меню.

Дополнительные сведения см. в редакторе коллекции элементов ToolStrip.

Проверка формы

Нажмите F5, чтобы скомпилировать и запустить форму.
Щелкните пункт меню "Окно" , чтобы открыть меню, а затем нажмите кнопку "Создать".

Новая дочерняя форма создается в клиентской области MDI формы. Меню дочерней формы объединяется с основным меню.
Закройте дочернюю форму.

Меню дочерней формы удаляется из главного меню.
Нажмите кнопку "Создать " несколько раз.

Дочерние формы автоматически отображаются в элементе меню "Окно", поскольку свойство MenuStrip элемента управления MdiWindowListItem назначено.

Добавление поддержки ToolStrip

В этой процедуре вы добавите четыре ToolStrip элемента управления в родительскую форму MDI. Каждый ToolStrip элемент управления добавляется внутри ToolStripPanel элемента управления, который закреплен к краю формы.

Из панели элементов перетащите ToolStripPanel элемент управления в форму.
При выбранном ToolStripPanel элементе управления дважды щелкните ToolStrip элемент управления на панели инструментов.

Элемент ToolStrip управления создается в элементе ToolStripPanel управления.
Выберите элемент управления ToolStripPanel.
В окне "Свойства" измените значение свойства Dock элемента управления на Left.

Элемент ToolStripPanel управления закрепляется слева от формы под главной меню. Клиентская область MDI изменяет свой размер, чтобы соответствовать интерфейсному элементу ToolStripPanel.
Повторите шаги 1–4.

Закрепите новый элемент управления ToolStripPanel в верхней части формы.

Элемент ToolStripPanel управления закреплен под основным меню, но справа от первого ToolStripPanel элемента управления. На этом шаге показана важность z-порядка в правильном расположении ToolStripPanel элементов управления.
Повторите шаги 1–4 для двух дополнительных ToolStripPanel элементов управления.

Закрепление новых ToolStripPanel элементов управления справа и внизу формы.

Упорядочить элементы управления ToolStripPanel по Z-order

Позиция докированного ToolStripPanel элемента управления на вашей форме MDI определяется позицией элемента управления в Z-порядке. Вы можете легко упорядочить z-порядок элементов управления в окне структуры документа.

В меню "Вид " щелкните "Другие окна" и выберите пункт "Структура документа".

Порядок элементов управления из предыдущей ToolStripPanel процедуры является нестандартным. Это связано с тем, что z-order не является правильным. Используйте окно структуры документа для изменения порядка z элементов управления.
В окне структуры документа выберите ToolStripPanel4.
Нажимайте кнопку стрелки вниз неоднократно, пока ToolStripPanel4 не находится в нижней части списка.

Элемент управления ToolStripPanel4 закреплен в нижней части формы под другими элементами управления.
Выберите ToolStripPanel2.
Нажмите кнопку стрелки вниз один раз, чтобы разместить элемент управления третий в списке.

Элемент управления ToolStripPanel2 закреплен в верхней части формы под главной меню и над другими элементами управления.
Выберите различные элементы управления в окне структуры документа и переместите их на разные позиции в z-порядке. Обратите внимание на влияние z-порядка на размещение закрепленных элементов управления. Используйте CTRL-Z или Отменить в меню Изменить, чтобы отменить изменения.

Контрольная точка — проверка формы

Нажмите F5, чтобы скомпилировать и запустить форму.
Щелкните захват ToolStrip элемента управления и перетащите элемент управления в разные позиции на форме.

Вы можете перетащить элемент управления ToolStrip из одного ToolStripPanel в другой.

Дальнейшие шаги

В этом пошаговом руководстве вы создали родительскую форму MDI с ToolStrip элементами управления и объединением меню. Для многих других целей можно использовать семейство элементов управления ToolStrip:

Создайте контекстные меню для элементов управления с ContextMenuStrip. Дополнительные сведения см. в Обзор компонента ContextMenu.
Создайте форму с автоматически заполненным стандартным меню. Дополнительные сведения см. в пошаговом руководстве. Предоставление стандартных элементов меню в форму.
Придайте вашим контролям ToolStrip профессиональный внешний вид. Дополнительные сведения см. в разделе Как установить ToolStrip Renderer для приложения.

Поделиться через

Предпосылки

Создание проекта

Создание главного меню