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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android ListView 例子

    android ListView 例子ListView是比较常用的控件之一,在这里总结一下,方便查阅。程序效果是实现一个ListView,ListView里面有标题、内容和图片,并加入单击和长按响应。步骤:1.首先在activity_main.xml中定义一个ListView。

    2022年7月22日
    11
  • jvm面试题2021_jvm运行原理及调优面试题

    jvm面试题2021_jvm运行原理及调优面试题2022最新JVM面试题1.JDK、JRE、JVM关系?2.启动程序如何查看加载了哪些类,以及加载顺序?3.class字节码文件10个主要组成部分?4.画一下jvm内存结构图?5.程序计数器6.Java虚拟机栈7.本地方法栈8.Java堆9.方法区10.运行时常量池?11.什么时候抛出StackOverflowError?12.Java7和Java8在内存模型上有什么区别?13.程序员最关注的两个内存区域?14.直接内存是什么?15.除了哪个区域外,虚拟机内存其他运行时区域都会发生OutOfMemo

    2022年8月27日
    6
  • MySQL-索引;视图「建议收藏」

    MySQL-索引;视图「建议收藏」一、索引MySQL索引的建立对于MySQL的高效运行是很重要的,索引可以大大提高MySQL的检索速度。如:我们通过汉字字典查找汉字有两种方式(1)一页一页挨着找,直到找到为止,这种查找方式属于全字典扫描(2)通过汉语字典的目录页(索引),按拼音、笔画、偏旁部首等排序的目录(索引)缩小查找范围快速查找到需要的字select*fromt_userwherename=’zhangsan’;如果name字段上没有添加索引(目录),或者说没有给name字段创建索引,MySQL会

    2022年7月22日
    13
  • 登录双微信怎么登_windows设置多用户远程登录

    登录双微信怎么登_windows设置多用户远程登录QQ都能登录两个,为啥微信不行。其实微信也可以,让笔者来教教大家第一步:新建一个文本第二步:输入以下内容startD:\Tencent\WeChat\WeChat.exestartD:\

    2022年8月1日
    6
  • ScriptManager局部刷新「建议收藏」

    ScriptManager局部刷新「建议收藏」ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果。其中的UpdatePanel就是设置页面中异步局部更新区域,它必须依赖于ScriptManager存在,因为ScriptManger控件提供了客户端脚本生成与管理UpdatePanel的功能。几个重要的属性:ScriptManager控件的EnablePartialRendering属性:true…

    2022年7月13日
    19
  • MAC Unity安装教程「建议收藏」

    MAC Unity安装教程「建议收藏」缘起这边app要做一个简单调研,验证是否可以利用unity改善app中h5页面需要展示的3d和复杂报表效果。于是就此开始了调研,这边只是想简单将unity集成到工程中,然后想办法嵌入h5来进行展示测试。安装地址https://unity3d.com/cn/get-unity/download/archive这里根…

    2022年6月27日
    150

发表回复

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

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