原创设计 · PhotoShop · AI/CD · Fireworks · AutoCAD · 3DMAX · Flash · 网页设计 · 高精图库 · 笔刷滤镜 · 矢量素材 · 图片素材 · 模板素材· CG素材 · 思缘相册
加入VIP,免费下载精美素材 · PS新手学习推荐教程 · PS教程 · PS探讨和提问 · 思缘求图 · 数码暗房 · 设计作品欣赏 · 设计理论 · PSD素材 · 摄影作品交流 · 素材求助区

900G矢量素材,PSD设计图库
设计优秀作品十二期/新手学习贴
加入VIP,即送3000缘分币,每月500
 下载素材,加入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 © 2008 www.missyuan.com All rights reserved.