Flash AS 2.0实例教程:加载进度条之一遮罩进度

2016-01-29 12:18 108 1 收藏

Flash AS 2.0实例教程:加载进度条之一遮罩进度,本例讲解运用Flash AS 2.0代码实现加载进度条效果,本教程讲解的是进度条中遮罩进度的制作方法,对于比较大的文件很有用,希望朋友们喜欢~~

【 tulaoshi.com - Flash 】

本文由 中国 新生上路 原创,转载请保留此信息!

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

在学习中遇到问题请到 论坛 发贴交流!

更多相关教程:http://www.jcwcn.com/portal-topic-topicid-1.html

先来看下效果:

只能放一次哦 如果用swf文件打开后再按一次ctrl + enter健哈

这种效果很有用哦 对比较大的文件很有帮助 希望大家都能学会

第一步:新建一flash文件,大小自己设置
第二部:新建一影片剪辑元件,画出一矩形,是矩形左上角与元件中心对其如图

第三步:回到主场景中,画出你想要被遮罩的图形,我写的是我网名,这个自己设置如图
第四步:新建一图层,把矩形元件拖到主场景中,使其与你图层一中的图形完全重合,把此矩形的长度和宽度改为和你图形的长度宽度一致,单击此矩形,设置其实例名称为loadmcb
第五步:单击图层一的第一帧,打开动作面板 输入如下代码

代码:

stop();
_root.onEnterFrame = function() {
_root.loadb.text = Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100*100)/100;
_root.loadb.text += "%";
_root.loadmcb._xscale = (_root.getBytesLoaded()/_root.getBytesTotal())*100;
if (_root.getBytesLoaded() == _root.getBytesTotal()) {
_root.nextFrame();
}
};

代码不难理解

[next]

第六步:点击左边工具栏的文本工具,在下面属性面板中设置其为动态文本,设置如图

然后在舞台合适的位置单击一下,这个动态文本将会输出加载的百分数,单击后会出现一文本框,再单击选择工具,选中该文本框,在属性面板中设置其实例名称为loadb

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

第七步:选择文件》导入导入一段音乐文件或者任何视频文件 越大效果越好 但也不能太大 导入到库面板中
第八步:新建一图层三,在图层三的第二帧中插入一个空白关键帧,然后把刚才导入的东西放到第二帧中,并往后插入帧知道音轨消失如图
第九步:单击图层二右键选择遮罩,这时应该就没问题了哈 最后帧如图

最后测试影片 这时你会发现看不到效果,而是直接进入第二帧开始了 ,请再次按下crtl+enter健,这时就会看到你可爱的进度条了哈 如果次swf文件放在网上会直接出现进度条 加载完成后才会开始播放第二帧

对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=239540

来源:https://www.tulaoshi.com/n/20160129/1485465.html

延伸阅读
标签: flash教程
1。首先在场景上画上一个长条状的进度条 2。选取这个进度条之后按 F8 把它转换成Movieclip影片,记得“注册点”必须在左边 3。转换成影片之后设定实例名 loader ,再来编辑这个影片 4。制作100个帧的的进度,然后增加一个图层并增加一个停止播放的指令 5。回到场景,在第一帧输入以下代码 6。在第二帧开始加入你们的...
加载外部文件的进度条(看帮助文档整理),只适合那些不愿看帮助文档的新手。我只不过加了一些注释。 为加载图像文件或 SWF 文件创建进度条 创建一个名为 loadImage.fla 的新 Flash 文档。 选择"修改""文档",在宽度文本框中键入 700,在高度文本框中键入 500,从而更改文档的尺寸。 在时间轴中选择第 1 帧,然后在"动作"面板中键入下面的代...
位图进度条 作者:徐云飞 下载本文示例源代码 图一 例子效果 玩过破天的朋友知道,游戏更新时进度是用位图表示的,我觉的挺漂亮的,于是自己动手做了一个类来实现那种效果。 这个类的名字叫CBmpProgCtrl,继承于CStatic,使用方法如下。 1、首...
标签: Web开发
在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库 由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好? 为何不用ajax作一个进度条呢? 分两步完成此需求: 一:写一个简单的ajax,实现最简单的进度条功能。 二:把此进...
标签: FLASH flash教程
加载外部文件的进度条 (看帮助文档整理),只适合那些不愿看帮助文档的新手。我只不过加了一些注释。 为加载图像文件或 SWF 文件创建进度条 创建一个名为 loadImage.fla 的新 Flash 文档。 选择"修改""文档",在宽度文本框中键入 700,在高度文本框中键入 500,从而更改文档的尺寸。 在时间轴中选择第 1 帧,然后在...

经验教程

613

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部