用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash loading教程>列表

Flash进度条的制作详细讲解(组图)

[来源:闪无忧 | 作者:时ˉ尚 | 时间:2008-04-21 | 点击:  | 收藏本文  【 】]
在论坛和其他网站上经常可以看到新手请教如何制作FLASH进度条的问题,答案各式各样(有图片的稀少),讲的清楚,但是新手不懂怎么做,说了等于白讲,所以小弟在这为大家详细讲解FLASH进度条的制作。网上可找不到这么详细讲解哦,废话不多说,转入正题:

我们先来看看Loading

几乎所有优秀成熟的Flash作品都少不了Flash Loading的画面(也就是我们常说的Flash中的预载画面)。因为如果没有Actionscrip(以下简称AC)对整个动画作品进行控制的话,动画就会边下载边播放,严重地破坏作品欣赏的整体性。而制作一个好的预载画面,一来可以判断动画是否下载完全;二来可以让浏览者在等待中得以欣赏,尤其是一个好的预载动画往往会给浏览者一种震撼。下面我们就来分析一下Loading动画的制作方法。

一、建一电影文件,点时间轴下的增加图层“+”按钮,建立4个图层, 从上到下分别命名为:action层、进度条层、按钮层、动画层。请看下图:

二、AC控制层--添加代码

1、选中action图层第一帧在属性面板<帧标签>处,写上"play"(加上帧标签play)选中action图层第一帧在属性面板<帧标签>处,写上"play"。




然后窗口--动作(F9) 打开动作面板。
// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);

然后窗口--动作(快捷键F9)打开动作面板输入代码,请看下图↓


然后选中action图层第6帧(F7)插入一个关空白关键帧。


复制下面的代码并粘贴。如果下载字节数=总字节数,跳转到6帧停止。

if (loaded == total) { 
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else

gotoAndPlay("play");
}

看下图:

三、创建进度条影片剪辑

1、(Ctrl+f8)插入--新建元件--行为为影片剪辑,命名为:“进度条”。 在这个MC上,建立了两层,分别为“边框线”、“填充色” 请看下图:

2、 在“边框线”层,选择矩形工具,边框及填充颜色自定义,画一个矩形,在属性面板设置:宽:300;高:24;X:-150,Y:-12。在100帧处F5插入普通帧。选中矩形里面的填充色(Ctrl+X)剪切,粘贴到“填充色”层第一帧(Ctrl+Shift+V)选择编辑菜单下的粘贴到当前位置,调整填充色颜色,在100帧处F6插入关键帧,选中第一帧创建“形状”动画,在第一帧将矩形宽改为:3。双击矩形框在属性面板把笔触调整为:2,颜色自定义。



←设置后的图

3、回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上,放到合适的位置。然后选中舞台中的“进度条”MC,在属性面板上写上实例名“进度条”。在第6帧按F5插入普通帧。下图↓

上一页12 下一页
文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:Flash基础理论课:制作Loading思路详解(附图)
下一篇:没有了
Tags:     Flash进度条的制作
>>> 最新评论:(共有 3 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·Flash进度条的制作详细讲解(组图
·Flash基础理论课:制作Loading思
·Flash打造美女影片指导进度条
·简单的flash播放进度控制条
·flash进度控制条
·即拷即用的loading代码
·详谈flash Loading教程
·使用flash组件对loading的影响及
·flash预加载进度条(preload)—
·flash预加载进度条preload——进
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flash打造简单的飘雪动画视觉特效
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flex 3 AdvancedDataGrid的使用(第二
·Flash旋转拖尾文字效果的制作教程
·超酷flash光晕移动效果
·flash春雷闪电效果
·Flash制作大雪纷飞效果动画
·即拷即用的loading代码
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号