【空间教程】为FLASH模板制作loading[进度条] (5/826)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: R·Yuan

用户形象图片

为FLASH模板制作loading[进度条]
本文已被推荐到Qzone社区, 点击了解更多精彩内容

    你还在为你的模板容量大而担心访问者等待焦虑放弃观看你的Qzone吗?loading的作用不是让模板打开的速度加快,而是起一个加载作用,也就是在观看FLASH之前把这个FLASH加载完。目的是在于观看FLASH的时候不至于断断续续,另外做一个简单漂亮的loading界面可以缓解访问者浏览的心情!下面介绍一款[古曲Qzone模板]的loading

影片演示: http://ryyll.go2.icpcn.com/tach/ssd1.swf



一、在场景中用文字工具(工具箱中的A符号)输入你的空间名称(其它的也可以)图1。

图1
二、新建影片命名为loading,画一长条(长度适当即可),对齐方式(左对齐和上对齐)。图2

图2


三、在场景中新建一层将做好的loading影片从库中拖入场景放于适当位置,并且命名实例为“bar”。图3

图3

四、场景中新建一层制作动态文本框,用文字工具制作,命名实例名为“text1”图4
图4


五、场景中新建一层作为AS层,第二帧和第三帧创建关建帧分别在动作面板写上AS脚本。图5、图6
图5
图6
六、AS代码解释:

第二帧:
var yx:Number = this.getBytesLoaded();
//自定义变量yx为已下载字节。[getBytesLoaded()取得已下载字节数的函数]
var z:Number = this.getBytesTotal();

//自定义变量z为总字节。[getBytesTotal()取得总字节数的函数]
var b:Number=Math.round((yx/z)*100);

//自字义变量b为百分比
text1.text = b+"%";

//把b赋给文本框text1
_root.bar._xscale=b;

//影片bar的宽度等于当前b(百分比)

第三帧:
if (yx<z){
gotoAndPlay(1);
} else {
gotoAndStop(4);
}

//判断yx(已经下载的字节数)是否小于z(总字节数),如果小于就执行gotoAndPlay(1)否则执行gotoAndPlay(4)

-----------------------------------------------------------------------------------------
[FLASH]为FLASH模板制作loading:http://user.qzone.qq.com/81089318/blog/1203495805
[FLASH]酷似鼠标跟随按钮效果:http://user.qzone.qq.com/81089318/blog/1203583799
[FLASH]关于文字跟随另做报错原因:http://user.qzone.qq.com/81089318/blog/1203671329
[FLASH]暖色浪漫花雨:http://user.qzone.qq.com/81089318/blog/1194944976
[FLASH]教你用FLASH制作鼠标跟随:http://user.qzone.qq.com/81089318/blog/1195115450
[FLASH]简单制作Flash弹出菜单:http://user.qzone.qq.com/81089318/blog/1198725398
[软件]教你制作个性声音文件:http://user.qzone.qq.com/81089318/blog/1197253503
[软件]哇..!WinRAR可以这样用?:http://user.qzone.qq.com/81089318/blog/1198288583
[制图]调色—唯美效果:http://user.qzone.qq.com/81089318/blog/1190704733
[制图]PS制作Qzone边框-融化的雪:http://user.qzone.qq.com/81089318/blog/1193992958
[笔刷]PS笔刷:http://user.qzone.qq.com/81089318/blog/1189657352
回到帖子顶部

回帖 引用 1楼嫿〓tian啯

用户形象图片

虽然我喜欢做FLASH,但是AS代码有些不懂哦

还是免子厉害,真的好佩服
回到帖子顶部

回帖 引用 2楼雞蛋♂王孓

用户形象图片

想这样的教程 真的是好啊 不知道大家有没有去详细看过  
回到帖子顶部

回帖 引用 3楼┽破つ曉さ

用户形象图片

写的不错
支持一下!!
回到帖子顶部

回帖 引用 4楼●﹍↙№幸福

用户形象图片

不太懂这个啊!不过还是支持LZ哦!
回到帖子顶部

回帖 引用 5楼じǒ瑜vの

用户形象图片

  地址都不行的,郁闷!
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]