Flash AS 实例进阶 FLASH载入等待 Loading效果
源文件下载;;;(依次命名为1.part1.rar;1.part2.rar;1.part3.rar,,即可正常解压。)
基本思路
①令影片开始处于等待状态
② 检测影片的总长度和下载的长度,并时刻进行比较,当下载完全部或大部后开始播放。
③在影片下载过程中可以有多种辅助的显示形式,如进度条,下载比例,下载字节数,或各种表示下载中的 MC 。
新知识点
MovieClip.getBytesLoaded();//方法;
返回已为 my_mc 指定的影片剪辑加载(流处理)的字节数。您可以将此值与 返回的值进行比较以确定已加载影片剪辑的百分比。
MovieClip.getBytesTotal()// 方法;
以字节为单位返回 my_mc 指定的影片剪辑的大小。对于那些外部的影片剪辑(加载到某个目标或某个级别的根 SWF 文件或影片剪辑),返回值为 SWF 文件的大小。
实例说明
① 一个有播放图标的 MC 写入 Loading 和 play 脚本。
②一个命名为“ xianshi ”的 MC 嵌套若干用于辅助显示的元件,此实例有进度条、动态文本、和一个有帧帧动画的 MC 。
③以上两个 MC 单独放在一个图层的第 1 帧,第 2 帧加空白关键帧,或将该图层的从第 2 帧起以后的帧完全删除。
编写动作脚本
①在播放图标的 MC 上输入
onClipEvent (load) {
_root.s();
this._visible = 0;
}
onClipEvent (enterFrame) {// 影片剪辑与帧频同步触发以下动作
load = int(_root.getBytesLoaded()/_root.getBytesTotal()100);// 计算下载字节数的百分比
_root.xianshi.shuzi = " 已下载 "+load+"%"; // 动态显示下载进度
_root.xianshi.jindutiao._width = 2load;// 进度条总长 200 像素,所以百分数乘2
if (_root.getBytesLoaded() == _root.getBytesTotal()) { // 下载的字节数等于文件的字节数时执行后面命令了。
this._visible = 1;
_root.xianshi._visible = 0;
}
}
on (release) {
_root.play();
}
要点分析
① Loading 的核心就是 _root.getBytesLoaded() 和 _root.getBytesTotal() 的比较, 这个实例是 _root.getBytesLoaded() == _root.getBytesTotal() ,即下载 100%SWF 文件, 其实根据网速,可以调整到下载大部分后就可以开始播放,余下部分是在播放过程中继续下载,如 _root.getBytesLoaded() >_root.getBytesTotal()80/100 , 这样可以减少下载等待时间又可保证播放的连贯性。
②在本地机上测试 Loading 的方法是键入【 Ctrl+Enter 】或执行【控制】 - 【测试影片】,待影片开始播放后,再键入【 Ctrl+Enter 】或执行【视图】 - 【模拟下载】。
小结
通过网络 观看比较长的 swf 影片, Loading 是必不可少的,只要掌握了原理,可以设计各种有特色的下载画面,不光能消除等待的烦恼还可以给人以艺术性和欣赏性 体验。
到这里,我和大家已经登到了“楼顶”,今后由随意带领我们随意在蓝天上飞喽。
课后练习
发挥各自的想象力,制作出漂亮的“楼顶”。
平面设计师
- 平面设计图怎么画 小学生画平面图
- 平面设计内容怎么写 平面设计的求职意向怎么写
- 平面设计图手绘 平面设计图手绘家具
- 平面设计多久能出师 平面设计要多久
- 女生做ui设计师有多累 女生为什么学ui的人很惨
- 哪里有学平面设计的学校 想学平面设计去哪里学
- 初学平面设计用哪个软件 平面设计初学者必备的
- 0基础学平面设计要多久 0基础自学平面设计
- 平面设计手绘培训 平面设计师培训班学费多少钱
- ui工作好找工作吗 ui好不好找工作
- 女生学室内设计吃香吗
- ps平面设计自学教程 平面设计ps入门教程
- 平面设计基础知识大全 平面设计基本常识
- 平面设计基础教学视频 平面设计教学零基础入门
- 平面设计基础教学 平面设计基础教学平时作业
- ui设计主要是学什么 ui设计一般是学什么