flash 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.addEventListener(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組件的強大效果。