日期:2013-12-03  浏览次数:20616 次

刚开始学习flash的人对flash中的进度条都充满了猎奇,经常有人问  进度条怎样编写的问题。
在这里,我对进度条的编写作了一些总结,希望对有需求的朋友有所协助,特别是那些初学者,希望他们在读完这篇文章后有所收获。当然,对那些高手来说未必没有一点用途,也许会有些不测收获哟。

留意:具体问题具体分析,并不保证所无情况下都适用

言归正传,从最简单的开始
所谓最简单的其实就是摆放那里的一个假的进度条,你可以作一个mc后者直接在贞里画,把它放在动画的最前面就行了,哈哈没想到吧,其实这种方法在晚期swf文件比较小的情况下,确实是个不错的选择,但随着flash技术的发展,以及swf文件体积的大增,这种方法基本上曾经被弃用。这里就当是一个小插曲让大家放松一下,其实做进度条没什么难的,接下来我们正是开始用as编写进度条。

首先我们来学习一下单一flash文件内部加载进度条的制造:

0,将要加载进度条的文件打开
1,将所有放置元件的的层在时间轴上的贞,向后移两贞(当然如果你没有做其他的动画,就直接插入两个关键贞就完了)
2,在第一贞处放置进度条元件,在这里我们是用一个名为preloader的mc(一个长方形的元件,记住注册点在左,或左上角);
3,在第一贞处添加代码

var amountLoaded:Number = _root.getBytesLoaded()/_root.getBytesTotal();
prelaoder._xscale = amountLoaded*100;//进度条的宽度

//当然你也可以在这里加一些动态文本之类的标示百分比什么的,在此不再赘述
4,在第二贞处加如下代码

if(_root.getBytesLoaded() == _root.getBytesTotal()){
        gotoAndPlay(3);//播放结束,继续后面动画
}else{
        gotoAndPlay(1);//播放未结束,继续回第一贞
}

到此,第一种用代码加载进度条的方法就完成了,很简单吧。

让我们继续往下讲,
第一种方法这么简单,为什么还要继续说别的方法呢?这里我们就要说到上一种方法的缺点了

问题出现了:如果在舞台上添加了组件或其他延展类(具体问题具体分析),前面的方法将不起作用。

处理办法:将组件连接属性中的第一贞导出取消,发布选项中选导出从第2贞,将组件放在第二贞(或有命名的贞)
并在第二贞加上stop();(留意 本文没有特别说明是所有脚本都是写在单独的as层,即写在贞上);

在第一贞加代码,

this.onEnterFrame = function(){
 var amount:Number = this.getBytesLoaded()/this.getBytesTotal()*100;
 preloader._xscale = amount;

if(amount == 100){
this.gotoAndPlay(2);//如果是命名的贞,则改成此贞
delete this.onEnterFrame;
}

}

好了,关于进度条的基础篇我们就说到这里