Flex加载图片的常见方式解析

开发 后端
本文向大家简单介绍一下Flex加载图片的常用的几种方式,为了便于大家理解,使用源代码向大家介绍,希望本文的介绍能让你有所收获。

本文和大家重点学习一下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.

【编辑推荐】

  1. 揭露Flex2.0的几大误区
  2. Flex2.0.1新特性和所做改进概要
  3. 在Flex中使用样式的五大方法
  4. FlexBuilder3.0与Eclipse3.4的完美结合
  5. Flex ComboBox和Datagrid组件用法指导

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-24 09:43:33

2018-11-07 09:01:13

Tomcat部署方式

2010-08-16 16:49:30

DIV CSS居中

2015-10-28 17:11:50

2010-07-30 09:16:24

Flex数据绑定

2010-08-06 10:41:59

Flex命名空间

2022-01-04 06:50:12

数据摘要方法

2010-02-23 10:37:32

Linux后端

2010-08-06 16:15:57

Flex通信

2010-07-28 13:48:49

Flex数据绑定

2010-07-27 15:03:37

Flex ArrayC

2009-08-12 16:52:10

.NET二进制图片存储

2010-07-30 14:43:55

Flex应用

2010-08-06 15:11:44

Flex界面控件

2010-08-13 13:31:48

Flex效果组件

2010-01-14 16:48:29

交换机故障

2020-08-23 11:52:10

Docker容器技术

2010-09-07 09:33:20

2010-08-13 14:45:58

Flex4布局

2010-07-27 13:46:18

Flex swf
点赞
收藏

51CTO技术栈公众号