共用方式為

提供您自己的總管：使用 TreeView 控制項

  • 發行項

更新：2007 年 11 月

您可以設計應用程式介面，並使用 TreeView 控制項，使其如 [Windows 檔案總管] 一般運作。介面的左邊可以顯示節點的階層架構 (與 Windows 目錄架構類似，從父資料夾分支到子資料夾)，介面的右邊則可顯示與這些節點相關聯的項目。例如，您可以加入 TreeView 控制項，針對每個 Visual Basic 論壇網頁顯示一個節點。當使用者選取某個節點時，您便可以在 WebBrowser 控制項中顯示對應的網頁。

共有三種類型的節點：父節點、子節點和根節點。在階層架構頂端的節點又稱為「根節點」。在階層架構中，任何節點只要在其下方直接有一個或多個節點，就視為是「父節點」。直接出現在其他節點下方的節點，則是「子節點」。當您加入子節點時，父節點便會自動成為可摺疊和可展開的。

試試看！

若要建立論壇總管

  1. 在 [檔案] 功能表上，按一下 [新增專案]。

    [新增專案] 對話方塊隨即出現。

  2. 按一下 [Windows Form 應用程式]，然後按一下 [確定]。

  3. 按一下表單，並在 [屬性] 視窗中變更下列屬性。

    屬性

    值

    Text

    論壇總管

    Size

    764, 564

  4. 將 [TreeView] 控制項加入表單，然後在 [屬性] 視窗中變更下列屬性。

    屬性

    值

    Dock

    Left

    Size

    190, 530

  5. 按一下 [Nodes] 屬性，然後按一下屬性旁的 [省略] 按鈕 (...)以開啟 [TreeNode 編輯器]。

  6. 在 [TreeNode 編輯器] 中，按一下 [加入根目錄]，然後將根節點的 [Text] 屬性變更為 [Visual Basic 論壇]。

  7. 按 [加入子系] 三次將三個子節點加入至根節點，然後依下表所示，變更每個節點的 [Text] 屬性。

    節點

    值

    Node1

    Visual Basic Express 版

    Node2

    Visual Basic IDE

    Node3

    Visual Basic 語言

  8. 按一下 [確定]。

  9. 將 [WebBrowser] 控制項加入至表單。

    根據預設，[WebBrowser] 會填滿表單上的剩餘空間。

  10. 按兩下 [TreeView] 控制項，在 [程式碼編輯器] 中輸入預設事件處理常式。

  11. 將下列程式碼加入至 TreeView1_AfterSelect 事件處理常式：此程式碼會判斷選取之節點的文字，然後在 [WebBrowser] 控制項中顯示對應的網頁。

    注意事項：

    這個範例使用前置連結，這種連結會使用 Microsoft 用來避免過期連結的 URL 重新導向系統，不過您也可以使用您所要顯示之網頁的 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 Presentation Foundation (WPF) 建立 Windows 架構應用程式的視覺外觀。如果您想要跳過這一節，可以前往課程何處發生錯誤？透過偵錯尋找和修正錯誤，學習如何使用 Visual Basic 工具尋找並修正程式中的錯誤 (一般稱為 Bug)。

下一個課程：建立程式的視覺外觀：Windows Presentation Foundation 簡介

請參閱

參考

TreeView 控制項概觀 (Windows Form)

其他資源

建立程式的視覺外觀：Windows Form 簡介