本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2004-12-09 · 原址 http://www2.flash8.net/teach/264.htm ← Flash 保存计划
 
载入提示画面(2)
作者：pc-net 上传人：  
时间: 2003年3月20  类型:   
收藏 发送 评论 <%=votevote%>打印 字体选择: 大 中 小
                                   制作动画载入提示有许多不同的方式，端看个人喜爱的不同，这里再向各位介绍一种稍为改良的动画载入提示画面的做法。                                                              
                     FLASH 4 : 载入提示画面(2)                                                                                                                                                                                                                                                                                                                                                                     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/11/11.swf";>                                                                                http://www.flash8.net/file/Tutorials1/1015/11/11.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)"，与此篇做比较!                                                                                                                                                               http://www.flash8.net/file/Tutorials1/1015/11/line0.gif"; width="262" height="240">                                  影片大小:                                     300px X 200px                                                                                                                                                               http://www.flash8.net/file/Tutorials1/1015/11/line1.gif"; width="378" height="242">                                  元件名称--load(影像片段):                                     

在场景中画一个渐层颜色长条矩形，将图形移至场景中右侧，让图形的最左端对齐中央点的十字中心位置，如左图所示。这是因为我们等一下要让此长条图以左侧为基准点向右延伸来表示下载进度!

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/11/line2.gif"; width="375" height="340">                                                                                                   场景1:
                                     图层名称--pc-net、load、actions:                                     

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

                                    

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

                                    

actions图层:编辑动作指令

                                    将整段主动画往後挪移2格影格，变成从第3影格开始播放，参考左图pc-net图层。在第3影格处，设定标签                                     start。                                     

在load图层上，从图库将load元件拉至场景中，并命名元件实体名称:loader，并且在场景中输入一段"载入中，请稍後..."的提示语，然後在第一个影格处设定标签load。                                     

以上2个标签设定好之後，接下来就剩下动作指令了。                                                                                                                                                                                                  http://www.flash8.net/file/Tutorials1/1015/11/line3.gif"; width="500" height="180">                                                                                                   上图为actions图层第1影格的动作指令内容。                                                                                                                                                               actions图层第1影格动作指令如下:                                     

如果                                                                              (_framesloaded >= _totalframes)
                                         前往并播放                                                                              ("start")
                                       否则
                                                                                设定内容                                                                              ("/loader"，X                                        缩放)                                       = (_framesloaded / _totalframes)*100
                                       结束如果                                     

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

前往并播放                                       ("load")                                       

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

前往并播放                                       ("start")                                       

                                    

　                                                                                                                                                                                                   _framesloaded                                     :                                       影格已载入
                                                                          _totalframes   :                                      总影格数
                                     (_framesloaded                                     / _totalframes)*100 :                                      将总影格数分成100个等份                                      

上述的语意是说:

                                    

如果已载入的影格数大於或等於总影格数，则跳至标签start影格播放(主动画开始处)，否则的话，计算当时已载入的影格数百分比，显示於长条图的缩放比上。继续下一个影格动作；此时到了第2影格的动作指令，指定前往标签load影格处播放，如此，在这2格影格(载入提示动画场景中)反覆循环播放，直到已载入的影格数大於或等於总影格数为止。

                                    

actions图层最後1格影格的动作指令，只是指定重复播放主动画而已。

                                                                                                                                                                                                 http://www.flash8.net/file/Tutorials1/1015/11/line4.gif"; width="423" height="435">                                                                                                   测试动画载入提示画面:                                                                           

按下Ctrl+Enter测试影片，开启频宽设定(Ctrl+B)，开启显示序列(Ctrl+Enter)，提示画面的长条图将逐渐向右拉长，直到长条图拉至最长时，也就是所有影格皆已载入完毕後，则场景中会播放主动画旋转的PC-NET文字动画。

                                    

测试完毕!

                                    

如上图所示。

                                    

这样的制作方式，大约可以知道动画载入的进度，只是不知道详细的确实数据而已!所以下一篇将改进这个缺失，加入显示数字百分比提示的做法...                                                                                                                                                                                                                                                                     下一课：http://www.flash8.net/file/Tutorials1/1015/10.htm";>载入提示画面(3)                                                                                                                       
责任编辑:古墓
上一篇: 载入提示画面(3) 下一篇: 载入提示画面(1)
 
熟悉界面、工具、面板
ae系列教程-AE界面与工具
第五节 绘图工具的使用（一）
基础鼠绘教程(简单工具的使用)
渐变工具的巧用
PS自定义形状工具快速制作邮票
钢笔工具精确抠图-玛雅系列教程
用路径工具勾图、去底的方法技巧
谈谈Extract抠图工具技巧
用Flash Mx动态画线工具创立实时3D
FCL组件库
动态时间延迟的实现