eui-eui.ICollection

eui.ICollection 使用範例

class Main extends eui.UILayer {

    protected createChildren(): void {
        super.createChildren();
        egret.lifecycle.onPause = () => egret.ticker.pause();
        egret.lifecycle.onResume = () => egret.ticker.resume();
        egret.registerImplementation('eui.IAssetAdapter', new AssetAdapter());
        egret.registerImplementation('eui.IThemeAdapter', new ThemeAdapter());
        this.runGame();
    }

    private async loadResource() {
        let loadingView = this.stage.addChild(new LoadingUI()) as LoadingUI;
        await RES.loadConfig('resource/default.res.json', 'resource/');
        await new Promise(resolve => new eui.Theme('resource/default.thm.json', this.stage).once(eui.UIEvent.COMPLETE, resolve, this));
        await RES.loadGroup('preload', 0, loadingView);
        this.stage.removeChild(loadingView);
    }

    private async runGame() {
        await this.loadResource();
        // --- Edwin 給你最乾淨的程式碼, 從這行以下開始寫喔 ---

        // ICollection 是一個列表的集合類數據源對象的查看接口。
        const ic: eui.ICollection = new eui.ArrayCollection([1, 2, 3]);
        
        // 查看數據源對象相關 api
        ic.getItemAt(0); // 1
        ic.getItemIndex(1); // 0
        ic.length // 3

        // 而目前 egret 只有 eui.DataGroup, eui.List 的 dataProvider
        // 使用 eui.ICollection 介面接口
        // 在 eui.DataGroup, eui.List 內部封裝了 ICollection 相關操作
        const list = new eui.List;
        list.dataProvider = new eui.ArrayCollection([1, 2, 3]);

    }

}