一步一个坑-eui-BitmapLabel完成位图效果

发布时间：2017-02-19 14:59查看次数：5333

一步一个坑-eui-BitmapLabel完成位图效果

       1.创建一个typescript 对象文件 继承eui.eui-BitmapLabel

       2.设置资源路径

         RES.getResByUrl("resource/assets/myFountNumber.fnt", this.onLoadComplete, this, RES.ResourceItem.TYPE_FONT); //加载位图字体

      3.在闭包回调函数中完成字体的设置!

        红色字体部分是闭包参数!变量接收的就是你的字体名称!!这里要注意一下


     private onLoadComplete(font: egret.BitmapFont): void {
        this.font = font;
    }




     4.使用就很简单了!

       let gameFont:myFout = new myFout();

       gameFont.text = myText;
        gameFont.x = x;
        gameFont.y=y;
        this.addChild(gameFont);




         全部代码如下:

class myFout extends eui.BitmapLabel{
    public constructor() {
        super();
         RES.getResByUrl("resource/assets/myFountNumber.fnt", this.onLoadComplete, this, RES.ResourceItem.TYPE_FONT); //加载位图字体
    }


 private onLoadComplete(font: egret.BitmapFont): void {
        this.font = font;
    }

}