flashswing教你如何使用Tree組件
Tree 組件允許用戶查看分層數據。
樹中的每一項稱為節點,并且可以是葉或分支。當展開分支時,將顯示其子節點。分支的子項可以是葉或分支。
當樹實例從單擊或 Tab 鍵切換中獲得焦點時,您可以使用以下按鍵來控制它:
| 鍵 |
說明 |
</tr>
| 字母數字鍵 |
跳轉到標簽中以 Key.getAscii() 作為首字符的下一項。 |
</tr>
| 向下箭頭 |
將選區向下移動一項。 |
</tr>
| 向上箭頭 |
將選區向上移動一項。 |
</tr>
| Page Down |
將選區向下移動一頁。 |
</tr>
| Page Up |
將選區向上移動一頁。 |
</tr>
| End |
將選區移到底端。 |
</tr>
| Home |
將選區移到頂端。 |
</tr>
| 向右箭頭 |
打開所選的分支節點。如果分支已打開,則會移到第一個子節點。 |
</tr>
| 向左箭頭 |
關閉所選的分支節點。如果是在已關閉分支節點的葉節點上,則會移到父節點。 |
</tr>
| 空格鍵 |
打開或關閉所選的分支節點。 |
</tr>
| Ctrl |
允許選擇和取消選擇多個不相鄰的項。 |
</tr>
| Shift |
允許選擇多個相鄰的項。 |
</tr>
| Ctrl+向右箭頭 |
內容向左移動一水平滾動行。 |
</tr>
| Ctrl+向左箭頭 |
內容向右移動一水平滾動行。 |
</tr>
| Tab |
將焦點移到下一個對象。 |
</tr>
| Shift+Tab |
將焦點移到前一個對象。 |
</tr>
</tbody>
</table>
以下示例演示樹的屬性,以及監聽用戶交互操作的結果。
從"庫"面板中拖動相關組件到舞臺(或直接通過 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"});
具體詳細請參閱官方網站,同時也可以在這里檢驗到TREE組件的強大效果。
本文由用戶
Clare 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!
sesese色