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

Практическое руководство. Создание многоуровневого пользовательского интерфейса с помощью Windows Forms

Упорядочение элементов управления в форме позволяет создать пользовательский интерфейс с несколькими областями, аналогичный тому, который используется в Microsoft Outlook, со списком папок , областью "Сообщения " и панелью предварительного просмотра . Это соглашение достигается главным образом путем закрепления элементов управления с формой.

При закреплении элемента управления вы определяете, к какому краю родительского контейнера он закрепляется. Если задать для свойства Dock значение Right, правый край Dock элемента управления будет закреплен к правому краю родительского элемента управления. Кроме того, закрепленный край элемента управления изменяется так, чтобы он соответствовал его элементу управления контейнерами. Дополнительные сведения о работе свойства Dock см. в статье Практическое руководство. Элементы управления dock в Windows Forms.

В этой процедуре основное внимание уделяется организации SplitContainer и другим элементам управления в форме, а не добавлению функций, чтобы приложение имитировать Microsoft Outlook.

Форма, оформленная в виде окна почты Outlook.

Чтобы создать этот пользовательский интерфейс, вы размещаете все элементы управления в SplitContainer элементе управления. В левой панели SplitContainer находится элемент управления TreeView, а в правой панели - другой SplitContainer. Вторая SplitContainer содержит элемент управления ListView сверху и элемент управления RichTextBox внизу.

Эти элементы управления SplitContainer позволяют независимо изменять размер других элементов управления на форме. Вы можете адаптировать методы, описанные в этой процедуре, для создания пользовательских пользовательских интерфейсов.

Макет элемента управления

В следующей таблице описывается, как элементы управления настроены для имитации Microsoft Outlook:

Контроль Недвижимость Ценность
SplitContainer Имя splitContainer1
Док Fill
TabIndex 4
ШиринаРазделителя 4
РасстояниеРазделителя 100
Panel1.Controls Добавьте элемент управления treeView1 на панель.
Panel2.Controls Добавьте элемент управления splitContainer2 на панель.
Древовидное представление Имя treeView1
Док Fill
TabIndex 0
Узлы Добавление нового узла с именем Node0
SplitContainer Имя splitContainer2
Док Fill
TabIndex 1
ШиринаРазделителя 4
РасстояниеРазделителя 150
Ориентация Horizontal
Panel1.Controls Добавьте элемент управления listView1 на панель.
Panel2.Controls Добавьте элемент управления richTextBox1 на панель.
Отображение списка Имя listView1
Док Fill
TabIndex 2
Товары Добавьте новый элемент и задайте текст item1.
Поле форматированного текста Имя richTextBox1
Док Fill
TabIndex 3
Текст richTextBox1

См. также