[VB教學]Tree View使用教學

TreeView常常在視窗程式設計時被用到,像檔案總管中的樹狀選擇欄位.方便使用者找出要瀏覽的資料夾與硬碟區域.

在此我們使用簡單的實例解釋TreeView如何使用,先將SplitContainer拉入Form1,再將TreeView拉入左邊的分割欄位,將Web Brower拉入右邊欄位.

你可以在TreeView右上角找到一個小箭頭,點一下會出現TreeView工作的小跳窗,按下編輯節點就可以編輯所需要的節點進去了

編輯方式很簡單,一開始箱創建一個根目錄,我們以網站列表為例,一開始按加入根目錄創建入口網站的根目錄,並點選入口網站的節點按加入子系,來加入Yahoo Google Bing.
     編輯節點文字的方法是在屬性Text的部分填上你要的文字,Name為該節點的代表名稱, ToolTipText為該節點之提示字元.

回到設計畫面的Form1來,點選TreeView,開啟屬性視窗(F4),點選閃電的icon,裡面有許多TreeView可觸發的事件,在這裡我們演示NodeMouseClick事件,讓使用者點擊一次節點,就在右邊WebBrowser中出現網站.

在屬性視窗的NodeMouseClick事件上滑鼠連點2次,畫面會轉向Form.vb的程式,
在裡面填入以下程式碼:


上面利用傳入TreeView1_NodeMouseClick( )函數之參數 e,也就是TreeNodeMouseClickEventArgs來判斷,使用者按了哪個TreeView節點,使用Select Case比對它的 e.Node.Name,得之按下的節點.

範例程式下載

用程式控制加入與刪除TreeView節點
有時候我們會需要動態加入一些內容,需要使用程式控制,這時就必須知道如何用程式加入與刪除節點了.

照上圖佈局Form1

• 加入結點

    Dim newNode As TreeNode = New TreeNode("新節點名稱")
    TreeView1.SelectedNode.Nodes.Add(newNode)  '在被選擇的接點之下新增節點
    程式碼:

• 刪除節點 

    TreeView1.Nodes.Remove(TreeView1.SelectedNode)  '刪掉選擇的節點

    TreeView1.Nodes.Clear()  '刪掉所有TreeView1中的節點

    程式碼:

範例程式下載

參考網頁:
http://msdn.microsoft.com/zh-tw/library/1dtsdfkx(v=vs.90).aspx
進階閱讀
HOW TO：設定 Windows Form TreeView 控制項的圖示

回VB文章列表