AS3結合XML加載多張圖片

 

  

 

Load.as文件內容：

 

package { import flash.display.Loader; import flash.display.Sprite; import flash.display.MovieClip; import flash.net.URLLoader; import flash.net.URLRequest; import flash.events.*; import flash.text.TextField; import flash.display.LoaderInfo; import flash.text.TextFieldAutoSize; import flash.system.System; import flash.display.SimpleButton; /** * ... * 先加載XML文件，再加載所有圖片，然後，通過幾個按鈕來顯示單張圖片。其中監聽動態傳參的方法，可以值得學習。 本人：Nothing(在路上） */ public class Load extends Sprite { //xml類 private var my_xml:XML; //URLRequest類 private var my_URLRequest:URLRequest; //URLLoader類 private var my_URLLoader:URLLoader; //加載圖片類 private var my_Loader:Loader; //初始化暫存圖片信息類 private var my_pic_Arr:Array = []; //保存加載完成後得到的圖片 private var imgLoadArr:Array=new Array(); //初始化TextField private var _textField:TextField; //XML文件路徑 private var _xmllist:String="man.xml"; //聲明存放動態圖片的容器 private var picContent:Sprite; public function Load() { System.useCodePage=true; var _xmllist:String="man.xml"; my_URLRequest = new URLRequest(_xmllist); my_URLLoader = new URLLoader(); my_URLLoader.load(my_URLRequest) my_URLLoader.addEventListener(Event.COMPLETE,xmlLoaded) picContent=new Sprite(); _textField=new TextField(); addChild(_textField); _textField.autoSize=TextFieldAutoSize.LEFT; } private function createBtn(i:int):void//創建三個按鈕 { var spr:Sprite=new Sprite(); spr.graphics.beginFill(0xff0000); spr.graphics.drawRect(0, 0, 50, 20); spr.graphics.endFill(); spr.x=(i)*60+40; spr.y=360; addChild(spr); spr.addEventListener(MouseEvent.CLICK,showPic(i)); } private function showPic(i:int):Function//在picContent中顯示圖片 { var fun:Function=function(e:MouseEvent){ if(picContent.numChildren>0) { picContent.removeChildAt(0); } picContent.addChild(imgLoadArr[i]); picContent.x=210; picContent.y=50; addChild(picContent); } return fun; } //===加載XML文件,將XML信息寫進數組中====== private function xmlLoaded(e:Event):void { my_xml = new XML(my_URLLoader.data); for (var i:uint = 0; i < my_xml.img.length(); i++ ) { var my_Obj:Object = new Object(); my_Obj.imgsrc = my_xml.img[i].@src; my_Obj.swfsrc = my_xml.img[i].@swf; my_Obj.textsrc = my_xml.img[i]; my_pic_Arr.push(my_Obj); } imgLoaded(0) } //=========加載圖片============ private function imgLoaded(a:int):void { var my_Loader:Loader = new Loader(); my_Loader.load(new URLRequest(my_pic_Arr[a].imgsrc)); trace(my_pic_Arr[a].imgsrc); my_Loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress(a)); my_Loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoaderComplete(a)); } private function onProgress(i:int):Function //進度監聽處理 { var fun=function(e:ProgressEvent) { var loadtotal:uint=e.bytesTotal; var loaded:uint=e.bytesLoaded; var perc:String=Math.round((loaded/loadtotal)*100)+"%"; _textField.htmlText=my_pic_Arr[i].textsrc+" 加載中…………"+perc; } return fun; } private function onLoaderComplete(i:int):Function//加載完成監聽處理 { var fun:Function=function(e:Event) { imgLoadArr[i]=e.target.content; if(i<my_pic_Arr.length-1) { i++; imgLoaded(i); } else { for(var j:int=0;j<8;j++) { createBtn(j); } _textField.htmlText="加載完成－－Nothing－－單擊紅色按鈕查看圖片"; } } return fun; } } }

 

 

先加載XML文件，再加載所有圖片，然後，通過幾個按鈕來顯示單張圖片。其中監聽動態傳參的方法，可以值得學習。

 

man.xml文件內容：

 

<?xml version="1.0" encoding="utf-8"?> <man> <img src="MAN/1.png" mce_src="MAN/1.png">圖片資源1</img> <img src="MAN/2.png" mce_src="MAN/2.png">圖片資源2</img> <img src="MAN/3.png" mce_src="MAN/3.png">圖片資源3</img> <img src="MAN/4.png" mce_src="MAN/4.png">圖片資源4</img> <img src="MAN/5.png" mce_src="MAN/5.png">圖片資源5</img> <img src="MAN/6.png" mce_src="MAN/6.png">圖片資源6</img> <img src="MAN/7.png" mce_src="MAN/7.png">圖片資源7</img> <img src="MAN/8.png" mce_src="MAN/8.png">圖片資源8</img> </man>

 

 

在FLA或AS相同的目錄中，新建一個MAN文件夾。在裏面放入1-8共8張圖片。可自行擴展。