美文网首页Laya技术分享
Laya LoaderManager小记

Laya LoaderManager小记

作者: chiguozi | 来源:发表于2018-09-07 07:56 被阅读10次

    LoaderManager 类用于用于批量加载资源。此类是单例,不要手动实例化此类,请通过Laya.loader访问。全部队列加载完成,会派发 Event.COMPLETE 事件;如果队列中任意一个加载失败,会派发 Event.ERROR 事件,事件回调参数值为加载出错的资源地址。

    LoaderManager 类提供了以下几种功能: 多线程:默认5个加载线程,可以通过maxLoader属性修改线程数量; 多优先级:有0-4共5个优先级,优先级高的优先加载。0最高,4最低; 重复过滤:自动过滤重复加载(不会有多个相同地址的资源同时加载)以及复用缓存资源,防止重复加载; 错误重试:资源加载失败后,会重试加载(以最低优先级插入加载队列),retryNum设定加载失败后重试次数,retryDelay设定加载重试的时间间隔。

    LoaderManager是Laya加载资源的统一入口,管理laya的加载器(Laya.Loader),负责控制加载优先级,加载线程维护与上限上线控制,加载失败后重试等操作。在laya中使用的Laya.loader是LoaderManager的实例,而不是Laya.Loader的实例。

    源码阅读

    属性简介
            /**@private */
            private static var _resMap:Object = {};             //@资源map,url做key,resInfo为value, 用于检测资源是否已经在队列中,防止重复加载。
            /**@private */
            public static var createMap:Object = {atlas: [null, Loader.ATLAS]};   //@用于检测create方法的类型。
            
            /** 加载出错后的重试次数,默认重试一次*/
            public var retryNum:int = 1;
            /** 延迟时间多久再进行错误重试,默认立即重试*/
            public var retryDelay:int = 0;
            /** 最大下载线程,默认为5个*/
            public var maxLoader:int = 5;
            
            /**@private */
            private var _loaders:Array = [];     //@缓存的loader列表
            /**@private */
            private var _loaderCount:int = 0;    //@正在使用的loader数量、加载线程数量
            /**@private */
            private var _resInfos:Array = [];    //@加载资源列表,存放所有需要加载的资源,按优先级和队列顺序排列
            
            /**@private */
            private var _infoPool:Array = [];    //@加载数据对象的缓存池
            /**@private */
            private var _maxPriority:int = 5;    //@优先级数量  0-4
            /**@private */
            private var _failRes:Object = {};    //@失败资源的加载次数,用于失败后重试计数
    
    初始化
    • LoaderManager在Laya.init时创建,赋值给Laya.loader。
    • 按照优先级,创建5(_maxPriority)个队列,用于存放需要加载的资源数据。队列的索引就是加载的优先级,0-4,数字越小,优先级越高。加载时,按照优先级和队列顺序依次加载。
            /**
             * <p>创建一个新的 <code>LoaderManager</code> 实例。</p>
             * <p><b>注意:</b>请使用Laya.loader加载资源,这是一个单例,不要手动实例化此类,否则会导致不可预料的问题。</p>
             */
            public function LoaderManager() {
                for (var i:int = 0; i < this._maxPriority; i++) this._resInfos[i] = [];is._resInfos[i] = [];
            }
    
    单个资源加载流程
    • 判断资源是否存在,如果存在则直接调用progress和complete。加载的资源存放在Laya.Loader中,不在LoaderManager中。
    • 判断资源是否在加载队列中:
      • 如果存在,则监听COMPLETE和PROFRESS事件。注:添加时不能设置offBefore,防止后续加载的资源的回调覆盖之前的加载完成事件。
      • 如果不存在,则创建ResInfo,将info放到对应优先级队列的末尾,监听COMPLETE事件。调用next方法,尝试加载。
    • 检测当前正在使用的loader的数量,如果数量不足maxLoader个数,则按优先级查找队列,再取队列的第一个数据去加载。如果当前正在使用的loader的count为0,则触发Laya.loader(LoaderManager)的COMPLETE事件。
    • 加载是使用Laya.Loader执行加载逻辑。
    • 加载完成后(或者失败),回收当前loader,更新loader数量,如果加载失败,则重新放入加载队列,并且优先级设置为最低。如果失败多次,则出发Error事件,将url传递出去。加载成功或者失败都会出发COMPLETE事件,调用complete方法。清理和回收相关数据。
    • 尝试调用next,尝试选择下一个资源加载。
            /**
             * <p>加载资源。资源加载错误时,本对象会派发 Event.ERROR 事件,事件回调参数值为加载出错的资源地址。</p>
             * <p>因为返回值为 LoaderManager 对象本身,所以可以使用如下语法:Laya.loader.load(...).load(...);</p>
             * @param   url         要加载的单个资源地址或资源信息数组。比如:简单数组:["a.png","b.png"];复杂数组[{url:"a.png",type:Loader.IMAGE,size:100,priority:1},{url:"b.json",type:Loader.JSON,size:50,priority:1}]。
             * @param   complete    加载结束回调。根据url类型不同分为2种情况:1. url为String类型,也就是单个资源地址,如果加载成功,则回调参数值为加载完成的资源,否则为null;2. url为数组类型,指定了一组要加载的资源,如果全部加载成功,则回调参数值为true,否则为false。
             * @param   progress    加载进度回调。回调参数值为当前资源的加载进度信息(0-1)。
             * @param   type        资源类型。比如:Loader.IMAGE。
             * @param   priority    (default = 1)加载的优先级,优先级高的优先加载。有0-4共5个优先级,0最高,4最低。
             * @param   cache       是否缓存加载结果。
             * @param   group       分组,方便对资源进行管理。
             * @param   ignoreCache 是否忽略缓存,强制重新加载。
             * @return 此 LoaderManager 对象本身。
             */
            public function load(url:*, complete:Handler = null, progress:Handler = null, type:String = null, priority:int = 1, cache:Boolean = true, group:String = null, ignoreCache:Boolean = false):LoaderManager {
                if (url is Array) return _loadAssets(url as Array, complete, progress, type, priority, cache, group);
                var content:* = Loader.getRes(url);
                if (content != null) {
                    //增加延迟回掉
                    Laya.timer.frameOnce(1, null, function():void {
                        progress && progress.runWith(1);
                        complete && complete.runWith(content);
                        //判断是否全部加载,如果是则抛出complete事件
                        _loaderCount || event(Event.COMPLETE);
                    });
                } else {
                    var info:ResInfo = _resMap[url];
                    if (!info) {
                        info = _infoPool.length ? _infoPool.pop() : new ResInfo();
                        info.url = url;
                        info.type = type;
                        info.cache = cache;
                        info.group = group;
                        info.ignoreCache = ignoreCache;
                        //@收到ResInfo的COMPLETE事件则执行complete方法
                        complete && info.on(Event.COMPLETE, complete.caller, complete.method, complete.args);
                        progress && info.on(Event.PROGRESS, progress.caller, progress.method, progress.args);
                        _resMap[url] = info;
                        //@选择对应优先级队列
                        priority = priority < this._maxPriority ? priority : this._maxPriority - 1;
                        this._resInfos[priority].push(info);
                        _next();
                    } else {
                        //@如果已经在加载队列,则只注册事件,不创建加载数据。
                        //@注:这里offBefore设置为false,防止事件被覆盖,导致complete执行不全。
                        complete && info._createListener(Event.COMPLETE, complete.caller, complete.method, complete.args, false, false);
                        progress && info._createListener(Event.PROGRESS, progress.caller, progress.method, progress.args, false, false);
                    }
                }
                return this;
            }
            
            private function _next():void {
                //@loader满了则返回等待空闲loader
                if (this._loaderCount >= this.maxLoader) return;
                //@按优先级查找列表
                for (var i:int = 0; i < this._maxPriority; i++) {
                    var infos:Array = this._resInfos[i];
                    while (infos.length > 0) {
                        var info:ResInfo = infos.shift();
                        if (info) return _doLoad(info);
                    }
                }
                //@所有loader都空闲,则触发LoaderManager的加载完成
                _loaderCount || event(Event.COMPLETE);
            }
            
            private function _doLoad(resInfo:ResInfo):void {
                this._loaderCount++;
                var loader:Loader = this._loaders.length ? this._loaders.pop() : new Loader();
                loader.on(Event.COMPLETE, null, onLoaded);
                loader.on(Event.PROGRESS, null, function(num:Number):void {
                    resInfo.event(Event.PROGRESS, num);
                });
                loader.on(Event.ERROR, null, function(msg:*):void {
                    onLoaded(null);
                });
                
                var _this:LoaderManager = this;
                function onLoaded(data:* = null):void {
                    //@清理、回收loader
                    loader.offAll();
                    loader._data = null;
                    loader._customParse = false;
                    _this._loaders.push(loader);
                    _this._endLoad(resInfo, data is Array ? [data] : data);
                    _this._loaderCount--;
                    _this._next();
                }
                //@具体加载流程在Loader中实现
                loader._class = resInfo.clas;
                loader.load(resInfo.url, resInfo.type, resInfo.cache, resInfo.group, resInfo.ignoreCache);
            }
            
            private function _endLoad(resInfo:ResInfo, content:*):void {
                //如果加载后为空,放入队列末尾重试
                var url:String = resInfo.url;
                if (content == null) {
                    var errorCount:int = this._failRes[url] || 0;
                    //@记录失败次数
                    if (errorCount < this.retryNum) {
                        console.warn("[warn]Retry to load:", url);
                        this._failRes[url] = errorCount + 1;
                        //@重新放回加载队列
                        Laya.timer.once(retryDelay, this, _addReTry, [resInfo], false);
                        return;
                    } else {
                        //超过retryNum则直接抛出ERROR事件
                        console.warn("[error]Failed to load:", url);
                        event(Event.ERROR, url);
                    }
                }
                if (_failRes[url]) _failRes[url] = 0;
                delete _resMap[url];
                //@通知info执行complete方法
                resInfo.event(Event.COMPLETE, content);
                resInfo.offAll();
                _infoPool.push(resInfo);
            }
            
            private function _addReTry(resInfo:ResInfo):void {
                this._resInfos[this._maxPriority - 1].push(resInfo);
                _next();
            }
    
    加载多个资源流程

    LoaderManager.load支持传入简单类型数组,比如:简单数组:["a.png","b.png"];复杂数组[{url:"a.png",type:Loader.IMAGE,size:100,priority:1},{url:"b.json",type:Loader.JSON,size:50,priority:1}]。

    • 遍历所有数组,记录总数,用于计算progress。记录下载的总数。
    • 分别调用load方法,加载每一个元素。
    • 每加载完一个资源,检查加载的数量是否等于本次的总数量,如果是,则执行complete操作。
            /**
             * @private
             * 加载数组里面的资源。
             * @param arr 简单:["a.png","b.png"],复杂[{url:"a.png",type:Loader.IMAGE,size:100,priority:1},{url:"b.json",type:Loader.JSON,size:50,priority:1}]*/
            private function _loadAssets(arr:Array, complete:Handler = null, progress:Handler = null, type:String = null, priority:int = 1, cache:Boolean = true, group:String = null):LoaderManager {
                var itemCount:int = arr.length;
                var loadedCount:int = 0;
                var totalSize:int = 0;
                var items:Array = [];
                var success:Boolean = true;
                for (var i:int = 0; i < itemCount; i++) {
                    var item:Object = arr[i];
                    if (item is String) item = {url: item, type: type, size: 1, priority: priority};
                    if (!item.size) item.size = 1;
                    item.progress = 0;
                    totalSize += item.size;
                    items.push(item);
                    var progressHandler:* = progress ? Handler.create(null, loadProgress, [item], false) : null;
                    var completeHandler:* = (complete || progress) ? Handler.create(null, loadComplete, [item]) : null;
                    load(item.url, completeHandler, progressHandler, item.type, item.priority || 1, cache, item.group || group);
                }
                
                function loadComplete(item:Object, content:* = null):void {
                    loadedCount++;
                    item.progress = 1;
                    if (!content) success = false;
                    if (loadedCount === itemCount && complete) {
                        complete.runWith(success);
                    }
                }
                
                function loadProgress(item:Object, value:Number):void {
                    if (progress != null) {
                        item.progress = value;
                        var num:Number = 0;
                        for (var j:int = 0; j < items.length; j++) {
                            var item1:Object = items[j];
                            num += item1.size * item1.progress;
                        }
                        var v:Number = num / totalSize;
                        progress.runWith(v);
                    }
                }
                return this;
            }
    
    create方法

    根据clas类型创建一个未初始化资源的对象,随后进行异步加载,资源加载完成后,初始化对象的资源,并通过此对象派发 Event.LOADED 事件,事件回调参数值为此对象本身。套嵌资源的子资源会保留资源路径"?"后的部分。
    如果url为数组,返回true;否则返回指定的资源类对象,可以通过侦听此对象的 Event.LOADED 事件来判断资源是否已经加载完毕。
    注意:cache参数只能对文件后缀为atlas的资源进行缓存控制,其他资源会忽略缓存,强制重新加载。

    • create方法可以先创建一个指定类型的壳,同步返回给调用者。壳里的资源则通过异步的方式加载。

    • create方法主要是在Laya3D中使用,主要是Laya内部组件使用。使用create创建的类型有严格限制,在2D下支持Atlas,在3D有一定扩展。

    • 这些类型都要实现ICreateResource方法,提供onAsynLoaded,_setUrl等方法。如果创建一些不支持的类型,会直接抛出异常。

    • 同load方法一样,支持传入一个或者多个资源地址。

    • 使用create方法加载Atlas资源时,会返回null。

    • Laya3D所支持的类型:

              //在Laya3D初始化时设置
              var createMap:Object = LoaderManager.createMap;
              createMap["lh"] = [Sprite3D, Laya3D.HIERARCHY];
              createMap["ls"] = [Scene, Laya3D.HIERARCHY];
              createMap["lm"] = [Mesh, Laya3D.MESH];
              createMap["lmat"] = [StandardMaterial, Laya3D.MATERIAL];
              createMap["lpbr"] = [PBRMaterial, Laya3D.MATERIAL];
              createMap["ltc"] = [TextureCube, Laya3D.TEXTURECUBE];
              createMap["jpg"] = [Texture2D, "nativeimage"];
              createMap["jpeg"] = [Texture2D, "nativeimage"];
              createMap["png"] = [Texture2D, "nativeimage"];
              createMap["pkm"] = [Texture2D, Loader.BUFFER];
              createMap["lsani"] = [AnimationTemplet, Loader.BUFFER];
              createMap["lrani"] = [AnimationTemplet, Loader.BUFFER];
              createMap["raw"] = [DataTexture2D, Loader.BUFFER];
              createMap["mipmaps"] = [DataTexture2D, Loader.BUFFER];
              createMap["thdata"] = [TerrainHeightData, Loader.BUFFER];
              createMap["lt"] = [TerrainRes, Laya3D.TERRAIN];
              createMap["lani"] = [AnimationClip, Loader.BUFFER];
              createMap["lav"] = [Avatar, Loader.JSON];
              createMap["ani"] = [AnimationTemplet, Loader.BUFFER];//兼容接口
      

    相关文章

      网友评论

        本文标题:Laya LoaderManager小记

        本文链接:https://www.haomeiwen.com/subject/hvsqgftx.html