本文和大家重点学习一下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.jpg会直接编译进swf文件中所以swf可以独立存在
- [Bindable]
- [Embed(source="1.jpg")]
- privatevarimgClass:Class;
- //第2种方式
- privatevar_loader:Loader;
- privatefunctionInitApp():void{
Flex加载图片第一种方式的代码
- _img.source=imgClass;
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")));
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>
【编辑推荐】
- 揭露Flex2.0的几大误区
- Flex2.0.1新特性和所做改进概要
- 在Flex中使用样式的五大方法
- FlexBuilder3.0与Eclipse3.4的完美结合
- Flex ComboBox和Datagrid组件用法指导