为了减少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>
代码见附件:
分享到:
相关推荐
flexBulider页面加载动态图片的显示
NULL 博文链接:https://emavaj.iteye.com/blog/676072
NULL 博文链接:https://demojava.iteye.com/blog/1337123
flex动态加载css实例flex动态加载css实例flex动态加载css实例
Flex MenuBar从数据库中动态加载图片.我找了好久才实现。
flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。
flex 文件下载图片远程加载
Flex之URLLoader加载XML 使用URLLoader加载XML
FLEX加载程序动态地加载由我由构建的FLEX动态库( FLEXDylib.dylib ),当然您可以将其替换为您的(参考: )。 通过Settings.app中的FLEXLoader菜单进行配置。 此调整受启发,并从RevealLoader进行了修改。 Reveal...
NULL 博文链接:https://kiral.iteye.com/blog/353966
flex自定义的预加载进度条动画的一个demo,非常使用。
FLEX 动态树 动态图表 FLEX 动态树 动态图表
FLEXLoader, 越狱iOS设备可以加载 FLEX dynamiclly FLEX加载程序调整FLEX加载程序加载FLEX动态 libarary ( FLEXDylib.dylib ),这是由我创建的,当然你可以用你的( ref: ref ) 替换它。 FLEXDynamicLibProject )
很详细的实现了flex游戏的预加载,可以使用图片,也可以重绘技术,任你选择
利用flex开发web时,需要加载html,附件中时采用flex3做的示例。
Flex中加载SWF方法,介绍了flex 对 swf 加载和处理
flex arcgis 加载天地图2.0地图源码
介绍几种解决Flex 与 Hibernate 的延迟加载问题。我在实际项目中使用的是Gilead。
flex 旋转/扫描/加载/效果图 用了都说好