[AS3]as3用Loader来加载jpg,gif,png图片的源代码实例
[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的代码:
- package
- {
- import flash.display.Bitmap;
- import flash.display.Loader;
- import flash.display.Sprite;
- import flash.events.Event;
- import flash.events.ProgressEvent;
- import flash.net.URLRequest;
- public class ImageLoader extends Sprite
- {
- private var loader:Loader;
- private var w:Number;
- private var h:Number;
- public function ImageLoader(_w:Number, _h:Number, url:String)
- {
- super();
- this.w = _w;
- this.h = _h;
- loader = new Loader();
- loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
- loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
- loader.load(new URLRequest(url));
- trace(loader);
- }
- private function progressHandler(e:ProgressEvent):void {
- var num:uint = (e.bytesLoaded / e.bytesTotal) * 100;
- trace('酷播cuplayer.com提示您已加载--' + num + "%");
- }
- private function completeHandler(e:Event):void {
- var loader:Loader = Loader(e.target.loader);
- var bitmap:Bitmap = Bitmap(loader.content);
- // var bitmap:Bitmap = e.currentTarget.content as Bitmap;
- // trace(bitmap);
- trace(bitmap.width + '--' + bitmap.height);
- bitmap.x = 0;
- bitmap.y = 0;
- this.addChild(bitmap);
- }
- }
- }
使用方法也很简单,例如下面的
- var img:ImageLoader = new ImageLoader(100, 100, 'http://www.baidu.com/img/baidu_logo.gif');
- addChild(img);
热门文章推荐
- [HLS]做自己的m3u8点播系统使用HTTP Live Streaming(HLS技术)
- [FMS]FMS流媒体服务器配置与使用相关的介绍
- [AS3]什么是M3U8,与HTML5的区别是什么
- AS2.0 让flash自适应全屏,并且不自动缩放
- [AS3]as3.0的sound类常用技巧整理
- [AS3]as3与ByteArray详解、ByteArray介绍、ByteArray用法
- 关于RTMP,RTMPT,RTMPS,RTMPE,RTMPTE协议的介绍
- [JS]分享浏览器弹出窗口不被拦截JS示例
请稍候...