用flash制作进度条
- 格式：doc
- 大小：1.04 MB
- 文档页数：19
进度条设置
在论坛和其他网站上经常可以看到新手请教如何制作FLASH进度条的问题，答案各式各样(有图片的稀少)，讲的清楚，但是新手不懂怎么做，说了等于白讲，所以小弟在这为大家详细讲解FLASH进度条的制作。
网上可找不到这么详细讲解哦，废话不多说，转入正题：
我们先来看看Loading
几乎所有优秀成熟的Flash作品都少不了Flash Loading的画面（也就是我们常说的Flash中的预载画面）。
因为如果没有Actionscrip(以下简称AC)对整个动画作品进行控制的话，动画就会边下载边播放，严重地破坏作品欣赏的整体性。
而制作一个好的预载画面，一来可以判断动画是否下载完全；二来可以让浏览者在等待中得以欣赏，尤其是一个好的预载动画往往会给浏览者一种震撼。
下面我们就来分析一下Loading动画的制作方法。
一、建一电影文件，点时间轴下的增加图层“+”按钮，建立4个图层，从上到下分别命名为：action层、进度条层、按钮层、动画层。
请看下图：
制层--添
加代码
1、选中action图层第一帧在属性面板<帧标签>处，写上"play"（加上帧标签play）选中action 图层第一帧在属性面板<帧标签>处，写上
"play"。
然后窗口--动作（F9）打开动作面板。
// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);
然后窗口--动作（快捷键F9）打开动作面板输入代码，请看下图↓
然后选中action图层第6帧（F7）插入一个关空白关键帧。
复制下面的代码并粘贴。
如果下载字节数=总字节数，跳转到6帧停止。
if (loaded == total) {
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else
{
gotoAndPlay("play");
}
看下图：
三、创建进度条影片剪辑
1、（Ctrl+f8）插入--新建元件--行为为影片剪辑，命名为：“进度条”。
在这个MC上，建立了两层，分别为“边框线”、“填充色” 请看下图：
2、在“边框线”层，选择矩形工具，边框及填充颜色自定义，画一个矩形，在属性面板设置：宽：300；高：24；X：-150，Y：-12。
在100帧处F5插入普通帧。
选中矩形里面的填充色（Ctrl+X）剪切，粘贴到“填充色”层第一帧（Ctrl+Shift+V）选择编辑菜单下的粘贴到当前位置，调整填充色颜色，在100帧处F6插入关键帧，选中第一帧创建“形状”动画，在第一帧将矩形宽改为：3。
双击矩形框在属性面板把笔触调整为：2，颜色自定义。
←设置后的图
3、回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上，放到合适的位置。
然后选中舞台中的“进度条”MC，在属性面板上写上实例名“进度条”。
在第6帧按F5插入普通帧。
下图↓
4、选中“进度条”层，选择文本工具“A”，在舞台合适的位置加入一个动态文本框（文本框是动态的写入程序运算后的百分比结果的），在属性面板上设置文本类型：动态文本，字体：Arial 变量名：loadtxt，单行，字体大小颜色自定义。
请看下图：
五、按钮层--添加播放按钮
1、在“按钮层”第6帧按（F7）插入一个空白关键帧，选择窗口菜单下公用库，打开按钮库，托出一个自己喜欢的播放按钮，摆放到舞台合适位置并调整大小。
有时间可以自己做一个和你的作品风格统一的按钮。
2、选中舞台上的按钮元件：窗口--动作（F9）打开动作面板，给按钮加上下面的代码：
on (release) {//释放按钮
gotoAndPlay("场景 1", 7);//跳转并播放场景1的第7帧
}
选中舞台上的按扭元件，打开动画板面，快捷键F9 添加代码。
六、动画层--放置动画MC
现在loading就能用了，但为了让等待画面好看可以在“动画层”加入动画MC。
我们可以自己做一个动画的MC，或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”，放到合适的位置，也可以自己去创意。
七、测试保存。
Ctrl+Enter 测试影片
首先请打开您的FLASH8软件,然后找到你已经制作好的进度条文件,然后打开它.见下图:
打开来是不是一下闪过去,进度条的进度是不是看不见,这很正常,下面就来介绍让进度条的进度向前进.
点控制—测试影片.见下图:
上面有很多种下载速度,刚开始你打开下载设置它是56K(4.7KB/s)的速度进行下载,所以太快了,一下就闪过去了,从低速到高速,如
果喜欢,可以设置不同的速度进行测试进度,为什么我不是56K(4.7KB/s),而是DSL(32.6KB/s)的速度呢,因为我反复测试自己的进度,没设置回来,所以一打开就是我刚才测试的速度了.
然后你点设置完速度,你在点模拟下载,来测试下你刚才制作好的进度吧,请见下图:
然后就可以看见进度条的前进的进度了,见下图:
如果你制作好的进度条进到一半突然停在那不动,那可能是你内部出了问题,去看看代码或图层里的设置吧,以上如果都通过,那你的进度条可以在网站进行播放下载了,再提示个小窍门:你如果不想反复的制作进度条,可以先把这个进度条文件保存了,然后在重新打开这个进度条,然后直接在进度条的文件里进行编辑绘制动画,动画做好了就另存为,不要保存,不然你的进度条就会和动画连在一起,
以后就不能分开了,所以动画做好就另存为,这样进度条不会受到牵连,动画也不会和你唯一的进度条连在一起,以后打开就方便多了.。
