Flex加载图片

 

Flex使用Loader和URLRequest加载本地图片示例：

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="absolute">
4. <mx:Script>
5. <![CDATA[
6. import mx.core.UIComponent;
7. import mx.controls.Alert;
8. import flash.display.*;
9. import flash.net.URLRequest;
10.  
11.  
12. var ldr:Loader;
13. private function Load():void
14. {
15.      ldr= new Loader();<span id="more-684"></span>
16.               
17.      var url:String="tuzi.jpg";
18.      var urlReq:URLRequest=new URLRequest(url);
19.  
20.      ldr.load(urlReq);
21.      ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
22.  
23. }
24.  
25. private function completeHandler(e:Event):void
26. {
27.     //mx.controls.Alert("load");
28.     var uc:UIComponent=new UIComponent();
29.     uc.addChild(ldr);
30.     thePanel.addChild(uc);
31.  
32.     ldr.scaleX*=thePanel.width / ldr.width;       //按照比例缩放
33.     ldr.scaleY*=thePanel.height / ldr.height;
34.  
35.  
36.     ldr.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
38.  
39. }
40. ]]>
41. </mx:Script>
42. <mx:Button x="10"
43.    y="21"
44.    label="Load"
45.    click="Load()"
46.    width="69"
47.    height="20"
48.    themeColor="#009DFF"
49.    fillAlphas="[1.0, 1.0, 1.0, 1.0]"
50.    fillColors="[#FFFFFF, #FFFFFF]"
51.    color="#0B333C"/>
52. <mx:Panel x="10"
53.   y="63"
54.   width="448"
55.   headerHeight="0"
56.   borderThicknessLeft="0"
57.   borderThicknessRight="0"
58.   height="376"
59.   layout="absolute"
60.   id="thePanel">
61. </mx:Panel>
62.  
63. </mx:Application>

Flex中通过设置autoLoad属性阻止Image控件自动加载图片的例子:

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
6.  
7.     <mx:ApplicationControlBar dock="true">
8.         <mx:Button id="btn"
9.                 label="Load Image"
10.                 click="img.load();" />
11.     </mx:ApplicationControlBar>
12.  
13.     <mx:Image id="img"
14.             autoLoad="false"
15.             source="assets/Fx.png"
16.             maintainAspectRatio="true"
17.             percentWidth="100"
18.             percentHeight="100" />
19.  
20. </mx:Application> 

 

 

如果要加载远程的图片，需要考虑安全沙箱问题。可以考虑使用LCDS代理，或者使用PHP，JS代理先取回图片再用AS去连。