美文翻译 - iLeichun

当前位置：首页 > 美文翻译

如何用AS3实现队列加载图片

分类:美文翻译来源:网络时间:Aug 2, 2011 12:01:26 AM

本文将为您讲解如何使用AS3的Loader类来实现图片的队列加载，在本例中我们通过点击按钮来触发对下一张图片的加载操作，同时显示加载进度条。

假设我们有4张图片：space1.jpg, space2.jpg, space3.jpg, space4.jpg. 并把这些图片存放在数组picsArray中。关键代码如下：

//定义点击按钮

var btnLoad:Button = new Button();

btnLoad.label = "点击我";

btnLoad.move(100, 20);

addChild(btnLoad);

//定义加载器

var loader:Loader =new Loader();

this.addChild(loader);

loader.x=65;

loader.y=70;

//这些图片必须放在同一个目录下，以保证能正常加载

var picsArray:Array=["space1.jpg","space2.jpg","space3.jpg","space4.jpg"];

var numPics:int=picsArray.length;

var nextPic:int=0;

//添加加载完成侦听

loader.contentLoaderInfo.addEventListener(Event.COMPLETE,doneLoad);

//加载出错侦听

loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,loadingError);

//加载进度侦听

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,updateInfo);

//按钮点击侦听

btnLoad.addEventListener(MouseEvent.CLICK,doLoad);

//加载第一张图片，初始化界面

loadInitImg();

//触发加载

function doLoad(e:MouseEvent):void {

loader.load(new URLRequest(picsArray[nextPic]));

infoBox.visible=true;

infoBox.text="开始加载...";

//加载过程中禁用按钮

btnLoad.mouseEnabled=false;

}

//更新加载进度信息

function updateInfo(e:ProgressEvent):void {

infoBox.text="已加载： "+String(Math.floor(e.bytesLoaded/1024))+" / "+String(Math.floor(e.bytesTotal/1024))+" KB.";

}

//加载错误

function loadingError(e:IOErrorEvent):void {

infoBox.text="加载图片出错，请刷新页面后重试！";

loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,doneLoad);

loader.contentLoaderInfo.removeEventListener(ProgressEvent.PROGRESS,updateInfo);

loader.contentLoaderInfo.removeEventListener(IOErrorEvent.IO_ERROR,loadingError);

}

//加载完成一张图片，并准备下一张

function doneLoad(e:Event):void {

infoBox.text="";

infoBox.visible=false;

//如果所加载的图片到达数组末尾，从0开始

nextPic=(nextPic+1)%numPics;

btnLoad.mouseEnabled=true;

}

//加载第一张图片初始化界面

function loadInitImg():void {

loader.load(new URLRequest(picsArray[nextPic]));

infoBox.visible=true;

infoBox.text="Loading starts...";

btnLoad.mouseEnabled=false;

}

阅读全文>>

浏览(10099) | 评论(0)

良好的输出语句有利于代码调试

分类:美文翻译来源:网络时间:Jul 31, 2011 1:39:50 AM

在程序设计中，良好的输出有利于代码调试。如果你的输出语句仅仅是为了输出相应的参数或变量以判断是否正确传值或确定变量的值，那么当输出语句较多时就不方便了。本文正是基于这个话题展开的，你将通过本文了解到在程序设计中要如何书写输出语句，以方便调试。本文以Java语句为例，通过代码进行相应的说明。

一般情况的输出语句可能是：

System.out.println("name =" + name);

试想如果有10个类都有这个打印语句，那么在非调试状态下就不好区分是哪个类输出的了，为此改正如下：

System.out.println("类Person：name =" + name);

System.out.println("类Cat：name =" + name);

System.out.println("类Dog：name =" + name);

在看到输出信息的时候，你是不是发现很容易就知道是哪个类输出的了？

根据这个规则，可以写得更详细些，例如上面的语句可以改写成下面的形式：

System.out.println("类Person.addName：name =" + name);

System.out.println("类Cat.checkName：name =" + name);

System.out.println("类Dog.delete：name =" + name);

这种写法把相应的函数名称也写进去了，看起来更直观。

浏览(7322) | 评论(1)