team1_nc/assets/script/game/component/BitmapFont.ts

const { ccclass, property } = cc._decorator;
/**
 * 字符集数据
 */
@ccclass
export class BitmapFontData {
    @property({ tooltip: "字符" })
    public chair: string = '';
    @property({ tooltip: "图片", type: cc.SpriteFrame })
    public spriteFrame: cc.SpriteFrame = null;
}
/**
 * 位图文本
 * @author 袁浩
 */
@ccclass
export class BitmapFont extends cc.Component {
    @property({ tooltip: "字符集配置", type: [BitmapFontData], serializable: false })
    public dataList: BitmapFontData[] = [];
    @property({ visible: false })
    private _string: string = '';
    @property({ tooltip: "文本内容字符串", serializable: true })
    public get string(): string {
        return this._string;
    }
    public set string(value: string) {
        this._string = value + "";
        for (let i = 0; i < this.string.length; i++) {
            let child = this.node.children[i];
            const chair = this.string[i];
            let data = this.getData(chair);
            if (data) {
                if (child) {
                    child.active = true;
                    child.getComponent(cc.Sprite).spriteFrame = data.spriteFrame;
                }
                else {
                    let node = new cc.Node(chair)
                    let sprite = node.addComponent(cc.Sprite);
                    sprite.spriteFrame = data.spriteFrame;
                    node.parent = this.node;
                }
            }
            else {
                console.error(`BitmapFont中缺少字符 ${chair} 的配置。`)
            }
        }
        for (let i = this.string.length; i < this.node.children.length; i++) {
            const child = this.node.children[i];
            child.active = false;
        }
    }
    private getData(chair: string) {
        for (let j = 0; j < this.dataList.length; j++) {
            const data = this.dataList[j];
            if (data.chair == chair) {
                return data;
            }
        }
        return null;
    }
}