AS3基础教程-第41课-mp3播放器(6)

1、将40.fla文件复制一份，重命名为41.fla，用flashCS6打开它

2、首先，需要绘制一个进度条。可参考音乐播放器的播放界面，仿照着绘制。

如下图，是千千静听播放器的画面

故需绘制三部分：

一个是横向的长条，另一个是播放头，第三个就是播放了的填色

为了降低难度，我们去掉播放头，只绘制两部分即可

3、首先，绘制横向长条，其充当总时间的。

新建一个图层，命名为进度条_背景

然后，用矩形工具，按照下图设置属性，在舞台上绘制一个长条，充当背景。

绘制完毕后，用选择工具单击选中，将其转换为影片剪辑元件，并设定实例名为jdt_bg_mc

4、然后，绘制填色部分。当进度到达100%的时候，填色应当恰好与背景重合。故此，填色部分应该与背景的外形完全一样。

因此，直接在 进度条_背景 图层上点右键，选择 复制图层，就会自动生成一个新的图层，将图层名给重命名为 进度条_填充

然后用选择工具单击它选中，在属性面板内，设置实例名为jdt_tc_mc

并按照下图设置其颜色

5、接下来，就可以修改代码了。

首先，需要先定义一个变量，用于存储百分比的：

var bfb:Number=0

说明：百分比这个数字会出现小数，所以必须设置为Number类型

本行代码需要写在 进入帧的外部

6、然后，在 进入帧 的内部，对这个百分比数字进行赋值：

//进度条部分：

bfb=dqtime/ztime

接下来，只要将这个bfb与舞台上的新增两个影片剪辑联系起来即可：

jdt_tc_mc.width=bfb*jdt_bg_mc.width

这里，用到了 显示对象 类 的width属性，就是 宽度 的意思

7、测试影片，我们的目的已经达到。

8、大家可以使用相同的思路，制作那个“播放头”。

篇幅所限，留待下节课再给出