Поделиться через


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

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

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

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

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

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

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

    Откроется диалоговое окно Создание проекта.

  2. Выберите элемент Приложение Windows Forms и нажмите кнопку ОК.

  3. Щелкните форму и измените следующие свойства в окне Свойства.

    Свойство

    Значение

    Текст

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

    Размер

    764, 564

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

    Свойство

    Значение

    Dock

    Left

    Размер

    190, 530

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

  6. Нажмите кнопку Добавить корень в редакторе узлов дерева и измените свойство Text корневого узла на Форумы по Visual Basic.

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

    Узел

    Значение

    Node1

    Visual Basic, экспресс-выпуск

    Node2

    Интегрированная среда разработки Visual Basic

    Node3

    Язык Visual Basic

  8. Нажмите кнопку ОК.

  9. Добавьте на форму элемент управления WebBrowser.

    По умолчанию элемент управления WebBrowser заполняет оставшееся пространство на форме.

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

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

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

    В этом примере применяется прямая ссылка, использующая систему перенаправления по 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
    
  12. Нажмите клавишу F5 для запуска программы.

    Когда появится форма, отобразится основная веб-страница форума о Visual Basic.

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

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

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

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

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

См. также

Ссылки

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

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

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