您的位置:首页 > 其它

Flash动态加载外部图片

2009-01-05 20:27 411 查看
.paragraph{text-indent:2em;}

一、简介

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

====>>欢迎访问 搜学通培训信息网,网罗全国英语培训课程
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: