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

  • Статья

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

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

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

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

Создание пользовательского интерфейса в стиле Outlook во время разработки

  1. Создайте проект приложения Windows (Файл>Создать>Проект>Visual C# или Visual Basic>Классическое>Приложение Windows Forms).

  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.

    Примечание.

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

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

См. также