Flex学习总结之一—— Tree 设置子节点小图标

?前一阵子学习Flex，大部分时间和Tree控件打上了交道，现在想回头把之前用的的东西整理一下，其中有可能是在网上Down的代码，如有原作者看到还请见谅：

1、使用XMLList设置icon属性

?? <mx:Script>
????? <![CDATA[
????? // 引入两个外部图片，并且绑定到一个Class对象上
???????? [Bindable]
???????? [Embed(source="assets/radioIcon.jpg")]
???????? public var iconSymbol1:Class;
???????? [Bindable]
???????? [Embed(source="assets/topIcon.jpg")]
???????? public var iconSymbol2:Class;
????? ]]>
?? </mx:Script>
?? <!-- 使用XML定义好的icon -->
?? <mx:Tree iconField="@icon" labelField="@label" showRoot="false"
????? width="160">
????? <mx:XMLList>
???????? <node label="New">
?????????? <!-- 在XML里添加icon属 -->
??????????? <node label="HTML Document" icon="iconSymbol2"/>
??????????? <node label="Text Document" icon="iconSymbol2"/>
???????? </node>
???????? <node label="Close" icon="iconSymbol1"/>
????? </mx:XMLList>
?? </mx:Tree>

2、通过Tree.setItemIcon()函数设置图标

<mx:Script>
????? <![CDATA[
????? // 引入两个外部图片，并且绑定到一个Class对象上
???????? [Bindable]
???????? [Embed(source="assets/radioIcon.jpg")]
???????? public var iconSymbol1:Class;
???????? [Bindable]
???????? [Embed(source="assets/topIcon.jpg")]
???????? public var iconSymbol2:Class;
???????? //创建一个设置icon的方法
???????? private function setIcons():void {
?????????
????????? /**
?????????? * setItemIcon () 方法
?????????? *
?????????? * public function setItemIcon(item:Object,iconID:Class,iconID2:Class):void
?????????? *
?????????? * 设置项目的关联图标。
?????????? * 调用此方法将覆盖此项目的 iconField 和 iconFunction 属性（如果此项目为叶项目）。
?????????? * 分支项目不使用 iconField 和 iconFunction 属性。
?????????? * 它们使用 folderOpenIcon 和 folderClosedIcon 属性。
?????????? *
?????????? * item:Object — 要影响的项目. (需要改变)
?????????? * iconID:Class — 关闭（或叶）图标的链接 ID.
?????????? * iconID2:Class — 打开图标的链接 ID.
?????????? *
?????????? **/
??????????? myTree.setItemIcon(myTree.dataProvider.getItemAt(0),
?????????????? iconSymbol1,iconSymbol2);
??????????????
??????????? myTree.setItemIcon(myTree.dataProvider.getItemAt(1),
?????????????? iconSymbol2,null);
???????? }
????? ]]>
?? </mx:Script>

?? <mx:Tree id="myTree" labelField="@label" showRoot="false" ????? width="160" initialize="setIcons();"> ????? <mx:XMLList> ?????? <!-- 在这里可以省去上面提到的icon属性，XML数据可以直接从服务器获得，不需要硬编码在XML里 --> ???????? <node label="New"> ??????????? <node label="HTML Document"/> ??????????? <node label="Text Document"/> ???????? </node> ???????? <node label="Close"/> ????? </mx:XMLList> ?? </mx:Tree>