Bereitstellen eines eigenen Explorers: Arbeiten mit TreeView-Steuerelementen

Aktualisiert: November 2007

Mithilfe eines TreeView-Steuerelements können Sie eine Anwendungsoberfläche entwerfen, die wie Windows Explorer funktioniert. Auf der linken Seite der Oberfläche kann eine Hierarchie von Knoten angezeigt werden (ähnlich der Verzeichnisstruktur in Windows, die von übergeordneten Ordnern in untergeordnete Ordner verzweigt), während rechts die den Knoten zugeordneten Elemente angezeigt werden. So können Sie zum Beispiel ein TreeView-Steuerelement hinzufügen, das für jede Visual Basic-Forumswebseite einen Knoten anzeigt. Wenn der Benutzer einen Knoten auswählt, können Sie die zugehörige Webseite in einem WebBrowser-Steuerelement anzeigen.

Es gibt drei Typen von Knoten: den Stammknoten, übergeordnete Knoten und untergeordnete Knoten. Der Knoten an der Spitze der Hierarchie wird als Stammknoten bezeichnet. Ein Knoten, dem in der Hierarchie mindestens ein Knoten untergeordnet ist, wird als übergeordneter Knoten angesehen. Knoten, die sich in der Hierarchie direkt unterhalb eines anderen Knotens befinden, werden als untergeordnete Knoten betrachtet. Wenn Sie einen untergeordneten Knoten hinzufügen, wird der übergeordnete Knoten automatisch reduzierbar und erweiterbar.

Übung

So erstellen Sie einen Explorer

1. Klicken Sie im Menü Datei auf Neues Projekt.

   Das Dialogfeld Neues Projekt wird angezeigt.

2. Klicken Sie auf Windows Forms-Anwendung und dann auf OK.

3. Klicken Sie auf das Formular, und ändern Sie im Fenster Eigenschaften die folgenden Eigenschaften.

   Property	Value
   Text	Forum-Explorer
   Schriftgrad	764, 564

4. Fügen Sie dem Formular ein TreeView-Steuerelement hinzu, und ändern Sie dann im Fenster Eigenschaften die folgenden Eigenschaften.

   Property	Value
   Dock	Links
   Schriftgrad	190, 530

5. Klicken Sie auf die Nodes-Eigenschaft, und klicken Sie dann auf die daneben angezeigte Schaltfläche mit den drei Punkten (...), um den TreeNode-Editor zu öffnen.

6. Klicken Sie im TreeNode-Editor auf Stamm hinzufügen, und ändern Sie dann die Text-Eigenschaft des Stammknotens zu Visual Basic-Foren.

7. Klicken Sie drei Mal auf Unterordner hinzufügen, um dem Stammknoten drei untergeordnete Knoten hinzuzufügen, und ändern Sie dann für jeden Knoten die Text-Eigenschaft gemäß der folgenden Tabelle.

   Knoten	Value
   Node1	Visual Basic Express-Edition
   Node2	Visual Basic IDE
   Node3	Visual Basic-Sprache

8. Klicken Sie auf OK.

9. Fügen Sie dem Formular ein WebBrowser-Steuerelement hinzu.

   Standardmäßig füllt das WebBrowser-Steuerelement den verbleibenden Platz auf dem Formular aus.

10. Doppelklicken Sie auf das TreeView-Steuerelement, um den Standardereignishandler in den Code-Editor einzugeben.

11. Fügen Sie dem TreeView1_AfterSelect-Ereignishandler folgenden Code hinzu. Dieser Code bestimmt den Text des ausgewählten Knotens und zeigt dann die zugehörige Webseite im WebBrowser-Steuerelement an.

    Hinweis:
    In diesem Beispiel wird ein Weiterleitungslink (ein Link aus einem URL-Umleitungssystem, mit dem Microsoft veraltete Links verhindert) verwendet, Sie können jedoch auch die URL der Webseite verwenden, die angezeigt werden soll.

    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. Drücken Sie F5, um das Programm auszuführen.

    Wenn das Formular angezeigt wird, wird die Hauptwebseite des Forums für Visual Basic angezeigt.

13. Klicken Sie auf das Pluszeichen (+) neben dem Stammknoten, und klicken Sie dann auf die untergeordneten Knoten, um die zugehörigen Webseiten anzuzeigen.

Nächste Schritte

In dieser Lektion haben Sie gelernt, wie mithilfe eines TreeView-Steuerelements Anwendungen entworfen werden, die wie Windows Explorer funktionieren.

Im nächsten Abschnitt können Sie optional eine weitere Möglichkeit zur Erstellung des äußeren Erscheinungsbilds einer Windows-basierten WPF (Windows Presentation Foundation)-Anwendung erlernen. Wenn Sie diesen Abschnitt überspringen möchten, können Sie zur Lektion Was lief falsch? Suchen und Beheben von Fehlern durch Debuggen wechseln und erfahren, wie Sie mithilfe der Visual Basic-Tools Fehler (üblicherweise Bugs genannt) in einem Programm finden und beheben.

Nächste Lektion: Erstellen der visuellen Darstellung eines Programms: Einführung in Windows Presentation Foundation

Siehe auch

Referenz

Übersicht über das TreeView-Steuerelement (Windows Forms)

Weitere Ressourcen

Erstellen der visuellen Darstellung eines Programms: Einführung in Windows Forms