【图】常见的loading条制作方法 (1)

首先我们在制作一个东西的时候我们应该有明确的思路和目标，下面让我们来看看制作思路。

思路：计算出影片的总字节数和正在下载的字节数，将正在下载的字节数除以影片的总字节数并乘以100%获得百分比例，再将其得到的百分数来带动Loading条的滚动。

制作方法如下：

步骤1 打开FLASH,执行"文件---新建"命令或按下CTEL+N建,新建一个文件；

步骤2 利用文本工具绘制个文本框，选择此文本为动态文本设置其变量名为bfb（如图1）；

图1

步骤3 Ctrl+F8我们来绘制一个MC（影片剪辑），命名为loading（如图2），在属性面板里命名实例名称为MC；

图2

[1] 200806/13039_2.html'>[2] 200806/13039_3.html'>[3] 200806/13039_2.html'>下一页

步骤4 选择矩形工具绘制一图老师个长条，填充颜色为无，边框颜色为黑色；

步骤5 新建立一个图层，复制第1个图层的矩形框并粘贴到新建的图层，位置不变，此时填充颜色为黄色（可以自己定义），边框颜色为无（如图3）；

图3

步骤6 在第1层的第100帧出插入帧，第2层第100帧处插入关键帧；

步骤7 图层2中的loading条制作变形动画，首先在第1帧处设置其宽度为1，最后1帧宽度不变，在中间创建补间动画并在第1帧动作面板里加入stop（）:语句（如图4）；

图4

200806/13039.html'>上一页 200806/13039.html'>[1] [2] 200806/13039_3.html'>[3] 200806/13039_3.html'>下一页

步骤7 回到主场景，将名为loading的MC（影片剪辑），拖到主场景，并在第1层第3帧处插入普通帧，新建图层2同样第3帧处插入空白关键帧（如图5）；

图5

步骤8 在第2层的第2帧处加入如下代码：

[Copy to clipboard] [ - ]CODE:
yxz=_root.getBytesLoaded();//已下载BYTE数
zxz=_root.getBytesTotal();//总下载BYTE数
bfb=int(yxz/zxz*100)+"%";//计算下载百分比
mc.gotoAndStop(int(yxz/zxz*100));//下载到百分之几就播放MC的第几帧

步骤9 同样在第3帧处动作面板里加入如下代码：

[Copy to clipboard] [ - ]CODE:
if(yxz==zxz)
{
gotoAndPlay(4);

}
else
{
gotoAndPlay(1);

}

注意：此处目的在于判断已下载的字节数是否与影片总字节数BYTE是否相等，如果不等则继续loading。

步骤10 最好将动态文本框和Loading条摆放好位置就OK咯（如图6）；