AS3:part1-preloader

为flash api加载进度条是一项必不可少的工作，特别是大型的flash project。

下面是基本的preloader制作

1、新建一个flash文档

2、为第一层命名：loaderbar(或其它)

3、在第一层新建一长方形，并以颜色填充，这个长方形就是进度条，并在长方形下方新建一动态文本，实例名称为：txt(或其它)，些文本显示当前加载的数目。

4、把长方形转换为影片剪辑元件，其注册点为左上角或左中，这样进度条会从左向右延伸，实例名称为：bar(或其它)

5、新建一层，并命名：action(或其它)，这层是用来写脚本

如图所示：

6、在“action”层的第一帧开始添加脚本

bar.scaleX = 0;var loader = new Loader();loader.load(new URLRequest("Greetings.swf"));loader.contentLoaderInfo.addEventListener(Event.COMPLETE,oncomhandler);loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onprhandler);addChild(loader);

解释：首先设置preloader的scale X 为0，这样做是为了让用户在flash一开始加载时看不到进度条；接着创建一个Loader对象，用来加载swf文件或图片，在这里我加载一个“Greetings.swf”的swf文件；然后来到最重要的部分，为Loader设置事件侦听，使用“contentLoaderInfo”访问加载过程中的信息和数据，在加载进程（ProgressEvent）和加载完成后（complete）都添加侦听；最后，把loader添加到舞台上。

7、添加事件侦听

function oncomhandler(e:Event):void{bar.visible = false;txt.visible = false;}function onprhandler(pe:ProgressEvent):void{var pre = Math.floor(pe.bytesLoaded)/Math.floor(pe.bytesTotal);bar.scaleX = pre;txt.text = Math.floor(pre * 100) + "%";loader.visible = true;}

解释：“oncomhandler”是控制加载完成后的动作，加载完后，进度条和文本没有必要再显示。“onprhandler”是控制加载过程中进度条和动态文本的动画显示，计算当前已加载的数据，设置preloader的scale X为当前已加载的数据，当加载的数据达到1时（加载完成），进度条将完整显示。

 

8、测试

注意：在Flash IDE可以用“模拟下载”的方式查看，测试影片->查看(View)->模拟下载(Simulate Download)