·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]as3用Loader来加载jpg,gif,png图片的源代码实例

时间:2013-09-12 14:18cnblogs.com
[AS3]as3用Loader来加载jpg,gif,png图片的源代码实例,类似这种功能最好就是封闭成一个类,直接调用。比如要在loading图片的时候显示一个背景gif图(表示正在加载图片)或是显示加载进步等等

类似这种功能最好就是封闭成一个类,直接调用。比如要在loading图片的时候显示一个背景gif图(表示正在加载图片)或是显示加载进步等等

重点:学会使用flash.display.Loader及flash.net.URLRequest

难点:在Event.COMPLETE回调方法中,如何将event对象转换成所需要的bitmap对象

有两种方法:

1、var loader:Loader = Loader(e.target.loader);var bitmap:Bitmap = Bitmap(loader.content);

2、var bitmap:Bitmap = e.currentTarget.content as Bitmap;

推荐用第二种,看上去比较简洁一些。

下面类ImageLoader的代码:

  1. package 
  2. { 
  3.     import flash.display.Bitmap; 
  4.     import flash.display.Loader; 
  5.     import flash.display.Sprite; 
  6.     import flash.events.Event; 
  7.     import flash.events.ProgressEvent; 
  8.     import flash.net.URLRequest; 
  9.       
  10.     public class ImageLoader extends Sprite 
  11.     { 
  12.           
  13.         private var loader:Loader; 
  14.         private var w:Number; 
  15.         private var h:Number; 
  16.           
  17.         public function ImageLoader(_w:Number, _h:Number, url:String) 
  18.         { 
  19.             super(); 
  20.               
  21.             this.w = _w; 
  22.             this.h = _h; 
  23.               
  24.             loader = new Loader(); 
  25.               
  26.             loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler); 
  27.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler); 
  28.               
  29.             loader.load(new URLRequest(url)); 
  30.               
  31.             trace(loader); 
  32.         } 
  33.           
  34.         private function progressHandler(e:ProgressEvent):void { 
  35.             var num:uint = (e.bytesLoaded / e.bytesTotal) * 100; 
  36.             trace('酷播cuplayer.com提示您已加载--' + num + "%"); 
  37.         } 
  38.           
  39.         private function completeHandler(e:Event):void { 
  40.             var loader:Loader = Loader(e.target.loader); 
  41.             var bitmap:Bitmap = Bitmap(loader.content); 
  42.               
  43. //          var bitmap:Bitmap = e.currentTarget.content as Bitmap; 
  44. //          trace(bitmap); 
  45.               
  46.             trace(bitmap.width + '--' + bitmap.height); 
  47.   
  48.             bitmap.x = 0; 
  49.             bitmap.y = 0; 
  50.               
  51.             this.addChild(bitmap); 
  52.         } 
  53.     } 
  54. } 

使用方法也很简单,例如下面的

  1. var img:ImageLoader = new ImageLoader(100, 100, 'http://www.baidu.com/img/baidu_logo.gif'); 
  2. addChild(img); 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器