AS3结合XML加载多张图片_as3 xml加载图片-CSDN博客

本文链接：https://blog.csdn.net/letianok/article/details/3984236

本文档展示了如何使用ActionScript 3（AS3）结合XML文件动态加载多张图片，并通过创建按钮实现点击显示不同图片的功能。详细讲解了加载XML、解析XML内容、加载图片以及监听加载进度和完成的全过程。适合AS3初学者学习动态参数传递技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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张图片。可自行扩展。