Egret 位图

本文链接： https://blog.csdn.net/Fanstasic/article/details/102704876
1、准备切割好的图片文件
2、打开TextureMerger软件，点击Bitmap Font
3、将艺术字拖进软件中
4、点击导出，导出成功后会生成一个fnt文件和一个png文件
5、创建位图对象
//文本
module game {
    export class textDemo extends egret.DisplayObjectContainer {
        private _bitmapText: egret.BitmapText;
        private _bitmapText1: egret.BitmapText;
        public constructor() {
            super();
            this.showText();
            this.once(egret.Event.ADDED_TO_STAGE, this.onAddtoStage, this);
        }
        private showText(): void {
            //普通文本
            var label: egret.TextField = new egret.TextField();
            label.text = "this is a text!";
            this.addChild(label);
            label.x = 0;
            label.y = 300;
            label.textColor = 0x00fff0;//字体颜色
            label.size = 20;//大小
            label.bold = true;//粗体
            label.italic = true;//斜体
            label.textAlign = egret.HorizontalAlign.RIGHT;//水平对齐方式
            label.verticalAlign = egret.VerticalAlign.BOTTOM;//垂直对齐方式
            label.strokeColor = 0x000000;//描边颜色
            label.stroke = 1;//描边大小
            label.border = true;//是否有边框
            label.borderColor = 0x000000;//边框颜色

            /*************************输入文本******************* */
            //输入文本
            var text: egret.TextField = new egret.TextField();
            text.type = egret.TextFieldType.INPUT;
            //设置输入文本的样式为文本
            text.inputType = egret.TextFieldInputType.TEXT;
            text.text = "Input text:";
            text.width = 300;
            this.addChild(text);
            var pass: egret.TextField = new egret.TextField();
            pass.type = egret.TextFieldType.INPUT;
            //设置输入文本显示为密码
            pass.inputType = egret.TextFieldInputType.PASSWORD;
            //设置密码显示
            pass.displayAsPassword = true;
            pass.text = "Password";
            pass.y = 100;
            pass.width = 300;
            this.addChild(pass);
            var tel: egret.TextField = new egret.TextField();
            tel.type = egret.TextFieldType.INPUT;
            //设置输入电话号样式
            tel.inputType = egret.TextFieldInputType.TEL;
            tel.text = "Telephone number:"
            tel.y = 200;
            tel.width = 300;
            this.addChild(tel);
            /******************************************************* */
        }
        //位图文本
        private onAddtoStage(evt: egret.Event) {
            RES.getResByUrl("resource/fnt/numFnt.fnt", this.onLoadComplete, this,                 RES.ResourceItem.TYPE_FONT);
        }
        private onLoadComplete(font: egret.BitmapFont): void {
            this._bitmapText = new egret.BitmapText();
            this._bitmapText.font = font;
            this._bitmapText.x = 100;
            this._bitmapText.y = 400;
            this.addChild(this._bitmapText);
            this._bitmapText.text = "66666";
            this._bitmapText1 = new egret.BitmapText();
            this._bitmapText1.font = font;
            this._bitmapText1.x = 100;
            this._bitmapText1.y = 500;
            this.addChild(this._bitmapText1);
            this._bitmapText1.text = "123456789";
            egret.Tween.get( this._bitmapText1 ,{loop:true}).to( {x:100,y:600}, 1000, egret.Ease.sineIn);
        }
    }
}
6、最终效果
猜你喜欢
