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

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

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

В этой процедуре основное внимание уделяется организации SplitContainer и другим элементам управления в форме, а не добавлению функций, чтобы приложение имитировать Microsoft 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

См. также

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