FLEX 4 动态加载背景图片 BackgroundImage

最近研究FLEX 4动态加载背景图片，发现没有效率比较好的方法，贴贴自己搜集、研究的认为效率好点的代码~~~

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
   
3.                                            xmlns:s="library://ns.adobe.com/flex/spark"
   
4.                                            xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()" width="320" height="240">
   
5. 
   
6.         <fx:Script>
   
7.                 <![CDATA[
   
8.                         import mx.core.UIComponent;
   
9.                        
   
10.                         import spark.events.IndexChangeEvent;
    
11.                        
    
12.                        
    
13.                         private var skinsLoader:Loader;
    
14.                         private var defaultSkinSrc:String = '1.png';                       
    
15.                         private var skinUi:UIComponent = null;
    
16.                        
    
17.                        
    
18.                         private function init():void
    
19.                         {
    
20.                                 imgLoader(defaultSkinSrc);
    
21.                         }
    
22.                        
    
23.                         protected function dropdownlist1_changeHandler(event:IndexChangeEvent):void
    
24.                         {
    
25.                                 imgLoader(DropDownList(event.currentTarget).selectedItem);
    
26.                         }
    
27.                        
    
28.                         public function imgLoader(imgPath:String):void
    
29.                         {
    
30.                                 skinsLoader = new Loader;
    
31.                                 skinsLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,imgLoaderComplete);
    
32.                                 skinsLoader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,imgIOErrorHandler);
    
33.                                 var urlRequest:URLRequest = new URLRequest();
    
34.                                 urlRequest.url = "images/"+imgPath;       
    
35.                                 skinsLoader.load(urlRequest);
    
36.                         }
    
37. 
    
38.                         private function imgLoaderComplete(event:Event):void
    
39.                         {
    
40.                                 var bitmap:Bitmap = event.target.content as Bitmap;
    
41.                                 bitmap.width = stage.stageWidth, bitmap.height = stage.stageHeight;
    
42.                                 if(skinUi)
    
43.                                 {
    
44.                                         removeElement(skinUi);
    
45.                                         skinUi = null;
    
46.                                 }
    
47.                                 skinUi = new UIComponent();
    
48.                                 skinUi.addChild(bitmap);
    
49.                                 addElementAt(skinUi,0);
    
50.                                
    
51.                                 //-------------------
    
52.                                 skinsLoader.contentLoaderInfo.removeEventListener (Event.COMPLETE , imgLoaderComplete);
    
53.                                 skinsLoader.contentLoaderInfo.removeEventListener (IOErrorEvent.IO_ERROR , imgIOErrorHandler);
    
54.                                 skinsLoader = null;
    
55.                         }
    
56.                         private function imgIOErrorHandler(event:IOErrorEvent):void
    
57.                         {
    
58.                                 trace(event.text);
    
59.                         }
    
60.                        
    
61.                 ]]>
    
62.         </fx:Script>
    
63. 
    
64.         <fx:Declarations>
    
65.                 <!-- Place non-visual elements (e.g., services, value objects) here -->
    
66.         </fx:Declarations>
    
67.         <s:Label text="选择皮肤:" fontSize="16"  x="50" y="104" height="21"/>
    
68.         <s:DropDownList x="137" y="103" change="dropdownlist1_changeHandler(event)" >
    
69.                 <s:dataProvider>
    
70.                         <s:ArrayList source="[1.png,2.png,3.png,4.png,5.png,6.png]" />
    
71.                 </s:dataProvider>
    
72.         </s:DropDownList>
    
73. </s:WindowedApplication>