AS3入门之简单Loading效果
继续AS3入门...
这是用ActionScript 3写的一个简单的loading文字百分比效果,适合入门的同学参考。
主要是侦听 Loader 对像的 ProgressEvent 事件,然后用已下载的字节(bytesLoaded)除总字节数 (bytesTotal),再取整,就可以得到下载的百分比了。
知道了loading的原理,就可以对loading做一些图形的动画效果了,看起来就更cool了。
先看下效果吧,哈哈:
as文件全部代码:
package {
import flash.net.*;
import flash.display.*;
import flash.text.TextField;
import flash.events.Event;
import flash.events.ProgressEvent;
import flash.text.TextField;
import flash.text.TextFormat;
import flash.display.Loader;
import flash.display.MovieClip;
[SWF(width="300",height="300",backgroundColor="#336699",frameRate="24")]
public class Main extends MovieClip {
var loading_txt:TextField;
var urlReq:URLRequest;
var picLoader:Loader = new Loader();
public function Main() {
createdText();
//到壁纸网站找一张大点的美女图片,这样才能看到加载效果
loadPicture
("http://www.deskcity.com/picture/image_url/77363/CDNXTX_002018.jpg");
}
//创建一个text
private function createdText():void{
loading_txt = new TextField();
addChild(loading_txt);
var format:TextFormat = new TextFormat();
format.color = 0xFF0000;
format.size = 32;
format.align = "center";
loading_txt.defaultTextFormat = format;
loading_txt.text = "0%";
loading_txt.width = 100;
loading_txt.height = 50;
loading_txt.x = 210;
loading_txt.y = 210;
}
//加载图片
private function loadPicture(picUrl:String):void {
urlReq=new URLRequest(picUrl);
picLoader.load(urlReq);
picLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,
loaded);
//loading的核心就是侦听这个事件
picLoader.contentLoaderInfo.addEventListener
(ProgressEvent.PROGRESS,loading);
}
//侦听加载进度事件
function loading(evt:ProgressEvent):void {
//已下载字节 / 总字节 * 100 ,再用int自动取整(别用Number哦,否则
还要写取整的代码)
var _data:int=evt.bytesLoaded / evt.bytesTotal * 100;
loading_txt.text = _data + "%";
}
//侦听加载完成事件
private function loaded(evt:Event):void {
//设置图片的属性
picLoader.x=0;
picLoader.y=0;
picLoader.width=200;
picLoader.height=280;
addChild(picLoader);
}
}
}
Tag标签: ActionScript
- 评论
-
- [使用Ctrl+Enter键可以直接提交]
表情图标
Advertise
Category
Time Counter
离十一还有
Recent Article
- 1.亦舒经典作品语录
- 2.工作笔记:AS3加载外部图片,有加载百分比
- 3.document.documentElement和document.body的区别
- 4.100种增加网站流量的方法
- 5.用div+css模拟表格对角线
- 6.如何做一个好的技术型领导
- 7.苍井空是谁?
- 8."心态"新解
- 9.程序员特有的9个坏习惯
- 10.AS3入门之简单Loading效果
- 11.系统问题:浏览器无法打开png图片
- 12.AS3中以post和get方式提交数据
- 13.defaultTextFormat和setTextFormat()区别
- 14.AS3中超方便地遍历xml
- 15.pv3d中物体常用的移动属性
- 16.开源Flash 3D引擎Papervision3d
- 17.as3 判断鼠标滚轮前滚或后滚
- 18.js:行向上替换滚动效果
- 19.为什么要清净?(禅与佛)
- 20.扩展window.setTimeout方法
Statistics
Recent Comments
Archive
Links
Support
TOP



