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

Обновлен: Ноябрь 2007

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

При закреплении элемента управления необходимо решить, к какому краю родительского контейнера его следует прикрепить. Таким образом, если для свойства Dock задать значение Right, правый край элемента управления закрепляется на правом крае родительского элемента управления. При этом размер прикрепленного края элемента управления изменяется с учетом размера элемента управления контейнерного типа. Дополнительные сведения об использовании свойства Dock см. в разделе Практическое руководство. Закрепление элементов управления в формах Windows Forms..

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

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

ms233661.alert_note(ru-ru,VS.90).gifПримечание.

Отображаемые диалоговые окна и команды меню могут отличаться от описанных в справке в зависимости от текущих параметров или выпуска среды. Для изменения параметров выберите Параметры импорта и экспорта в меню Сервис. Дополнительные сведения см. в разделе Параметры Visual Studio.

Чтобы создать пользовательский интерфейс типа Outlook на этапе разработки

  1. Создайте новый проект "Приложение Windows". Дополнительные сведения см. в разделе Практическое руководство. Создание проекта приложения Windows.

  2. Перетащите элемент управления SplitContainer с панели элементов на форму. В окне Свойства присвойте свойству Dock значение Fill.

  3. Перетащите элемент управления TreeView из панели элементов в левую панель элемента управления SplitContainer. В окне Свойства присвойте свойству Dock значение Left, щелкнув по левой панели окна редактора значений, которое открывается при нажатии кнопки со стрелкой вниз.

  4. Перетащите другой элемент управления SplitContainer из панели элементов; поместите его в правой панели элемента управления SplitContainer, добавленного к форме. В окне Свойства задайте для свойства Dock значение Fill, а для свойства Orientation значение Horizontal.

  5. Перетащите элемент управления ListView из панели элементов на верхнюю панель второго элемента управления SplitContainer, добавленного к форме. Задайте для свойства Dock элемента управления ListView значение Fill.

  6. Перетащите элемент управления RichTextBox из панели элементов в нижнюю панель второго элемента управления SplitContainer. Задайте для свойства Dock элемента управления RichTextBox значение Fill.

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

    ms233661.alert_note(ru-ru,VS.90).gifПримечание.

    При наведении указателя мыши на один из разделителей в элементах управления SplitContainer можно изменить внутренние размеры.

    На этом этапе разработки приложения создан сложный пользовательский интерфейс. На следующем этапе надо переходить к программированию самого приложения, возможно, подключив элемент управления TreeView и элементы управления ListView к какому-либо источнику данных. Дополнительные сведения о подключении элементов управления к данным см. в разделе Связывание данных и Windows Forms.

См. также

Задачи

Пример SplitContainer Control

Ссылки

SplitContainer

Другие ресурсы

Элемент управления SplitContainer (Windows Forms)