Flex里用IconUtility动态加载Icon

http://www.flexrain.cn/flex/flex-iconutility-icon.html

为了减少Flex文件体积,我们可以使用Release模式编译外,一些资源可以在运行时加载Run-Time-Load(RTL),今天闲逛WEB时,无意发现这个IconUtility类包,很好用,能定义Icon或者Image的source 它的格式如下:
    IconUtility.getClass(id,picpath,width,height)
下载:http://lab.benstucki.net/archives/IconUtility.zip
    我用牛B的图片做了几个Icon和图片来作为外部资源,结合IconUtilit类写.发挥想象试用一下吧!
IconRTL.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" verticalAlign="middle" 
        preloader="com.preload.PreLoad" 
        backgroundColor="0x414141"> 
    <!--上面preload属性与下面外部CSS可以删除它--> 
    <mx:Style source="yfskin/yflexskin.css"/> 
    <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, 'http://www.flexrain.cn/demo/flex/img/niu1.png', 32, 32)}" />
           
        <mx:Button id="btn2" label="黄牛" click="accordion.selectedIndex=1;"
            icon="{IconUtility.getClass(btn2, 'http://www.flexrain.cn/demo/flex/img/niu2.png', 32, 32)}" />
           
        <mx:Button id="btn3" label="红牛" click="accordion.selectedIndex=2;"
            icon="{IconUtility.getClass(btn3, 'http://www.flexrain.cn/demo/flex/img/niu3.png', 32, 32)}" />
           
    </mx:ApplicationControlBar>
   
    <mx:Accordion id="accordion" width="80%" height="100%">
        <mx:Canvas id="canvas1" label="牛气冲天" icon="{IconUtility.getClass(canvas1, 'http://www.flexrain.cn/demo/flex/img/niu1.png', 16, 16)}">
            <mx:Image id="img1" source="{IconUtility.getClass(img1,'http://www.flexrain.cn/demo/flex/img/niu11.png', 130, 126)}" />
        </mx:Canvas>
        <mx:Canvas id="canvas2" label="Happy牛也" icon="{IconUtility.getClass(canvas2, 'http://www.flexrain.cn/demo/flex/img/niu2.png', 16, 16)}" >
            <mx:Image id="img2" source="{IconUtility.getClass(img2,'http://www.flexrain.cn/demo/flex/img/niu12.png', 130, 126)}" />
        </mx:Canvas>
        <mx:Canvas id="canvas3" label="我爱红牛" icon="{IconUtility.getClass(canvas3, 'http://www.flexrain.cn/demo/flex/img/niu3.png', 16, 16)}" >
            <mx:Image id="img3" source="{IconUtility.getClass(img3,'http://www.flexrain.cn/demo/flex/img/niu13.png', 130, 126)}" />
        </mx:Canvas>
    </mx:Accordion>
   
</mx:Application>