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

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

При закреплении элемента управления вы определяете, к какому краю родительского контейнера он закрепляется. Таким образом, если для свойства Dock задано значение Right, правый край элемента управления будет закреплен к правому краю родительского элемента управления. Кроме того, закрепленный край элемента управления изменяется так, чтобы он соответствовал его элементу управления контейнерами. Дополнительные сведения о работе свойства Dock см. в статье Практическое руководство. Элементы управления 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.

См. также

  • Last updated on