原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页设计 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 影楼模板· CG素材 · 素材求助
VIP素材区 · PS原创教程 · PS转载教程 · PS作品 · PS交流 · 思缘求图 · 数码暗房 · 设计欣赏 · 设计理论 · PSD素材 · 摄影交流 · 音画设计 · 思缘相册 · 思缘水库


 下载素材,加入VIP,享受更多权限
发新话题
打印

[基础教程] LOADING的简单做法。转载-中国技术论坛。

LOADING的简单做法。转载-中国技术论坛。

看了论坛上斑斑的那个做法。感觉没这个好。没这个简单明了。所以就发上来和大家分享了。如果觉的和斑斑的那个一样的话。或不好。可以删贴。


同样如果觉的好的朋友。请支持下。让更多和我们一样的菜鸟能看到。如果是高手觉的不错的话。也同样支持下。让更多的人看到。
如果觉的不好。你大可以离开。不用往下看。或开后直接离开



首先我们在制作一个东西的时候我们应该有明确的思路和目标,下面让我们来看看制作思路。
思路:计算出影片的总字节数和正在下载的字节数,将正在下载的字节数除以影片的总字节数并乘以100%获得百分比例,再将其得到的百分数来带动Loading条的滚动。
制作方法如下:
步骤1 打开FLASH,执行"文件---新建"命令或按下CTEL+N建,新建一个文件;
步骤2 利用文本工具绘制个文本框,选择此文本为动态文本设置其变量名为bfb(如图1);
步骤3 Ctrl+F8我们来绘制一个MC(影片剪辑),命名为loading(如图2),在属性面板里命名实例名称为MC;
步骤4 选择矩形工具绘制一个长条,填充颜色为无,边框颜色为黑色;
步骤5 新建立一个图层,复制第1个图层的矩形框并粘贴到新建的图层,位置不变,此时填充颜色为黄色(可以自己定义),边框颜色为无(如图3);
步骤6 在第1层的第100帧出插入帧,第2层第100帧处插入关键帧;
步骤7 图层2中的loading条制作变形动画,首先在第1帧处设置其宽度为1,最后1帧宽度不变,在中间创建补间动画并在第1帧动作面板里加入stop():语句(如图4);
步骤7 回到主场景,将名为loading的MC(影片剪辑),拖到主场景,并在第1层第3帧处插入普通帧,新建图层2同样第3帧处插入空白关键帧(如图5);
步骤8 在第2层的第2帧处加入如下代码:
yxz=_root.getBytesLoaded();//已下载BYTE数
zxz=_root.getBytesTotal();//总下载BYTE数
bfb=int(yxz/zxz*100)+"%";//计算下载百分比
mc.gotoAndStop(int(yxz/zxz*100));//下载到百分之几就播放MC的第几帧
步骤9 同样在第3帧处动作面板里加入如下代码:
if(yxz==zxz)
{
        gotoAndPlay(4);

}
else
{
        gotoAndPlay(1);

}
注意:此处目的在于判断已下载的字节数是否与影片总字节数BYTE是否相等,如果不等则继续loading。

最后说明下 自认为做得很丑,但原理和方法是正确的。

附件

图片1.jpg (19.42 KB)

2008-4-8 18:37

图片1.jpg

图片2.jpg (13.3 KB)

2008-4-8 18:37

图片2.jpg

图片3.jpg (27.17 KB)

2008-4-8 18:37

图片3.jpg

图片4.jpg (40.89 KB)

2008-4-8 18:37

图片4.jpg

图片5.jpg (24.77 KB)

2008-4-8 18:37

图片5.jpg




本帖最近评分记录
  • 梦自在 缘分币 +6 我很赞同 2008-4-9 20:50
>>>偶是男生<<<


     

TOP

正在弄一个界面,明天试试

TOP

  不错  
  比代码简单多了

对青天而惧,闻雷霆不惊;履平地若危,涉风波无患!
■□www.lovelulu1118.cn□■ ………◆ ╪>缘分是注定的,幸福是我们的!OH,YOU ARE MY DARLING

TOP

学习一下自己也试试

TOP

思路清晰  学习下  喜欢!

TOP

不错,已经实习过了,很好~!

TOP

要发一个源文件参考一下啊

  要发一个源文件参考一下啊

TOP

比我做的牛。。。嘿嘿
咱现在还只是做个形补得来实现进度条了。。

TOP

发新话题


关于本站 广告服务 联系我们 版权隐私 合作站点 网站地图 免责申明 管理团队

Powered by Discuz!6.0.0 Copyright © 2005-2010 www.missyuan.com All rights reserved.