Question

自定义loading动画怎么实现

Answer 1

第一，把要导出的元件取消导出，把它们集中放在某一帧（除开你做loading的那一帧），然后在放元件的这一帧之后的那一帧开始运行你的程序。

第二，用另个一个swf来加载需要做loading的swf。这种方法可以有比较完整的加载进度条以及百分比文字，缺点是容易引起其他问题，这个后面会讨论。

举个例子来说，我想为A.swf做一个loading，关键代码如下：

......

this. loaderInfo. addEventListener (SPANrogressEvent. SPANROGRESS,loadSPANrogress );

this. loaderInfo. addEventListener (Event. COMSPANLETE,loadComSPANlete );

......

AS3.0中增加了一个新的loaderInfo类来提供已加载的swf、图像文件的信息。flashplayer通过调度ProgressEvent对象的loadProgress方法来实现对加载内容反馈的监听，当加载全部完成后，flashplayer再调度Event对象的loadComple方法。loadProgress方法是我定义的监听加载进度的方法，所有有关加载的信息都可以在这个方法中加以反馈：

......

SPANrivate functionLoadSPANrogress ( e:SPANrogressEvent )

{

var loaded:uint= e. bytesLoaded;

vartotal:uint= e. bytesTotal;

varSPANercent: Number= int ( ( loaded /total ) * 100 );

trace (SPANercent+ "%" );

}

......

上面的代码输出正在载入内容的百分比，这是一种最简单的反馈，但是你可以在这段代码里丰富你的loading的内容，使其更具有趣味性，以使得用户在等待下载的时候能清楚的知道下载的进度，或者在这时候观赏一段精美的动画——这完全取决于你的设计。这时候加载完成了，可以执行loadComplete这个方法了。在loadComplete方法里添加你想要的动作，比如给用户一个播放按钮以使得用户可以自主选择，或者直接进入某一帧进行播放。

前面说过，直接在swf上添加loading可能会导致loading不是从1%开始，这时候可以用一个swf加载另一个swf的方法来实现完整的loading，比如，我想在B.swf里加载A.swf，那么在B.swf的程序里使用loader加载A.swf。需要注意的是，监听loader的加载进度需要使用loader的contentLoaderInfo属性，而不是loaderInfo。关于loaderInfo和contentLoaderInfo的关系如下图所示：

由于B.swf只起到加载A.swf的作用，并没有其他显示内容，所以它本身的加载可以忽略不计，这种方法可以比较完整的展示A.swf的加载过程。但是，同时使用这种方法也引发了一些问题，比如你在A.swf里与web端进行通信，使用了loaderInfo的parameters属性，则你在用B.swf加载A.swf后，通信将失效。这是因为FlashVarsHTML 参数只影响主swf（例子里为B.swf），就是说你可以在B.swf里完成通信，但是A.swf不行。所以，我们可以先在B.swf中获取到页面要传递的信息，然后再让A.swf从B.swf中获取这个信息就可以了。通常我是这样处理的，假如B.swf的文档类为Main.as，那么在Main.as中定义一个static的属性比如prama（public static var prama），用来保存传递的信息，然后再在A.swf中通过Main.prama获取这个信息。这样就间接实现了A.swf与web端的通信。

综上所述，本文不是向大家介绍如何制作一个完整的loading的，相信loading的例子在网上并不少见，但是只有明白了loading制作的基本原理，才能从根本上制作出更为规范和友好的loading来。