Создание собственного обозревателя. Работа с элементами управления TreeView

Статья
11/05/2008

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

Можно спроектировать интерфейс таким образом, чтобы он функционировал как проводник Windows, используя элемент управления TreeView. В левой части интерфейса может отображаться иерархия узлов (аналогично каталогу Windows, разветвляющемуся от родительских папок к дочерним), а в правой – элементы, связанные с узлами. Например, можно добавить элемент управления TreeView, отображающий узел для каждой веб-страницы форума Visual Basic. Когда пользователь выбирает узел, можно отобразить соответствующую веб-страницу в элементе управления WebBrowser.

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

Практическое задание

Создание обозревателя

В меню Файл выберите Создать проект.

Откроется диалоговое окно Создание проекта.
Выберите элемент Приложение Windows Forms и нажмите кнопку ОК.
Щелкните форму и измените следующие свойства в окне Свойства.

Свойство

Значение

Текст

Обозреватель форума

Размер

764, 564
Добавьте на форму элемент управления TreeView, а затем измените следующие свойства в окне Свойства.

Свойство

Значение

Dock

Left

Размер

190, 530
Выберите свойство Nodes и затем нажмите кнопку многоточия (...) рядом с ним, чтобы открыть редактор узлов дерева.
Нажмите кнопку Добавить корень в редакторе узлов дерева и измените свойство Text корневого узла на Форумы по Visual Basic.

Свойство	Значение
Текст	Обозреватель форума
Размер	764, 564

Свойство	Значение
Dock	Left
Размер	190, 530

Нажмите кнопку Добавить ветвь три раза, чтобы добавить три дочерних узла к корневому, затем измените свойство Text для каждого узла, как показано в следующей таблице.

Узел	Значение
Node1	Visual Basic, экспресс-выпуск
Node2	Интегрированная среда разработки Visual Basic
Node3	Язык Visual Basic

Нажмите кнопку ОК.
Добавьте на форму элемент управления WebBrowser.

По умолчанию элемент управления WebBrowser заполняет оставшееся пространство на форме.
Дважды щелкните элемент управления TreeView, чтобы ввести в редакторе кода обработчик событий по умолчанию.

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

Примечание.
В этом примере применяется прямая ссылка, использующая систему перенаправления по URL-адресу, которую Microsoft использует для предотвращения устаревших ссылок, но также можно использовать URL-адрес веб-страницы, которую требуется отобразить.

В этом примере применяется прямая ссылка, использующая систему перенаправления по URL-адресу, которую Microsoft использует для предотвращения устаревших ссылок, но также можно использовать URL-адрес веб-страницы, которую требуется отобразить.

Select Case e.Node.Text
    Case "Visual Basic Forums"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82999")
    Case "Visual Basic Express Edition"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82994")
    Case "Visual Basic IDE"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82996")
    Case "Visual Basic Language"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82997")
End Select

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

Когда появится форма, отобразится основная веб-страница форума о Visual Basic.
Щелкните знак плюс (+) рядом с корневым узлом и дочерние узлы для просмотра соответствующих веб-страниц.

Следующие действия

В этом разделе было рассмотрено, как с помощью элемента управления TreeView создать приложение, работающее подобно проводнику Windows.

В следующем разделе при необходимости можно изучить способы создания визуального представления приложения Windows с помощью Windows Presentation Foundation (WPF). Если нужно пропустить этот раздел, можно перейти к уроку Что неправильно? Поиск и устранение ошибок с помощью отладки и изучить способы использования средств Visual Basic для поиска и исправления ошибок (иногда называемых сбоями) в программе.

Следующее занятие: Создание внешнего вида программы. Введение в Windows Presentation Foundation

См. также

Ссылки

Общие сведения об элементе управления TreeView (Windows Forms)

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

Создание внешнего вида программы. Введение в Windows Forms

Share via