[AS2-AS3]AS外部加载图片教程

核心提示：AS2.0中有MovieClip和全局中有loadMovie函数可以动态加载图片，但是这不是异步加载，[AS2-AS3]AS外部加载图片教程，而且没法知道图片大小，在AS3.0中，content是一个Bitmap对象，所以可以通过转型来使得载入的图片在缩小的时候消除锯齿，有Loader类来实现从外部载入swf和各种图片

AS2.0中有MovieClip和全局中有loadMovie函数可以动态加载图片，但是这不是异步加载，而且没法知道图片大小。在AS3.0中，有Loader类来实现从外部载入swf和各种图片。

效果如下，载入的过程中会有进度条提示，载入完成过后可以根据图片的尺寸进行缩放，按比例的缩小放在400×300的方框中，居中显示

AS代码

progress.visible = false;  
btnSubmit.addEventListener(MouseEvent.CLICK,btnSubmitClickHandler);  
function btnSubmitClickHandler(e:MouseEvent) {  
loadPicture(ddlUrl.value);  
}  
 
var loader:Loader;  
function loadPicture(url:String) {  
if(loader == null){  
loader = new Loader();  
}else{  
loader.unload();  
txtAlert.text = "";  
}  
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,completeHd);  
loader.contentLoaderInfo.addEventListener("ioError",errorHd);  
var request:URLRequest = new URLRequest(url);  
var context:LoaderContext = new LoaderContext(true);  
loader.load(request,context);  
progress.visible = true;  
}  
 
var maxHeight:int = container.height;  
var maxWidth:int = container.width;  
function completeHd(e:Event) {  
txtAlert.text = "* Load success!";  
var pic:Bitmap = loader.content as Bitmap;  
pic.smoothing = true;  
var currentWidth:int = loader.width;  
var currentHeight:int = loader.height;  
if(currentWidth > maxWidth){  
currentWidth = maxWidth;  
currentHeight = currentWidth/loader.width * loader.height;  
}  
if(currentHeight > maxHeight){  
currentHeight = maxHeight;  
currentWidth = currentHeight/loader.height * loader.width;  
}  
loader.content.width = currentWidth;  
loader.content.height = currentHeight;  
 
loader.x = (maxWidth - currentWidth)/2;  
loader.y = (maxHeight - currentHeight)/2;  
container.addChild(loader);  
progress.visible = false;  
}  
function errorHd(e:Event){  
progress.visible = false;  
txtAlert.text = "* Url is invalid, Please try again for another url!";  
} 

关键在于对Loader类的使用，Loader具有contentLoaderInfo属性，此属性是一个LoaderInfo类的实例，用来控制加载外部资源的进度，因此就可以在contentLoaderInfo上注册各种事件，这里只用了Complete事件，用于加载完成时调用。

Loader还具有content属性，Loader实例本身就是一个可视对象，content也是一个可视对象，如果加载的地址是一个图片的话，content是一个Bitmap对象，所以可以通过转型来使得载入的图片在缩小的时候消除锯齿，将Bitmap的smoothing属性设置为true即可。