载入提示画面(3) 教程闪吧 Flash8 Flash MTV 闪客动画源文件教材动漫音效矢量软件字库排行榜源码

本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2004-12-09 · 原址 http://www2.flash8.net/teach/263.htm ← Flash 保存计划

闪吧首页

教材区

Flash教学

初级操作

载入提示画面(3)

作者：pc-net 上传人：
时间: 2003年3月20 类型:

收藏发送评论 <%=votevote%>打印字体选择: 大中小

制作动画载入提示有许多不同的方式，端看个人喜爱的不同，这里再向各位介绍一种有百分比显示的动画载入提示画面的做法。

                     FLASH 4 : 载入提示画面(3)

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="300" height="200"> http://www.flash8.net/file/Tutorials1/1015/10/10.swf";> http://www.flash8.net/file/Tutorials1/1015/10/10.swf"; quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="300" height="200">

※闪吧※<a target=_blank href=http://www.flash8.net<img src=images/small/download.gif border=0 align=absMiddle height=16 width=16> <a href="www.flash8.net" TARGET=_blank>[ 点击下载 ]</a></a>]

延续前两篇:"载入提示画面(1)"，"载入提示画面(2)"，此篇将整合文字栏位百分比显示的做法!

http://www.flash8.net/file/Tutorials1/1015/10/line0.gif"; width="260" height="240">

影片大小: 300px X 200px

http://www.flash8.net/file/Tutorials1/1015/10/line1.gif"; width="400" height="241">

元件名称--color(图像):

做一个渐层颜色的长条图状。

http://www.flash8.net/file/Tutorials1/1015/10/line2.gif"; width="400" height="240">

元件名称--load(影像片段):

图层名称--frame、color(影格数:100):

frame图层:灰底黑边的矩形

color图层:图库中的color元件 http://www.flash8.net/file/Tutorials1/1015/10/line3.gif"; width="399" height="240"> 在color图层的影格上做缩放的移动渐变。 http://www.flash8.net/file/Tutorials1/1015/10/line4.gif"; width="380" height="360"> 场景1:
图层名称--pc-net、load、textfield、actions:

pc-net图层:主动画内容(旋转的PC-NET文字动画)

load图层:载入提示动画内容(load元件)

textfield图层:文字栏位及载入进度的提示语

actions图层:编辑动作指令

制作动画一般都是从第1影格开始，所以我们先将整段主动画往後挪移4格影格，变成从第5影格开始播放，参考左图pc-net图层。在第5影格处，设定标签 start，在最後一个影格处设定标签lastframe。 http://www.flash8.net/file/Tutorials1/1015/10/line5.gif"; width="380" height="360"> 在load图层上，从图库将load元件拉至场景中，并命名元件实体名称:loader。

在textfield图层上，於场景中输入一段"载入中，请稍後..."的提示语和"%"符号，以及加入一个文字栏位，栏位内容输入"0"，如上图所示。文字栏位的内容如下图所示。文字栏位的做法可参考文章:"密码登入"。
在第一个影格处设定标签load，然後於第3个影格上插入关键影格，将标签load 改成 ok，"载入中，请稍後..."的提示语改成"载入完毕!"，如左图所示。

以上4个标签设定好之後，接下来就剩下动作指令了。 http://www.flash8.net/file/Tutorials1/1015/10/line6.gif"; width="325" height="340"> 左图为文字栏位内容设定，变数名称取名为:TextField。 http://www.flash8.net/file/Tutorials1/1015/10/line7.gif"; width="480" height="200"> 左图为actions图层第1影格的动作指令内容。 actions图层第1影格动作指令如下:

设定变数:                                       "TextField" = int((_framesloaded / _totalframes                                       )*100)
                                       开始告知目标                                                                              ("/loader")
                                         前往并停止                                                                              (/:TextField)
                                       结束告知目标
                                      如果影格已载入                                        ("lastframe")
                                         前往并播放                                                                              ("ok")
                                       结束影格已经载入

actions图层第2影格动作指令如下:

前往并播放 ("load")

actions图层最後1格影格动作指令如下:

前往并播放 ("start")　

备注:
                                      TextField : 文字栏位变数名称
                                                                             int : 转换为整数
                                      _framesloaded                                       : 影格已载入
                                      _totalframes                                       : 总影格数
                                      (_framesloaded                                       / _totalframes )*100                                       :                                       将总影格数分成100个等份
                                      /:TextField                                       : 取用TextField栏位变数　

http://www.flash8.net/file/Tutorials1/1015/10/line8.gif"; width="520" height="510">

http://www.flash8.net/file/Tutorials1/1015/10/line9.gif"; width="185" height="140">

测试动画载入提示画面:

按下Ctrl+Enter测试影片，开启频宽设定(Ctrl+B)，开启显示序列(Ctrl+Enter)，提示画面的长条图将逐渐向右拉长，而文字栏位内的数字也会跟着随着载入进度而跳动，直到所有影格皆已载入完毕後，如上图和左图所示，则场景中会播放主动画旋转的PC-NET文字动画。

测试完毕!

这样的制作方式，是不是比前两篇的制作方式来的好多了呢??                                                                                                                                                                                                                                                                     下一课：http://www.flash8.net/file/Tutorials1/1015/9.htm";>酷炫的线性鼠标
※闪吧※<a target=_blank href=http://www.flash8.net<img src=images/small/download.gif border=0 align=absMiddle height=16 width=16> <a href="www.flash8.net" TARGET=_blank>[ 点击下载 ]</a></a>]                         FLASH 4 : 载入提示画面(3)

                                                                                                                                                                                                                                                                                                                                                                 http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="300" height="200">                                        http://www.flash8.net/file/Tutorials1/1015/10/10.swf";>                                                                                http://www.flash8.net/file/Tutorials1/1015/10/10.swf"; quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="300" height="200">

制作动画载入提示有许多不同的方式，端看个人喜爱的不同，这里再向各位介绍一种有百分比显示的动画载入提示画面的做法。

延续前两篇:"载入提示画面(1)"，"载入提示画面(2)"，此篇将整合文字栏位百分比显示的做法!

http://www.flash8.net/file/Tutorials1/1015/10/line0.gif"; width="260" height="240">

影片大小: 300px X 200px

http://www.flash8.net/file/Tutorials1/1015/10/line1.gif"; width="400" height="241">

元件名称--color(图像):

做一个渐层颜色的长条图状。

http://www.flash8.net/file/Tutorials1/1015/10/line2.gif"; width="400" height="240">

元件名称--load(影像片段):

图层名称--frame、color(影格数:100):

frame图层:灰底黑边的矩形

color图层:图库中的color元件 http://www.flash8.net/file/Tutorials1/1015/10/line3.gif"; width="399" height="240"> 在color图层的影格上做缩放的移动渐变。 http://www.flash8.net/file/Tutorials1/1015/10/line4.gif"; width="380" height="360"> 场景1:
图层名称--pc-net、load、textfield、actions:

pc-net图层:主动画内容(旋转的PC-NET文字动画)

load图层:载入提示动画内容(load元件)

textfield图层:文字栏位及载入进度的提示语

actions图层:编辑动作指令

制作动画一般都是从第1影格开始，所以我们先将整段主动画往後挪移4格影格，变成从第5影格开始播放，参考左图pc-net图层。在第5影格处，设定标签 start，在最後一个影格处设定标签lastframe。 http://www.flash8.net/file/Tutorials1/1015/10/line5.gif"; width="380" height="360"> 在load图层上，从图库将load元件拉至场景中，并命名元件实体名称:loader。

在textfield图层上，於场景中输入一段"载入中，请稍後..."的提示语和"%"符号，以及加入一个文字栏位，栏位内容输入"0"，如上图所示。文字栏位的内容如下图所示。文字栏位的做法可参考文章:"密码登入"。
在第一个影格处设定标签load，然後於第3个影格上插入关键影格，将标签load 改成 ok，"载入中，请稍後..."的提示语改成"载入完毕!"，如左图所示。

以上4个标签设定好之後，接下来就剩下动作指令了。 http://www.flash8.net/file/Tutorials1/1015/10/line6.gif"; width="325" height="340"> 左图为文字栏位内容设定，变数名称取名为:TextField。 http://www.flash8.net/file/Tutorials1/1015/10/line7.gif"; width="480" height="200"> 左图为actions图层第1影格的动作指令内容。 actions图层第1影格动作指令如下:

设定变数:                                       "TextField" = int((_framesloaded / _totalframes                                       )*100)
                                       开始告知目标                                                                              ("/loader")
                                         前往并停止                                                                              (/:TextField)
                                       结束告知目标
                                      如果影格已载入                                        ("lastframe")
                                         前往并播放                                                                              ("ok")
                                       结束影格已经载入

actions图层第2影格动作指令如下:

前往并播放 ("load")

actions图层最後1格影格动作指令如下:

前往并播放 ("start")　

备注:
                                      TextField : 文字栏位变数名称
                                                                             int : 转换为整数
                                      _framesloaded                                       : 影格已载入
                                      _totalframes                                       : 总影格数
                                      (_framesloaded                                       / _totalframes )*100                                       :                                       将总影格数分成100个等份
                                      /:TextField                                       : 取用TextField栏位变数　

http://www.flash8.net/file/Tutorials1/1015/10/line8.gif"; width="520" height="510">

http://www.flash8.net/file/Tutorials1/1015/10/line9.gif"; width="185" height="140">

测试动画载入提示画面:

按下Ctrl+Enter测试影片，开启频宽设定(Ctrl+B)，开启显示序列(Ctrl+Enter)，提示画面的长条图将逐渐向右拉长，而文字栏位内的数字也会跟着随着载入进度而跳动，直到所有影格皆已载入完毕後，如上图和左图所示，则场景中会播放主动画旋转的PC-NET文字动画。

测试完毕!

这样的制作方式，是不是比前两篇的制作方式来的好多了呢?? 下一课：http://www.flash8.net/file/Tutorials1/1015/9.htm";>酷炫的线性鼠标

责任编辑:古墓

上一篇: 酷炫的线性鼠标下一篇: 载入提示画面(2)

熟悉界面、工具、面板

ae系列教程-AE界面与工具

第五节绘图工具的使用（一）

勾线填色篇

制作一个Flash的填色游戏

基础鼠绘教程(简单工具的使用)

Flash动态填色本

渐变工具的巧用

PS自定义形状工具快速制作邮票

钢笔工具精确抠图-玛雅系列教程

用路径工具勾图、去底的方法技巧

谈谈Extract抠图工具技巧