Flex 트 리 노드 아이콘 을 바 꾸 는 두 가지 방법 소개

 
<fx:Style> 
@namespace s "library://ns.adobe.com/flex/spark"; 
@namespace mx "library://ns.adobe.com/flex/mx"; 
mx|Tree{ 
/*         */ 
folderClosedIcon: Embed(source='resource/region.png'); 
folderOpenIcon: Embed(source='resource/region.png'); 
/*         
defaultLeafIcon: ClassReference(null); 
*/ 
/* 
defaultLeafIcon       
disclosureClosedIcon                   。             。 
disclosureOpenIcon                   。             。 
folderClosedIcon                  。 
folderOpenIcon                  。 
 ：                    ： 
disclosureOpenIcon:Embed(source='resource/region.png'); 
disclosureClosedIcon:Embed(source='resource/region.png'); 
*/ 
} 
</fx:Style> 

 
<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
<fx:Script> 
<![CDATA[ 
]]> 
</fx:Script> 
<fx:Declarations> 
<!--       （    、   ）     --> 
<fx:XML id="treeData"> 
<root> 
<node label="CI   " iconName="computer.png"> 
<node label="  " iconName="computer.png"> 
<node label="    " iconName="computer.png"> 
<node label="    " iconName="computer.png"> 
</node> 
<node label="    " iconName="computer.png"> 
<node label="  " iconName="computer.png"> 
</node> 
</node> 
</node> 
</node> 
</node> 
<node label="  " iconName="dictionary.png"> 
</node> 
</root> 
</fx:XML> 
</fx:Declarations> 
<mx:Tree left="5" top="5" bottom="5" width="150" dataProvider="{treeData}" 
id="myTree" 
showRoot="false" 
labelField="@label" 
itemRenderer="com.flex.tree.dynamicicontree.IconTreeRenderer"> 
</mx:Tree> 
</s:Application> 
package com.flex.tree.dynamicicontree 
{ 
import flash.xml.*; 
import mx.collections.*; 
import mx.controls.Image; 
import mx.controls.listClasses.*; 
import mx.controls.treeClasses.*; 
import mx.styles.StyleManager; 
/* 
* ICON Tree     
*/ 
public class IconTreeRenderer extends TreeItemRenderer 
{ 
protected var myImage:ImageRenderer; 
private var imageWidth:Number = 16; 
private var imageHeight:Number = 16; 
private static var defaultImg:String = "windows.png"; 
public function IconTreeRenderer () 
{ 
super(); 
} 
override protected function createChildren():void 
{ 
super.createChildren(); 
myImage = new ImageRenderer(); 
myImage.source = defaultImg; 
myImage.width=imageWidth; 
myImage.height=imageHeight; 
myImage.setStyle( "verticalAlign", "middle" ); 
addChild(myImage); 
} 
//    data       tree      
override public function set data(value:Object):void 
{ 
super.data = value; 
var imageSource:[email protected](); 
if(imageSource!="") 
{ 
myImage.source=imageSource; 
}else{ 
myImage.source=defaultImg; 
} 
} 
//      ，        
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
{ 
super.updateDisplayList(unscaledWidth, unscaledHeight); 
if(super.data !=null) 
{ 
if (super.icon != null) 
{ 
myImage.x = super.icon.x; 
myImage.y = 2; 
super.icon.visible=false; 
} 
else 
{ 
myImage.x = super.label.x; 
myImage.y = 2; 
super.label.x = myImage.x + myImage.width + 17; 
} 
} 
} 
} 
} 
package com.flex.tree.dynamicicontree 
{ 
import mx.controls.Image; 
public class ImageRenderer extends Image 
{ 
private var defaultURL:String = "assets/icon/"; 
public var iconName:String; 
public function ImageRenderer() 
{ 
super(); 
} 
override public function set source(url:Object):void{ 
super.source = defaultURL + url; 
iconName = url as String; 
} 
} 
}