|
为了减少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
?
-
<?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)}"/>??
-
????????<mx:Button?id="btn3"?label="保时捷"?click="accordion.selectedIndex=2;"?icon="{IconUtility.getClass(btn3,'bsj.jpg',32)}"/>??
-
????</mx:ApplicationControlBar>??
-
????<mx:Accordion?id="accordion"?width="80%"?height="100%">??
-
????????<mx:Canvas?id="canvas1"?label="宝马车辆"?icon="{IconUtility.getClass(canvas1,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,16)}">??
-
????????????<mx:Image?id="img2"?source="{IconUtility.getClass(img2,'ben1.jpg',126)}"/>??
-
????????</mx:Canvas>??
-
????????<mx:Canvas?id="canvas3"?label="保时捷车辆"?icon="{IconUtility.getClass(canvas3,16)}">??
-
????????????<mx:Image?id="img3"?source="{IconUtility.getClass(img3,'bao1.jpg',126)}"/>??
-
????????</mx:Canvas>??
-
????</mx:Accordion>??
- </mx:Application>??
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
