常见的loading条制作方法,常见的loading条制作方法
【 tulaoshi.com - Flash 】
首先我们在制作一个东西的时候我们应该有明确的思路和目标,下面让我们来看看制作思路。
思路:计算出影片的总字节数和正在下载的字节数,将正在下载的字节数除以影片的总字节数并乘以100%获得百分比例,再将其得到的百分数来带动Loading条的滚动。
制作方法如下:
步骤1 打开FLASH,执行"文件---新建"命令或按下CTEL+N建,新建一个文件;
步骤2 利用文本工具绘制个文本框,选择此文本为动态文本设置其变量名为bfb(如图1);
图1
步骤3 Ctrl+F8我们来绘制一个MC(影片剪辑),命名为loading(如图2),在属性面板里命名实例名称为MC;
图2
[next]
步骤4 选择矩形工具绘制一个长条,填充颜色为无,边框颜色为黑色;
步骤5 新建立一个图层,复制第1个图层的矩形框并粘贴到新建的图层,位置不变,此时填充颜色为黄色(可以自己定义),边框颜色为无(如图3);
图3
步骤6 在第1层的第100帧出插入帧,第2层第100帧处插入关键帧;
步骤7 图层2中的loading条制作变形动画,首先在第1帧处设置其宽度为1,最后1帧宽度不变,在中间创建补间动画并在第1帧动作面板里加入stop():语句(如图4);
图4
[next]
步骤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);
图6
最后说明下 自认为做得很丑,但原理和方法是正确的。
来源:http://www.tulaoshi.com/n/20160129/1486905.html
看过《常见的loading条制作方法》的人还看了以下文章 更多>>