Flash动态加载外部图片

一、简介

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

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

二、代码

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即可。

 

====>>欢迎访问 搜学通培训信息网，网罗全国英语培训课程