养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎么利用Flash制作进度条

时间:2024-11-15 17:48:17

进度条通常用于直观的标识糙怍牢莱事件完成情况,尤其在程序安装界面中,利用进度条可直观反应出程序完成进行情况。下面小编就用Flash给大家制作一个显示视频加载进度的进度条,来模拟实际文件加载情况。

怎么利用Flash制作进度条

方法/步骤

1、新建一Flash3.0空白文档,点略居承柘击“插入”→“新建元件”,在弹出的“新建元件”窗口中输入名称“进度条背景”,从“类型”下拉列表中选择“影片剪辑”,并点击“确定”按钮。

怎么利用Flash制作进度条

怎么利用Flash制作进度条

2、选择“工具栏”中的“矩形工具”,并在绘图区域制作一个进度条背景矩形,同时将边框和填充设置为同一种颜色,打开“属性”窗口,适当增大“笔触”数值。

怎么利用Flash制作进度条

怎么利用Flash制作进度条

3、然后再新建一个影片剪辑,命名为“进度条显示”。

怎么利用Flash制作进度条

4、从“工具栏”中选择“矩形工具”,并在绘图区域绘制一个矩形,填充为一种渐变色,同时将进度显示条的左端移动到中心点上(这一步非常重要),效果如图:

怎么利用Flash制作进度条

怎么利用Flash制作进度条

怎么利用Flash制作进度条

5、返回主场景,将两个影片剪辑从“库”中拖动到主场景中,并摆好位置:

怎么利用Flash制作进度条

6、选择“工具栏”中的“任意变形工具”按钮,选择“进度条背景”影片剪辑,记下此时该影片剪辑的长度,如图其长度为“477”。

怎么利用Flash制作进度条

7、确保在选中“进度条显示”影片剪辑情况下,切换至“属性”面板,将该实例命名为“DispProcess”。

怎么利用Flash制作进度条

8、创建一个名为“Action”的新图层,按下键盘上的“F9”打开“动作”面板,在“Action”图层第一帧输入命令“this.DispProcess.width=0;”。

怎么利用Flash制作进度条

9、接着在“Action”图层第3帧输入以下代码佼沣族昀:this.DispProcess.width=this.DispProcess.width+5;if(墉掠载牿this.DispProcess.width>476){ this.DispProcess.width=476;}this.gotoAndPlay(2);

怎么利用Flash制作进度条

10、然后在“图层1”的第3帧右击,选择”插入帧“项以延续进度条显示。

怎么利用Flash制作进度条

11、最后就可以按下“Ctrl+Enter”组合键来测试动画效果啦。

怎么利用Flash制作进度条

怎么利用Flash制作进度条

© 一点知识