第三节 动画预载的制作方法(2)

步骤2 添加第1帧的动作脚本语句

选中【action控制】图层的第1帧，在【动作】面板中设置动作脚本：

total = _root.getBytesTotal();

loaded = _root.getBytesLoaded();

load = int(loaded/total*100);

loadtxt = "loading"+load+"%";

_root.进度条.gotoAndStop(load);

以上程序代码的具体功能详细解释如下：

total = _root.getBytesTotal();// 将影片总字节数赋值给total变量。

利用“getBytesTotal()”函数能获取影片的总字节数。

loaded = _root.getBytesLoaded();// 将影片已经下载的字节数赋值给loaded变量。

利用“getBytesLoaded()”函数能获取影片已经下载的字节数。

load = int(loaded/total*100); // 取整计算已下载的百分比并赋值给变量load。

利用“int（）”函数能将括号里面的数值四舍五入为整数，“loaded/total*100”是“影片已经下载的字节数”除以“影片的总字节数”再乘以“100”，也就是已经下载的百分比。

loadtxt = "loading"+load+"%";// 把已下载的百分比赋值给动态文本变量loadtxt。

“loadtxt”是我们下面要制作的一个动态文本框的变量名字，“=”号后面是它将要显示的内容，“"loading"”是“字符串”，将显示在动态文本的最前面，两个“+”在这里是“字符串连接符”，“load”是上条语句的变量名，它的值就是已经下载的百分比。

_root.进度条.gotoAndStop(load); //进度条影片剪辑按百分比的值跳转到相应的帧上。

“进度条”是我们下面要做的进度条的影片剪辑的实例名称。

步骤3 添加第6帧的动作脚本语句

选中【action控制】图层的第6帧，按F6键，插入一个关键帧。在【动作】面板中设置动作脚本：

if (loaded == total) {

gotoAndStop(6);

} else {

gotoAndPlay("play");

}

以上程序代码的具体功能详细解释如下：
if (loaded == total) {
    gotoAndStop(6);

如果影片已经下载的字节数和总字节数相等就跳转到6帧并停止。

注意这里是“==”，而不是“=”，不要输错，否则就不能起到动画预载的作用了。

} else {
gotoAndPlay("play");
}

否则跳转到标签名“play”的帧上，也就是继续下载的意思。

完成以上步骤后，可以先锁定【action控制】图层。

（4）完成进度条的动画内容

步骤1 创建进度条影片剪辑元件

新建一个名为“进度条”的影片剪辑元件。在这个元件的编辑场景中，创建一个进度条动画，这是一个渐变矩形从左向右慢慢拉长的动画，详见Flash源文件。动画完成的图层结构如图13-5-7所示。

图13-5-7创建动画的图层结构

步骤2 完成【进度条】图层的动画设置

切换到【动画预载】的场景，选中【进度条】图层的第1帧，将【库】中的“进度条”元件拖放到舞台的合适位置，在【属性】面板中定义这个元件的实例名称为“进度条”。

选中【进度条】图层的第6帧，按F5键，延长图层中的帧，完成后锁定【进度条】图层，如图13-5-8所示。

图13-5-8 图层结构

（5）创建显示百分比的动态文本和控制按钮

步骤1 创建动态文本

选中【百分比】图层的第1帧，用【文本工具】创建一个动态文本对象。选择这个动态文本对象，打开【属性】面板，在【变量】的文本框中输入“loadtxt”，相关参数设置如图13-5-9所示。

图13-5-9 动态文本设置

选中【百分比】图层的第6帧，按F5键，延长图层中的帧。

步骤2 添加播放按钮

选中【控制按钮】图层的第6帧，按F6键插入一个关键帧。将【库】面板中已经做好的“播放按钮”按钮元件，拖放到舞台的右下角合适的位置上。

单击选中舞台上的“播放按钮”按钮元件，打开【动作】面板，设置动作脚本语句：

on (release) {//按下并释放按钮时，执行以下的语句

gotoAndPlay("场景 1", 1); //跳转到场景1的第1帧并开始播放

}

这里的“场景1”是MTV的主动画的场景名称，如果是多场景动画应该是最先播放的动画场景的名称，在添加“播放按钮”的动作语句时，根据作品中的实际场景名称填写。在动画结尾如果要加上一个“返回按钮”，按钮的设置方法相同，只是跳转到相应的帧上即可。

这时的图层结构如图13-5-10所示。

图13-5-10 图层结构