<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace event "event.*";
.treeStyte{
folder-closed-icon:ClassReference(null);
folder-open-icon: ClassReference(null);
default-leaf-icon:ClassReference(null);}
</fx:Style>
<mx:Tree styleName="treeStyte" />
[Embed(source="图片路径")]
[Bindable]public var tempicon0:Class;
[Embed(source="图片路径")]
[Bindable]
public var tempicon1:Class;
使用iconFunction 控制图标
<mx:Tree id="mytree" iconFunction="iconFun" />
private function iconFun(obj:Object):*
{
return tempicon0;
}
利用folderClosedIcon和folderOpenIcon、defaultLeafIcon样式
加上如下代码,可以去掉树控件默认的文件夹图标了。
<mx:Style>
Tree {
folderClosedIcon: ClassReference(null);
folderOpenIcon: ClassReference(null);
}
</mx:Style>
叶子节点图标去掉代码如下:
<mx:Style>
Tree {
defaultLeafIcon: ClassReference(null);
}
</mx:Style>
defaultLeafIcon指定叶图标
disclosureClosedIcon指定的图标旁边显示一个封闭的分支节点。默认的图标是一个黑色三角形。
disclosureOpenIcon指定的图标旁边显示一个开放的分支节点。默认的图标是一个黑色三角形。
folderClosedIcon关闭指定的文件夹图标的一个分支节点。
folderOpenIcon指定打开的文件夹图标的一个分支节点。
三角图标修改如下代码使用即可换成自己的了:
disclosureOpenIcon:Embed(source='images/a.png');
disclosureClosedIcon:Embed(source='images/b.png');