Flash打造美女影片指导进度条

最新推荐文章于 2019-06-11 16:16:24 发布

最新推荐文章于 2019-06-11 16:16:24 发布 · 154 阅读

文章标签：

#Flash #J# #HTML

flash技术专栏收录该内容

55 篇文章

订阅专栏

本文介绍如何使用Flash创建一个带有进度条的加载动画。首先准备一张图片并导入到舞台上，通过调整透明度和帧数来实现渐显效果。接着利用遮罩技术制作进度条，并通过ActionScript代码动态更新进度百分比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们制作一个好看的影片导入进度条。
　　先看效果。
[img]/Files/BeyondPic/2007-6/5/20070603234254_01.gif[/img]
　　准备一幅图片：
[img]/Files/BeyondPic/2007-6/5/20070603234504_02.jpg[/img]
　　然后导入到舞台，用鼠标选中该图，然后打开对齐面板，设置如下。
[img]/Files/BeyondPic/2007-6/5/20070603234736_02.gif[/img]
　　然后按F8转换为电影剪辑元件，名字为picture_inside_mc。然后按Ctrl+J修改文档属性。
[img]/Files/BeyondPic/2007-6/5/20070603234955_03.gif[/img]
　　然后按Ctrl+F8建立一个picture_mc的影片剪辑元件，开始编辑该影片剪辑元件，把图片(picture_inside_mc)的Alpha值设置为35%。然后把帧延伸到100帧。然后再建立一个层，把picture_inside_mc在放到该图层，延伸到100帧，然后再建立一个层制作一个黑色矩形图片元件，使它从左向右移动正好盖住picture_inside_mc的图形，然后制作遮照，最后再建立一个图层，制作进度条文字显示。
[img]/Files/BeyondPic/2007-6/5/20070603235935_04.gif[/img]
　　进度条文字设置如下。
[img]/Files/BeyondPic/2007-6/5/20070604000031_05.gif[/img]
　　然后在主场景中设置两个图层，下面的图层放picture_mc影片剪辑元件，并且给第一帧加上Action，上面图层，第一帧是空白关键帧，第2帧添加同样的Action：
stop();
　　然后选择picture_mc影片剪辑元件，打开动作面板，添加如下Action。
onClipEvent (load) {
total = _root.getBytesTotal();
} onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
本文转自：http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2072.html