AS3 使用Loader对象加载外部图片

类似这种功能最好就是封闭成一个类，直接调用。

比如要在loading图片的时候显示一个背景gif图（表示正在加载图片）或是显示加载进步等等

 

重点：学会使用flash.display.Loader及flash.net.URLRequest

难点：在Event.COMPLETE回调方法中，如何将event对象转换成所需要的bitmap对象

有两种方法：

1、var loader:Loader = Loader(e.target.loader);var bitmap:Bitmap = Bitmap(loader.content);

2、var bitmap:Bitmap = e.currentTarget.content as Bitmap;

 

推荐用第二种，看上去比较简洁一些。

 

下面类ImageLoader的代码:

package
{
	import flash.display.Bitmap;
	import flash.display.Loader;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.ProgressEvent;
	import flash.net.URLRequest;
	
	public class ImageLoader extends Sprite
	{
		
		private var loader:Loader;
		private var w:Number;
		private var h:Number;
		
		public function ImageLoader(_w:Number, _h:Number, url:String)
		{
			super();
			
			this.w = _w;
			this.h = _h;
			
			loader = new Loader();
			
			loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
			loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
			
			loader.load(new URLRequest(url));
			
			trace(loader);
		}
		
		private function progressHandler(e:ProgressEvent):void {
			var num:uint = (e.bytesLoaded / e.bytesTotal) * 100;
			trace('已加载--' + num + "%");
		}
		
		private function completeHandler(e:Event):void {
			var loader:Loader = Loader(e.target.loader);
			var bitmap:Bitmap = Bitmap(loader.content);
			
//			var bitmap:Bitmap = e.currentTarget.content as Bitmap;
//			trace(bitmap);
			
			trace(bitmap.width + '--' + bitmap.height);

			bitmap.x = 0;
			bitmap.y = 0;
			
			this.addChild(bitmap);
		}
	}
}

 

使用方法也很简单，例如下面的

var img:ImageLoader = new ImageLoader(100, 100, 'http://www.baidu.com/img/baidu_logo.gif');
            addChild(img);

加载百度的logo

 

代码运行的效果，我默认调试打开的是firefox<安装了Flashbug>，控制台上能看到相应trace出来的信息