返回首页

在FLASH中制作预加载进度条

时间:2010-07-11 16:17来源:知行网www.zhixing123.cn 编辑:麦田守望者

刚开始学习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;
}

 

------分隔线----------------------------
标签(Tag):FLASH FLASH实例教程 flash教程 flash实例
------分隔线----------------------------
推荐内容
猜你感兴趣