Flex中如何利用disclosureOpenIcon和disclosureClosedIcon样式在Tree中显示各项默认图标的例子
By Minidxer | December 21, 2008
接下来的例子演示了Flex中如何利用disclosureOpenIcon和disclosureClosedIcon样式，在Tree中显示各项默认图标。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white"
- creationComplete="init();">
- <mx:Script>
- <![CDATA[
- import mx.collections.ArrayCollection;
- import mx.controls.List;
- import mx.controls.Tree;
- private var arrColl:ArrayCollection;
- private var list:List;
- private var tree:Tree;
- private function init():void {
- arrColl = new ArrayCollection();
- arrColl.addItem({label:"defaultLeafIcon"});
- arrColl.addItem({label:"disclosureClosedIcon"});
- arrColl.addItem({label:"disclosureOpenIcon"});
- arrColl.addItem({label:"folderClosedIcon"});
- arrColl.addItem({label:"folderOpenIcon"});
- tree = new Tree();
- tree.visible = false;
- tree.includeInLayout = false;
- /* Add the Tree to the display list, but hide it. */
- addChild(tree);
- list = new List();
- list.dataProvider = arrColl;
- list.rowCount = arrColl.length;
- list.iconFunction = list_iconFunc;
- addChild(list);
- }
- private function list_iconFunc(item:Object):Class {
- return tree.getStyle(item.label);
- }
- ]]>
- </mx:Script>
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Tree |
No Comments » |
Tags: defaultLeafIcon, disclosureClosedIcon, disclosureOpenIcon, folderClosedIcon, folderOpenIcon, Tree.