Condividi tramite

Configurazione personalizzata di Esplora risorse: utilizzo dei controlli TreeView

  • Articolo

Aggiornamento: novembre 2007

È possibile progettare un'interfaccia applicazione che funzioni come Esplora risorse utilizzando un controllo TreeView. Il lato sinistro dell'interfaccia permette di visualizzare una gerarchia di nodi (simile a una directory di Windows che si dirama dalle cartelle padre alle cartelle figlio), mentre il lato destro permette di visualizzare gli elementi associati ai nodi. Ad esempio, è possibile aggiungere un controllo TreeView che visualizza un nodo per ogni pagina Web del Forum Visual Basic. Quando l'utente seleziona un nodo, è possibile visualizzare la pagina Web corrispondente in un controllo WebBrowser.

I nodi sono di tre tipi: nodi padre, nodi figlio e il nodo radice. Il nodo a livello superiore della gerarchia è noto come nodo radice. Tutti i nodi che hanno uno o più nodi direttamente al di sotto di esso nella gerarchia vengono considerati nodi padre. I nodi che vengono visualizzati direttamente al di sotto a un altro nodo nella gerarchia sono considerati nodi figlio. Quando si aggiunge un nodo figlio, il nodo padre diviene automaticamente comprimibile ed espandibile.

Procedura

Per creare un Esplora risorse

  1. Scegliere Nuovo progetto dal menu File.

    Verrà visualizzata la finestra di dialogo Nuovo progetto.

  2. Scegliere Applicazione Windows Form, quindi fare clic su OK.

  3. Fare clic sul form e modificare le proprietà seguenti nella finestra Proprietà.

    Property

    Value

    Testo

    Esplora forum

    Size

    764, 564

  4. Aggiungere un controllo TreeView al form e quindi modificare le proprietà seguenti nella finestra Proprietà.

    Property

    Value

    Dock

    A sinistra

    Size

    190, 530

  5. Fare clic sulla proprietà Nodi e quindi fare clic sul pulsante coi puntini di sospensione (...) per aprire Editor nodi struttura.

  6. Fare clic su Aggiungi radice in Editor nodi struttura e quindi modificare la proprietà Testo del nodo radice in Forum di Visual Basic.

  7. Fare tre volte clic su Aggiungi figlio per aggiungere tre nodi figlio al nodo radice e quindi modificare la proprietà Testo per ogni nodo come mostrato nella tabella seguente.

    Nodo

    Value

    Nodo1

    Visual Basic Express Edition

    Nodo2

    IDE di Visual Basic

    Nodo3

    Linguaggio Visual Basic

  8. Scegliere OK.

  9. Aggiungere un controllo WebBrowser al form.

    Per impostazione predefinita, il controllo WebBrowser riempie lo spazio rimanente sul form.

  10. Fare doppio clic sul controllo TreeView per inserire il gestore eventi predefinito nell'Editor di codice.

  11. Aggiungere il codice seguente al gestore eventi TreeView1_AfterSelect. Questo codice determina il testo del nodo selezionato e quindi visualizza la pagina Web corrispondente nel controllo WebBrowser.

    Nota:

    Questo esempio utilizza un collegamento in avanti, un collegamento che utilizza un sistema di reindirizzamento di URL utilizzato da Microsoft per impedire collegamenti obsoleti, ma è anche possibile utilizzare l’URL della pagina Web che si desidera visualizzare.

    		 
    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. Premere F5 per eseguire il programma.

    Quando il modulo viene visualizzato, verrà visualizzata la pagina Web principale del forum su Visual Basic.

  13. Fare clic sul segno più (+) accanto al nodo radice e quindi fare clic sui nodi figlio per visualizzare le pagine Web corrispondenti.

Passaggi successivi

In questa lezione, è stato descritto come utilizzare un controllo TreeView per creare un'applicazione che funziona come Esplora risorse.

Nella prossima sezione, viene illustrato un altro modo per creare l'aspetto visivo di un'applicazione basata su Windows tramite Windows Presentation Foundation (WPF). Se si desidera saltare questa sezione è possibile passare alla lezione Ricerca e correzione di errori tramite debug in cui viene illustrato come utilizzare gli strumenti di Visual Basic per trovare e correggere gli errori (in genere denominati bug) di un programma.

Lezione successiva: Creazione dell'aspetto visivo del programma: introduzione a Windows Presentation Foundation

Vedere anche

Riferimenti

Cenni preliminari sul controllo TreeView (Windows Form)

Altre risorse

Creazione dell'aspetto visivo del programma: introduzione a Windows Form