注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Flash >> 制作技巧 >> 网页设计正文

Flash进度条的制作个人详细讲解组图

文章来源:flash8 作者:时尚 更新时间:2008-4-4 16:26:43 【 】 【加入收藏
  进入网络咨询平台

  在论坛和其他网站上经常可以看到新手请教如何制作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插入普通帧。下图↓

4、选中“进度条”层,选择文本工具“A”,在舞台合适的位置加入一个动态文本框(文本框是动态的写入程序运算后的百分比结果的),在属性面板上设置文本类型:动态文本,字体:Arial 变量名:loadtxt,单行,字体大小颜色自定义。请看下图:


五、按钮层--添加播放按钮

1、在“按钮层”第6帧按(F7)插入一个空白关键帧,选择窗口菜单下公用库,打开按钮库,托出一个自己喜欢的播放按钮,摆放到舞台合适位置并调整大小。有时间可以自己做一个和你的作品风格统一的按钮。

2、选中舞台上的按钮元件:窗口--动作(F9)打开动作面板,给按钮加上下面的代码:

on (release) {//释放按钮
gotoAndPlay("场景 1", 7);//跳转并播放场景1的第7帧

选中舞台上的按扭元件,打开动画板面,快捷键F9 添加代码。

六、动画层--放置动画MC

现在loading就能用了,但为了让等待画面好看可以在“动画层”加入动画MC。我们可以自己做一个动画的MC,或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”,放到合适的位置,也可以自己去创意。

七 、测试保存。Ctrl+Enter 测试影片

不知道你们学会了没,如果还看不懂,请登入网站给我留言:http://space.flash8.net/space/?748321 或者QQ联系我:330717849  我将为您解答不懂的地方。

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS实例教程:简单的loading
     Flash实例教程:烛光动画特效
     Flash实例:打造佛光效果
     Fireworks教程:绘制精致的跑车
     Fireworks教程:不同切角效果
     Fireworks教程:制作韩国女包
     Fireworks教程:简单制作渐隐线
     Web标准应用之腾讯QQ首页改版
     比较文档位置
     32个典型的以分栏/网格为基础的网站
    最 新 推 荐
     flash中容易忽视的一个小地方
     鼠标超链接上不停抖动的解决方法
     Flash进度条的制作个人详细讲解组图
     flash制作中涉及到的叠加问题
     全Flash动画网站的实现详细教程
     向网页中插入透明Flash的方法和技巧
     巧妙去除Flash动画在线播放限制
     将Photoshop创建的位图导入Flash MX
     网页中插入透明Flash的方法和技巧
     让flash占满整个网页且flash总是居中
    相 关 文 章

    Flash AS实例教程:简单的loading
    Flash实例教程:烛光动画特效
    Flash实例:打造佛光效果
    flash中容易忽视的一个小地方
    flash制作中涉及到的叠加问题
    Flash AS教程:decorator Pattern
    Flash AS教程:复制粘贴类
    Flash教程:彻底学习RadioButton组件
    Flash AS3教程:动态文本滚动条
    Flash教程:制作随机画圆弧动画

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用