eui-eui.BitmapLabel

egret.BitmapLabel 使用範例, 關於點陣文字生成請參考 egret.BitmapFont

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 bt = new egret.BitmapText(); // 建立 BitmapText 物件用於顯示 BitmapFont
        bt.font = RES.getRes('myFont_fnt'); // 這個資源即為 BitmapFont
        bt.text = '0123456789';
        this.addChild(bt);

        // 建議用 eui.BitmapLabel 取代 egret.BitmapText, 使用上方便些
        const bl = new eui.BitmapLabel('99');
        bl.font = 'myFont_fnt'; // 直接給予指定資源的索引名即可
        bl.y = 500;
        this.addChild(bl);
    }

}

egret.BitmapText 跟 eui.BitmapLabel 差異在 eui.BitmapLabel 可以在 UI editor 編輯, 而 egret.BitmapText 不行, 以下為 eui.BitmapLabel 在 UI editor 的範例碼

<?xml version='1.0' encoding='utf-8'?>
<e:Skin class="MySkin" width="400" height="300" xmlns:e="http://ns.egret.com/eui">
    <e:Rect fillColor="0x000000" width="100%" height="100%" />
    <!-- Group 繼承自 DisplayObjectContainer 所以擁有加入子物件特性. 這裡設定滿版 -->
    <e:Group width="100%" height="100%">
        <!-- 使用 BitmapFont -->
        <e:BitmapLabel id="lb_show" font="myFont_fnt" text="12345" />
    </e:Group>
</e:Skin>