http...">
论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

载入提示画面(3)

文章类别:Flash | 发表日期:2008-9-21 20:11:35

   ※闪吧※<a target=_blank href=http://www.flash8.net<img src=../img/flash/20089212072585577801.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(影像片段):                                     

图层名称--framecolor(影格数: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-netloadtextfieldactions:                                     

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=../img/flash/20089212072585577801.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(影像片段):                                     

图层名称--framecolor(影格数: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-netloadtextfieldactions:                                     

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) 人气:2523
下一篇:{教程}开启Java视窗 人气:2157
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程