Flex里用IconUtility动态加载Icon

为了减少Flex文件体积,我们可以使用Release模式编译外,一些资源可以在运行时加载Run-Time-Load(RTL),今天闲逛WEB时,无意发现这个IconUtility类包,很好用,能定义Icon或者Image的source 它的格式如下:

 

IconUtility.getClass(id,picpath,width,height)

 

下载:http://lab.benstucki.net/archives/IconUtility.zip

 

我用一些名车图片做了几个Icon和图片来作为外部资源,结合IconUtilit类写.你可以发挥自己想象，在实际项目中试用一下吧!

 

效果如下：

 

 

 

Icon.mxml:

 

view plain copy to clipboard print ?

1. 
   
2. <?xml version="1.0" encoding="utf-8"?>  
3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   
4.                 layout="vertical" verticalAlign="middle"  
5.                 backgroundColor="0x414141">  
6.     <mx:Style>  
7.         Accordion{  
8.             headerStyleName: "mycanvaslTitle";   
9.         }  
10.         .mycanvaslTitle {   
11.             fontFamily: Arial;   
12.             fontSize: 12;   
13.             fontWeight: normal;   
14.         }   
15.     </mx:Style>  
16.     <mx:Script>  
17.         <!--[CDATA[  
18.             import com.benstucki.utilities.IconUtility;  
19.         ]]-->  
20.     </mx:Script>  
21.     <mx:ApplicationControlBar dock="true">  
22.         <mx:Label text="Icon与 Image运行时加载实例"/>  
23.         <mx:Spacer width="100%"/>  
24.         <mx:Button id="btn1" label="宝马" click="accordion.selectedIndex=0;" icon="{IconUtility.getClass(btn1,'baoma.jpg',32,32)}"/>  
25.         <mx:Button id="btn2" label="奔驰" click="accordion.selectedIndex=1;" icon="{IconUtility.getClass(btn2,'benchi.jpg',32,32)}"/>  
26.         <mx:Button id="btn3" label="保时捷" click="accordion.selectedIndex=2;" icon="{IconUtility.getClass(btn3,'bsj.jpg',32,32)}"/>  
27.     </mx:ApplicationControlBar>  
28.     <mx:Accordion id="accordion" width="80%" height="100%">  
29.         <mx:Canvas id="canvas1" label="宝马车辆" icon="{IconUtility.getClass(canvas1,'baoma.jpg',16,16)}">  
30.             <mx:Image id="img1" source="{IconUtility.getClass(img1,'baoma1.jpg',130,126)}"/>  
31.         </mx:Canvas>  
32.         <mx:Canvas id="canvas2" label="奔驰车辆" icon="{IconUtility.getClass(canvas2,'benchi.jpg',16,16)}">  
33.             <mx:Image id="img2" source="{IconUtility.getClass(img2,'ben1.jpg',130,126)}"/>  
34.         </mx:Canvas>  
35.         <mx:Canvas id="canvas3" label="保时捷车辆" icon="{IconUtility.getClass(canvas3,'bsj.jpg',16,16)}">  
36.             <mx:Image id="img3" source="{IconUtility.getClass(img3,'bao1.jpg',130,126)}"/>  
37.         </mx:Canvas>  
38.     </mx:Accordion>  
39. </mx:Application>