FLASH下载

设为首页
繁體中文
闪客留言

 首页 | FLASH动画 | FLASH专辑 | FLASH短片 | FLASH游戏 | FLASH歌曲 | FLASH教程 | Flash播放器代码
您当前的位置:flash下载 -> FLASH教程 -> AS教程 -> 文章内容  
栏目导航 相关文章
· FLASH基础 · FLASH实例教程
· FLASH技巧 · AS教程
·[组图]Flash MX一步步跟我...
·[组图]Flash遮罩特效实例-...
·[组图]Flash遮罩特效实例-...
·FLASH游戏制作精选实...
·[组图]用Flash打造迷你Win...
·[图文]Flash8 Blendmode—...
·Flash9.0播放器
·[图文]Flash 5 绘制螺旋图...
·[图文]用 Flash 5 编程制作...
·[图文]动画理论与 Flash 制...


Flash 5 精确下载制作

作者:转载  来源:[闪客]  发布时间:2006-5-22 21:32:05  编辑人:[FLASH教程]

减小字体 增大字体


  以前我们曾经讲解过关于精确下载(Loading)的实现方法,现在,我们把这个实例带到 Flash 5 里面去,让我们来了解一下, Flash 5 里面的精确下载到底到了什么程度。请您先看这个动画,您也可以直接下载源代码学习。

  首先,我们复习一下做 Loading 的方法:在影片开始之前,我们做一个 Frame 循环,取得当前已经下载的帧数和总共的帧数比较,如果两者相等,那么就跳出循环,执行动画;否则继续循环取值,直到两者相等,这样就实现了。这种方法简单易行,但是有一个最大的缺点:它只能表示下载了多少帧,显示的百分比其实并不是真正意义上的,因此, Flash 5 里面终于有了改进。

  在 Flash 5 里面,我们又有了多一些方法:getBytesLoaded() 和 getBytesTotal()。其中:getBytesLoaded()可以让我们得到已经下载的字节数,而getBytesTotal()则告诉我们该文件一共有多少字节。

  好了,我们可以轻易的开始了:

  上图就是 Loading 动画的时间线(TimeLine),从 loop 开始到 end 前面一帧就是整个循环,由 end 开始就是真正的动画影片了。

  loop 那里有一段最关键的脚本,是进行运算和显示用的,我们先把画面上出现的元素做一下介绍:

  其中,load_bar 是一个动画片断(MovieClip),它共有100帧,整个片断是一个从左到右填充的过程,我们可以通过这个来实现状态条的显示。

  下面,让我们看看 loop 的脚本是怎么写的:

byteloaded = _root.getBytesLoaded(); //取得目前下载字节bytetotal = _root.getBytesTotal(); //取得需要下载字节loaded = int(byteloaded /bytetotal * 100); //取得下载百分比t = getTimer (); //取得下载时间// Kpercent = loaded + "% ( " + int(byteloaded/1000) + " K / " + int(bytetotal/1000) + " K )";percent = percent + "\r下载速度:" + int(byteloaded/t * 100)/100 + " K/s";load_bar.gotoAndStop( loaded ); //跳到 load_bar 指定的位置停下 // Timetimeloaded = int(t/1000); //取得目前下载所用时间(秒)timeremain = int(timeloaded * (bytetotal- byteloaded) / byteloaded); //取得还需要时间timeremain = int(timeremain / 60) + "\'" + int(timeremain % 60) + "\"";timeloaded = int(timeloaded / 60) + "\'" + int(timeloaded % 60) + "\"";downloadtime = "已用时间:" + timeloaded + "\r" + "剩余时间:" + timeremain;

  其实就是很简单,不是么?我们在取得时间以后,通过计算就可以得到大概需要的总的时间:

已用时间 已下载字节
----------------=--------------------------
剩余时间 (总字节 - 已下载字节)

  这样,就可以得到需要的时间了。快尝试一下吧!

(完)

[] [返回上一页] [打 印]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [查看评论>>>]