Fournir votre propre Explorateur : utilisation de contrôles TreeView

  • Article

Mise à jour : novembre 2007

Vous pouvez concevoir une interface d'application pour qu'elle fonctionne comme l'Explorateur Windows à l'aide d'un contrôle TreeView. Le côté gauche de l'interface peut afficher une hiérarchie de nœuds (semblable à un répertoire Windows divisé en dossiers parents et dossiers enfants) et le côté droit peut afficher les éléments associés aux nœuds. Par exemple, vous pouvez ajouter un contrôle TreeView qui affiche un nœud pour chaque page Web de forum Visual Basic. Lorsque l'utilisateur sélectionne un nœud, vous pouvez afficher la page Web correspondante dans un contrôle WebBrowser.

Il existe trois types de nœuds : les nœuds parents, les nœuds enfants et le nœud racine. Le nœud au haut de la hiérarchie correspond au nœud racine. Tout nœud possédant un ou plusieurs nœuds directement en dessous de lui dans la hiérarchie est considéré comme un nœud parent. Les nœuds apparaissant directement en dessous d'un autre nœud dans la hiérarchie sont considérés comme des nœuds enfants. Lorsque vous ajoutez un nœud enfant, le nœud parent devient automatiquement réductible et développable.

Essayez !

Pour créer un explorateur

  1. Dans le menu Fichier, cliquez sur Nouveau projet.

    La boîte de dialogue Nouveau projet s'affiche.

  2. Cliquez sur Application Windows Forms, puis sur OK.

  3. Cliquez sur le formulaire et modifiez les propriétés suivantes dans la fenêtre Propriétés.

    Propriété

    Valeur

    Text

    Forum Explorer

    Size

    764, 564

  4. Ajoutez un contrôle TreeView au formulaire, puis modifiez les propriétés suivantes dans la fenêtre Propriétés.

    Propriété

    Valeur

    Dock

    Left

    Size

    190, 530

  5. Cliquez sur la propriété Nodes puis sur le bouton de sélection (...) à côté pour ouvrir l'Éditeur TreeNode.

  6. Cliquez sur Ajouter une racine dans l'Éditeur TreeNode, puis modifiez la propriété Text du nœud racine en Forums Visual Basic.

  7. Cliquez trois fois sur Ajouter un enfant pour ajouter trois nœuds enfants à la remarque racine, puis modifiez la propriété Text pour chaque nœud comme le montre le tableau suivant.

    Nœud

    Valeur

    Node1

    Visual Basic Express Edition

    Node2

    Visual Basic IDE

    Node3

    Visual Basic Language

  8. Cliquez sur OK.

  9. Ajoutez un contrôle WebBrowser au formulaire.

    Par défaut, le contrôle WebBrowser remplit l'espace restant sur le formulaire.

  10. Double-cliquez sur le contrôle TreeView pour entrer le gestionnaire d'événements par défaut dans l'éditeur de code.

  11. Ajoutez le code suivant au gestionnaire d'événements TreeView1_AfterSelect. Ce code détermine le texte du nœud sélectionné, puis affiche la page Web correspondante dans le contrôle WebBrowser.

    Remarque :

    Cet exemple utilise un lien avancé, un lien qui utilise un système de redirection URL que Microsoft utilise pour éviter des liens obsolètes, mais vous pouvez également utiliser l'URL de la page Web que vous souhaitez afficher.

    		 
    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. Appuyez sur F5 pour exécuter le programme.

    Lorsque le formulaire apparaît, la page Web de forum principale pour Visual Basic s'affiche.

  13. Cliquez sur le signe plus (+) à côté du nœud racine, puis sur les nœuds enfants pour afficher les pages Web correspondantes.

Étapes suivantes

Dans cette leçon, vous avez appris comment utiliser un contrôle TreeView pour créer une application qui fonctionne comme l'Explorateur Windows.

Dans la section suivante, vous apprendrez une autre méthode pour créer l'apparence visuelle d'une application Windows en utilisant Windows Presentation Foundation (WPF). Si vous voulez ignorer cette section, vous pouvez passer à la leçon Qu'est-ce qui s'est mal passé ? Recherche et résolution des erreurs à l'aide du débogage et apprendre à utiliser les outils de Visual Basic pour rechercher et résoudre des erreurs (appelées généralement bogues) dans un programme.

Leçon suivante : Création de l'aspect visuel de votre programme : introduction à Windows Presentation Foundation

Voir aussi

Référence

Vue d'ensemble du contrôle TreeView (Windows Forms)

Autres ressources

Création de l'aspect visuel de votre programme : introduction aux Windows Forms