FLASH模块个性进度条的制作.docVIP

前言： 一、进度条的意义：在网上发布了你的作品后，由于文件较大，下载速度慢，有些朋友看到一片空白，不耐烦等待，就离开了你的网页，甚至有的人以为你的FD模块地址失效了呢？为了吸引他，你就做一个进度条，让进度条先来接待他，让他知道，网页是正常的，只要稍等会儿就会显示。就如你到饭店吃饭，菜不可能马上烧出来，这时小姐会给你倒一杯茶，让你悠闲的等待一样。 二、进度条的原理：进度条主要是靠as代码来指挥的。你先制作一个进度条的影片剪辑，这个影片剪辑的长度为100帧，用形状补间动画把里面的填充色块逐帧扩大；而as代码的意义就是先计算出你的文件总的字节数大小，然后把下载的字节数转换成百分比数值，赋予给有关变量，从而使播放头跳到该帧，当下载数达到文件的总字节数时，播放头转到主动画，并且停止播放进度条影片剪辑。 三、添加进度条的二种情况：1、新制作动画影片时，你只要把进度条放在主场景的第一、二帧上，后面帧上再加主动画。当然相关的代码也要相应的变化。 好了废话不多说，我们现在开始一步一步的做吧 1.首先打开FLASH8.0 点文件---导入---导入到库；如下图 2.把刚才导入库中的图片拖到舞台中，调整宽和高让它相对于舞台，把图层一改为底图层 把底图层的第一帧拖到第三帧，在新建一个图层2改名为进度条。 选图层2按着键盘上的Ctrl + F8创建新元件名为进度条，如下图。 点击确定它会自动进到影片剪辑中4.进到影片剪辑中，用矩形工具画一个长条填充色为红色，笔触颜色随便，用选择工具框选中刚才画的 点对齐面板选中相对与舞台 ，然后点水平中齐；垂直中齐 如下图。 5.选择文字工具在上面写上自己喜欢的字，属性动态文本 ，如下图。6.回到场景1，点进度条把库中的进度条拖到舞台上 7.点刚才拖入舞台上的进度条，在下面输入实例名称为 bar 8.先锁定进度条层，在底图层第一帧用矩形工具画一个和进度条一样大小的长条，填充颜色白色如下图。 9.做好以后进度条层解锁，新建一个图层名称为动态文本，动态文本框是用来显示进度条的进展百分比，如：“100％”，选择文字工具在下面先写个100% 实例名称为 text1 ， 然后删掉框中的100%，删除键是Delete 如下图。 10.新建一层名为AS代码层，把进度条层和动态文本层的第二帧向下拉一条线，右键删除帧 11.如下图。 12.在代码层第一帧动作写下如下代码， 第一帧代码var yx:Number = this.getBytesLoaded();var z:Number = this.getBytesTotal();var b:Number=Math.round((yx/z)*100);text1.text =b+%;_root.bar._xscale=b; 13.在第二帧插入空白关键帧，动作里面写上如下代码， 第二帧代码if (yxz) { gotoAndPlay(1); } else { gotoAndPlay(3); } 14.第三帧插入空白关键帧，在动作里面输入代码 如下图。 好了测试看看吧！测试进度条的快捷键是 Ctrl + Enter 等模块出来再按一次才可以看到进度条。