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:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" verticalAlign="middle"
backgroundColor="0x414141">
<mx:Style>
Accordion{
headerStyleName: "mycanvaslTitle";
}
.mycanvaslTitle {
fontFamily: Arial;
fontSize: 12;
fontWeight: normal;
}
</mx:Style>
<mx:Script>
<!--[CDATA[
import com.benstucki.utilities.IconUtility;
]]-->
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Label text="Icon与 Image运行时加载实例"/>
<mx:Spacer width="100%"/>
<mx:Button id="btn1" label="宝马" click="accordion.selectedIndex=0;" icon="{IconUtility.getClass(btn1,'baoma.jpg',32,32)}"/>
<mx:Button id="btn2" label="奔驰" click="accordion.selectedIndex=1;" icon="{IconUtility.getClass(btn2,'benchi.jpg',32,32)}"/>
<mx:Button id="btn3" label="保时捷" click="accordion.selectedIndex=2;" icon="{IconUtility.getClass(btn3,'bsj.jpg',32,32)}"/>
</mx:ApplicationControlBar>
<mx:Accordion id="accordion" width="80%" height="100%">
<mx:Canvas id="canvas1" label="宝马车辆" icon="{IconUtility.getClass(canvas1,'baoma.jpg',16,16)}">
<mx:Image id="img1" source="{IconUtility.getClass(img1,'baoma1.jpg',130,126)}"/>
</mx:Canvas>
<mx:Canvas id="canvas2" label="奔驰车辆" icon="{IconUtility.getClass(canvas2,'benchi.jpg',16,16)}">
<mx:Image id="img2" source="{IconUtility.getClass(img2,'ben1.jpg',130,126)}"/>
</mx:Canvas>
<mx:Canvas id="canvas3" label="保时捷车辆" icon="{IconUtility.getClass(canvas3,'bsj.jpg',16,16)}">
<mx:Image id="img3" source="{IconUtility.getClass(img3,'bao1.jpg',130,126)}"/>
</mx:Canvas>
</mx:Accordion>
</mx:Application>