game-egret.ScrollView

egret.ScrollView 使用範例

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 給你最乾淨的程式碼, 從這行以下開始寫喔 ---

        // 運行時請用滑鼠拖曳圓試試
        const s = new egret.Shape;
        s.graphics.beginFill(0xFFFF00);
        s.graphics.drawCircle(150, 150, 150);
        s.graphics.endFill();
        const sv = new egret.ScrollView; // 建議用 eui.Scroller(有可視化編輯), 兩者類別沒有繼承關係, 但是用法差不多
        sv.width = 200;
        sv.height = 200;
        sv.setContent(s); // 設置 200x200 的框框內顯示圓
        this.addChild(sv);

    }

}