白鷺引擎 - 資源文件的加載 ( RES, loadConfig, loadGroup )

class Main extends egret.DisplayObjectContainer {

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
    }

    /**
     * 1, 對於圖片的使用, 一般會將所有圖片集中起來, 配置在一個文件中,
     * 2, RES 資源加載對象, 一個全局對象
     * 3, RES.ResourceEvent.GROUP_COMPLETE 資源加載完成時觸發的事件
     * 4, RES.loadConfig(地址, 資源文件夾) 設置資源配置文件和資源所在文件夾
     * 5, RES.loadGroup(組名) 用於加載某個組的資源文件
     * 6, 一般情況下, 配置文件中會分為兩個字段, groups 和 resources
     * -- resources: 是一個數組, 放置了所有資源文件的對象, 每個對象有三個屬性
     * -- name: 資源文件調用名稱, type: 文件類型, url: 文件所在地址
     * -- groups: 是一個數組, 放置了文件組對象, 用於控制加載哪些資源文件
     * -- 組對象有兩個屬性, name: 組名, keys: 包含哪些resources中的資源文件, 用逗號隔開
     */
    private onAddToStage(event: egret.Event) {
        RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE, this.onGroupComplete, this);
        RES.loadConfig("resource/default.res.json", "resource/");
        RES.loadGroup("preload");
    }

    /**
     * 1, Bitmap, 圖片顯示對象, 用於顯示圖片
     * 2, RES.getRes(key) 根據配置文件配置的 key, 獲取資源文件
     */
    private onGroupComplete() {
        var img1:egret.Bitmap = new egret.Bitmap();
        img1.texture = RES.getRes("background_1");
        img1.width = 640;
        img1.height = 1136;
        this.addChild(img1);
    }

}

對應的配置文件  default.res.json

{
    "groups":[
        {
          "keys":"background_1, background_2",
          "name":"preload"
        }
    ],
    "resources":[
        {
            "name":"background_1",
            "type":"image",
            "url":"assets/background_1.jpg"
        }, {
            "name":"background_2",
            "type":"image",
            "url":"assets/background_2.jpg"
        }
    ]
}