Flash MX之“Loading”技术的详解

　　在这个闪客纵横的网络时代，相信大家对Flash动画应该不会生疏，而现在许多Flash动画都有Loading效果，这样做的目的主要是为了照顾在网上观看动画的朋友，在动画下载的过程中不会感到太无聊，从而让等待变得短暂，本文就为大家具体介绍Loading效果的制作。

copyright dedecms

图1 织梦内容管理系统

　　实现效果 本文来自织梦

　　动画刚播放时显示一个等待画面，画面显示了动画的大小，已下载的字节，已下载的百分比，百分比还通过不断变化的长方形来体现，最终效果如图1所示，这是我们常见的Loading效果，所涉及的Actions技术却很简单。

　　制作过程

　　1、启动FlashMX，新建一个文件，文件名为“Loading效果”；按Ctrl J打开背景设置对话框，将背景色(Background)设置为纯黑色；选择“Modify→Scene”打开对话框(如图2)，单击“ ”可增加场景，这里增加一个场景，并且重新命名，第一个场景作为等待画面，第二个场景就是动画的主体，专门用来制作动画，当然了还可以在此基础上再增加需要的场景；最后在“等待画面”场景上单击使其作为当前编辑场景。 织梦内容管理系统

图2 copyright dedecms

　　2、进入场景“等待画面”后，在原有层上再插入两个新层，分别双击层名，从上之下分别取名为：Actions、动态变化、显示信息。在层“显示信息”的第1帧的场景中输入文字(参照图1上面三行)，其中的虚线框为动态文本框；三个文本框的设置基本相同(如图3)，不同之处是文本框的变量名(图3中的椭圆圈出部分)，从上之下，第一个为：ypkb，第二个为：loadbyte，第三个为：bfb，最后在第3帧处按F5键插入空白要害帧。

织梦内容管理系统

图3

　　3、按Ctrl F8键在弹出的对话框的Name项中输入：长方形，Behavior选择“MovieClip”；进入场景后利用绘图工具绘制一个天蓝色的长方形，稍微长一些；回到主场景中，在层“动态变化”的第1帧输入文字“Loading…”，然后绘制一个白色长方形，按Ctrl L打开Library库，将刚刚制作的“长方形”影片拖放到白色长方形上方(参照图1)；最后选中影片“长方形”，单击场景下方的Properties按钮，将其InstanceName设为“changfangxing”。 copyright dedecms

图4

dedecms.com

　　4、参照图4，在层“Actions”的第1帧单击右键选择“Actions”打开Actions对话框，切换到ExpertMode模式，在其中输入以下语句： 本文来自织梦

　　ypbyte=this.getBytestotal();//获取动画文件的字节数

copyright dedecms

　　ypkb=Math.round(ypbyte/1024);//将字节数转化为KB作单位。

dedecms.com

　　在第2帧按F6键插入要害帧，然后加上如下语句：

本文来自织梦

　　loadbyte=this.getBytesloaded();//获取已下载的字节数。

　　bfb=Math.round((loadbyte/ypbyte)*100);//通过四舍五入法取得百分比的数值。

织梦好，好织梦

　　changfangxing._xscale=bfb;//让长方形的横向缩放值和百分比值相同，这样长方形就会动态改变。 dedecms.com

　　最后在第3帧插入要害帧，并且加上如下语句： copyright dedecms

　　if(bfb<100){ 织梦好，好织梦

　　gotoAndPlay("等待画面",2); copyright dedecms

　　}else{

本文来自织梦

　　gotoAndPlay("主体动画",1); 本文来自织梦

　　}//当百分比值小于100时，继续下载，反之开始播放动画。

　　5、在“主体动画”场景中，发挥自己的创意，制作动画。最后选择按“Control→TestMovie”(Ctrl Enter)测试动画，可能不会看到预期的效果，这是因为传输速度太快，一瞬间就传送完毕；此时在测试场景下选择“Debug→56K”，再选择“View→ShowStreeming”就可以看到效果，这是通过模拟网络速度为56K，动画的下载情况的动态显示，假如将动画上传到网络上就可以直接看到实际的效果。注重：刚才这一步很重要，否则就看不到效果，到时可不要说我骗人啊！呵呵…… 本文来自织梦

　　再度深入

织梦好，好织梦

　　1、假如不想等待画面上有太多的信息，下面的语句也可以很简单的实现Loading效果。

看完这篇，您有何感觉呢？