flashswing教你如何使用TREE組件

Tree 組件允許用戶查看分層數據。

樹中的每一項稱為節點，并且可以是葉或分支。當展開分支時，將顯示其子節點。分支的子項可以是葉或分支。

當樹實例從單擊或 Tab 鍵切換中獲得焦點時，您可以使用以下按鍵來控制它：

以下示例演示樹的屬性，以及監聽用戶交互操作的結果。

從"庫"面板中拖動相關組件到舞臺（或直接通過 ActionScript 代碼創建組件實例），并對實例命名；繪制圖標元件，導出為類。

在主時間軸中選擇第一幀，打開"動作"面板，然后輸入以下代碼：

import flash.events.Event;import shinater.swing.TreeCellRenderer;

TreeCellRenderer.setDefaultOpenIcon(FolderOpenIcon);
TreeCellRenderer.setDefaultClosedIcon(FolderClosedIcon);
TreeCellRenderer.setDefaultLeafIcon(FileIcon);
my_tr.setCellRenderer(TreeCellRenderer);
my_tr.addEventTreeener(Event.CHANGE, function(evt:Event){
    selectedIndex_txt.text = my_tr.getSelectedIndex().toString();
    var node:Object = my_tr.getSelectedNode();
    if (node == null) {
        selectedNode_txt.text = "null";
    } else if (node is XML) {
        selectedNode_txt.text = XML(node).toXMLString();
    } else {
        selectedNode_txt.text = "{label:\"" + node.label + "\", data:\"" + node.data + "\"}";
    }
});
my_tr.addTreeNode(<node label="1st Local Folders"><node label="Inbox" data="0"/><node label="Outbox" data="1"/></node>);
my_tr.addTreeNode({label:"2nd Local Folders", children:[{label:"Inbox", data:"2"}, {label:"Outbox", data:"3"}]});
my_tr.addTreeNode({label:"Inbox", data:"4"}); 具體詳細請參閱http://www.shinater.com/FlashSwing/Help/Tree.html，同時也可以在這里檢驗到TREE組件的強大效果。

推薦閱讀

更多精彩內容

flashswing教你如何使用TREE組件

Tree 組件允許用戶查看分層數據。 樹中的每一項稱為節點，并且可以是葉或分支。當展開分支時，將顯示其子節點。分支的子項可以是葉或分支。 當樹實例從單擊或 Tab 鍵切換中獲得焦點時，您可以使用...

Clare

flashswing關于list組件的使用

List 組件是一個可滾動的單選或多選列表框。 List 組件使用基于零的索引，其中索引為 0 的項目就是顯示在頂端的項目。當使用 List 類的方法和屬性添加、刪除或替換列表項時，您可能需要指...

Clare

FlashSwing 的工具欄組件 ToolBar

ToolBar 用來顯示一組常用的按鈕類型組件。 當工具欄中的按鈕過多時，如果水平工具欄的寬度允許；或垂直工具欄的寬度允許；或工具樣自適應大小時，則按鈕呈多行或多列排列。 將 ToolBar 實...

Clare

分享一個強大的混合器組件FlashSwing的ColorMixer 組件

ColorMixer 能夠使用戶在 RGB 和 HSB 模式下創建和編輯顏色，或直接輸入十六進制的顏色值。 以下示例演示將混色器的初始顏色設置為紅色，以及如何編輯顏色。 從"庫"面板中拖動相關組...

Clare