当前位置:首页>>平面设计教程>>Flash教程>>正文

进度条 - 步骤教程

文章出处:设计前沿网上收集 作者:未知 发布时间:2005-08-02 收藏到QQ书签

1。首先在场景上画上一个长条状的进度条


按此在新窗口浏览图片

2。选取这个进度条之后按 F8 把它转换成Movieclip影片,记得“注册点”必须在左边


按此在新窗口浏览图片

3。转换成影片之后设定实例名 loader ,再来编辑这个影片

4。制作100个帧的的进度,然后增加一个图层并增加一个停止播放的指令


按此在新窗口浏览图片

5。回到场景,在第一帧输入以下代码


按此在新窗口浏览图片

6。在第二帧开始加入你们的动画或其他课件,最后按两次 ctrl+enter 测试




指令解说

stop(); 主要是停止一开始的播放,进行载入后才开始播放

onEnterFrame = function() {  循环事件,让指定的指令不断循环

}

var percent  定义一个变量以储存载入的进度

_root.getBytesLoaded()  _root代表场景,getBytesLoaded取得载入的Bytes。也就是载入场景的文件大小

_root.getBytesTotal()  取得场景的总文件大小

_root.getBytesLoaded()/_root.getBytesTotal() * 100  就是求出百分比,比如此swf文件的总文件大小为 150kb,目前载入了 75kb。那么 75/150 = 0.5 * 100 = 50%

int 为整数,因为 80/150*100 = 53.333333 这样虽然会比较准确,但我们的进度条帧数只有整数。

也就是一直循环这样计算出载入的百分比后储存到 percent 这个变量中

loader.gotoAndStop(percent) 指定loader进度条停留在所计算出来的数目中

if(percent >= 100) 判断百分比是否为100了,如果为100就进行 {  }  中的指令

delete this.onEnterFrame; 这句是删除循环事件,因为载入已经百分之百了就没有必要继续循环下去

play(); 因为已经载入完毕就让整个影片开始播放了

以上是指令分解部分的解说,不管得到什么源文件,最重要的是把代码分开了解。这样遇到不会的就可以查看帮助文档的解释,而不是连找都不找就来提问。这样你永远无法自我克服问题



Google