LayaAir基础（2） 之 资源加载

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/z_x_Qiang/article/details/86561810

目的：

1.显示图片

2.加载图集

      2.1 先创建图集

            在编辑模式下，创建一个页面，进行资源图片的布局，然后导出；

3.批量加载资源

//入口函数
(function(){
    //初始化匿名函数自调用；
    (function(){
        var WebGL = laya.webgl.WebGL;
        Laya.init(600,400,WebGL);
        Laya.stage.scaleMode = Laya.Stage.SCALE_NOSCALE;
        Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
        Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
        Laya.stage.screenMode = Laya.Stage.SCREEN_NONE;

        // loagImage();
        loadImgList();
    })();   
    function loagImage(){
        let img = new Laya.Image("img/laya_monkey.png");
        // img.skin="img/laya_monkey.png";
        Laya.stage.addChild(img);
    } 

    function loadImgList(){
        //加载图集
        //第一个参数是图集的信息文件，
        //第二个参数是加载回调的
        //第三个为null
        //第四个是加载类型为图集；
        //Laya.loader.load("res/atlas/comp.atlas",Laya.Handler.create(null,loadComplete),null,Laya.Loader.ATLAS);

        // 如何批量加载资源呢
        let srcArray = [
            {url:"res/atlas/comp.atlas",type:Laya.Loader.ATLAS},
            {url:"res/atlas/template/Switcher.atlas",type:Laya.Loader.ATLAS}
        ];
        Laya.loader.load(srcArray,Laya.Handler.create(null,loadComplete));
    }
    function loadComplete(){
        console.log("加载完成了");
        //把在编辑模式下创建的页面，ide会生成于给TestUI模块代码，创建对象并添加到舞台上；
        Laya.stage.addChild(new TestUI());
    }
})();