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
posted on 2010-07-10 15:49 发布:水寒冰 阅读(127) 评论(0) 收藏 所属分类: FLASH AS
  • 评论
  • 点击刷新
  • [使用Ctrl+Enter键可以直接提交]

表情图标

[smile][confused][cool][cry][eek][angry][wink][sweat][lol][stun][razz][redface][rolleyes][sad][yes][no][heart][star][music][idea]
Advertise
Category
Time Counter

离十一还有

Recent Article
Statistics
Recent Comments
Archive
Links
Support
《良机》 鲜果阅读器订阅图标
 
TOP