Egret 位图_左上格横中线

Egret 位图_左上格横中线1、准备切割好的图片文件2、打开TextureMerger软件,点击BitmapFont3、将艺术字拖进软件中4、点击导出,导出成功后会生成一个fnt文件和一个png文件5、创建位图对象//文本modulegame{exportclasstextDemoextendsegret.DisplayObjectContainer{…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

1、准备切割好的图片文件

Egret 位图_左上格横中线

 2、打开TextureMerger软件,点击Bitmap Font

Egret 位图_左上格横中线

3、将艺术字拖进软件中

Egret 位图_左上格横中线

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);
        }
    }
}

Jetbrains全家桶1年46,售后保障稳定

6、最终效果

Egret 位图_左上格横中线

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/222976.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号