本文和大家重点学习一下Flex加载图片的常用的几种方式,Flex有很多值得我们学习的地方,你对Flex加载图片的方法是否熟悉,这里和大家简单分享一下。
Flex加载图片的常用的几种方式
<?xmlversionxmlversion="1.0"encoding="utf-8"?>
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"applicationComplete="InitApp()">
<mx:Script>
<!--[CDATA[
- 1.
- 2.
- 3.
- 4.
第一种方式这种方式编译以后1.jpg会直接编译进swf文件中所以swf可以独立存在
[Bindable]
[Embed(source="1.jpg")]
privatevarimgClass:Class;
- 1.
- 2.
- 3.
//第2种方式
privatevar_loader:Loader;
privatefunctionInitApp():void{
- 1.
- 2.
- 3.
- 4.
Flex加载图片第一种方式的代码
_img.source=imgClass;
- 1.
Flex加载图片第二种方式的代码
_loader=newLoader();
//这里需要注意的是不是_loader.addEventListener这样是没有效果的
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{
_img.source=e.currentTarget.content;
});
//这里说一个技巧当url中有中文字体的话使用encodeURI方法如果没有则可以不加
_loader.load(newURLRequest(encodeURI("1.jpg")));
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
Flex加载图片第三种方式比较简单
_img.source="1.jpg";//注意这里必须设置imgautoLoad属性为true
//最后说明其中第2第3种方式中swf都不能独立存在必须配合1.jpg文件的存在而第一种方式则不需要
}
]]-->
</mx:Script>
<mx:Imagexmx:Imagex="51"y="62"width="298"height="245"autoLoad="true"id="_img"/>
</mx:Application>
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
【编辑推荐】
- 揭露Flex2.0的几大误区
- Flex2.0.1新特性和所做改进概要
- 在Flex中使用样式的五大方法
- FlexBuilder3.0与Eclipse3.4的完美结合
- Flex ComboBox和Datagrid组件用法指导