前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Egret 位图_左上格横中线

Egret 位图_左上格横中线

作者头像
全栈程序员站长
发布2022-11-17 17:49:46
6670
发布2022-11-17 17:49:46
举报

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

Egret 位图_左上格横中线
Egret 位图_左上格横中线

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

Egret 位图_左上格横中线
Egret 位图_左上格横中线

3、将艺术字拖进软件中

Egret 位图_左上格横中线
Egret 位图_左上格横中线

4、点击导出 ,导出成功后会生成一个fnt文件和一个png文件

5、创建位图对象

代码语言:javascript
复制
//文本
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 位图_左上格横中线
Egret 位图_左上格横中线

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档