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

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

本文和大家重点学习一下Flex加载图片的常用的几种方式,Flex有很多值得我们学习的地方,你对Flex加载图片的方法是否熟悉,这里和大家简单分享一下。

Flex加载图片的常用的几种方式 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"applicationComplete="InitApp()"> 
  3. <mx:Script> 
  4. <!--[CDATA[ 

第一种方式这种方式编译以后1.jpg会直接编译进swf文件中所以swf可以独立存在
 

  1. [Bindable]  
  2. [Embed(source="1.jpg")]  
  3. privatevarimgClass:Class; 

 

  1. //第2种方式  
  2. privatevar_loader:Loader;  
  3.  
  4. privatefunctionInitApp():void{  

 Flex加载图片第一种方式的代码
 

  1. _img.source=imgClass

Flex加载图片第二种方式的代码
 

  1. _loader=newLoader();  
  2. //这里需要注意的是不是_loader.addEventListener这样是没有效果的  
  3. _loader.contentLoaderInfo.addEventListener(Event.COMPLETE,function(e:Event):void{  
  4. _img.source=e.currentTarget.content;  
  5. });  
  6. //这里说一个技巧当url中有中文字体的话使用encodeURI方法如果没有则可以不加  
  7. _loader.load(newURLRequest(encodeURI("1.jpg"))); 

Flex加载图片第三种方式比较简单
 

  1. _img.source="1.jpg";//注意这里必须设置imgautoLoad属性为true  
  2.  
  3. //最后说明其中第2第3种方式中swf都不能独立存在必须配合1.jpg文件的存在而第一种方式则不需要  
  4. }  
  5. ]]--> 
  6. </mx:Script> 
  7. <mx:Imagexmx:Imagex="51"y="62"width="298"height="245"autoLoad="true"id="_img"/> 
  8. </mx:Application> 

【编辑推荐】

  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部署方式

2015-10-28 17:11:50

2010-08-16 16:49:30

DIV CSS居中

2010-07-30 09:16:24

Flex数据绑定

2010-08-06 10:41:59

Flex命名空间

2010-02-23 10:37:32

Linux后端

2010-08-06 16:15:57

Flex通信

2022-01-04 06:50:12

数据摘要方法

2010-07-28 13:48:49

Flex数据绑定

2010-07-27 15:03:37

Flex ArrayC

2009-08-12 16:52:10

.NET二进制图片存储

2010-01-14 16:48:29

交换机故障

2010-08-13 13:31:48

Flex效果组件

2010-07-30 14:43:55

Flex应用

2010-08-06 15:11:44

Flex界面控件

2020-08-23 11:52:10

Docker容器技术

2010-07-27 13:46:18

Flex swf

2010-09-07 09:33:20

2010-08-13 14:45:58

Flex4布局
点赞
收藏

51CTO技术栈公众号