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

  • Статья

Проводник — это популярный вариант пользовательского интерфейса для приложений, потому что он выглядит знакомо.

По сути, проводник — это элементы управления TreeView и ListView на отдельных панелях. Панели созданы таким образом, чтобы разделитель мог менять их размер. Такой подход к элементам управления является весьма эффективным для отображения и просмотра информации.

Ниже показано, как упорядочить элементы управления в форме, похожей на проводник Windows. Они не показывают, как добавить функции просмотра файлов приложения Windows Explorer.

Создание формы Windows в стиле проводника

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

  2. На панели элементов:

    1. Перетащите элемент управления SplitContainer в форму.

    2. Перетащите элемент управления TreeView в SplitterPanel1 (панель элемента управления SplitContainer с пометкой Panel1).

    3. Перетащите элемент управления ListView в SplitterPanel2 (панель элемента управления SplitContainer с пометкой Panel2).

  3. Выберите все три элемента управления, нажав клавишу CTRL и щелкнув их по очереди. При выборе элемента управления SplitContainer щелкните строку разделителя, а не одну из панелей.

    Примечание.

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

  4. В окне Свойства присвойте свойству Dock значение Fill.

  5. Нажмите клавишу F5 для запуска приложения.

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

    Примечание.

    Когда вы перетаскиваете разделитель, размеры панелей меняются.

См. также