关闭

HTML5游戏制作之路_06_egret文本及相关属性

标签: html5egret游戏
407人阅读 评论(0) 收藏 举报
分类:

一.创建文本

显示结果:

二.添加一些属性

三.绘制矩形并添加文字描边

/**
 * Created by 13641 on 2015/11/19.
 */
class Texttest extends egret.DisplayObjectContainer{

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.mainFunc, this);
    }

    private mainFunc():void{
        this.TextDisplay();
    }

    private TextDisplay():void{

        //绘制图形
        var shape:egret.Shape = new egret.Shape();
        //指定绘制颜色
        shape.graphics.beginFill(0xFF0000);
        shape.graphics.drawRect(0,0,400,400);
        shape.graphics.endFill();
        this.addChild(shape);


        var lable:egret.TextField = new egret.TextField();
        lable.text = "总有刁民想害朕";
        //描边的颜色
        lable.strokeColor = 0x0000ff;
        //描边的宽度
        lable.stroke = 2;
        lable.x = 120;
        lable.y = 150;
        this.addChild(lable);
    }
}

效果:


四.设置文字粗体(这个属性不能单独改某个文字,只能改全篇)

/**
 * Created by 13641 on 2015/11/19.
 */
class Texttest extends egret.DisplayObjectContainer{

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.mainFunc, this);
    }

    private mainFunc():void{
        this.TextDisplay();
    }

    private TextDisplay():void{

        //绘制图形
        var shape:egret.Shape = new egret.Shape();
        //指定绘制颜色
        shape.graphics.beginFill(0xFF0000);
        shape.graphics.drawRect(0,0,400,400);
        shape.graphics.endFill();
        this.addChild(shape);


        var lable:egret.TextField = new egret.TextField();
        lable.text = "总有刁民想害朕";
        lable.width = 400;
        lable.height = 400;
        //水平对其
        lable.textAlign = egret.HorizontalAlign.CENTER;
        lable.verticalAlign = egret.VerticalAlign.MIDDLE;
        //粗体
        lable.bold = true;
        //斜体
        lable.italic = true;
        this.addChild(lable);
    }
}

效果:


五.文本对齐

设置文本宽高,注意要放在显示代码之前。

六.指定文本的字体

1.

/**
 * Created by 13641 on 2015/11/19.
 */
class Texttest extends egret.DisplayObjectContainer{

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.mainFunc, this);
    }

    private mainFunc():void{
        this.TextDisplay();
    }

    private TextDisplay():void{

        //绘制图形
        var shape:egret.Shape = new egret.Shape();
        //指定绘制颜色
        shape.graphics.beginFill(0xFF0000);
        shape.graphics.drawRect(0,0,400,400);
        shape.graphics.endFill();
        this.addChild(shape);


        var lable:egret.TextField = new egret.TextField();
        lable.text = "总有刁民想害朕,总有刁民想害朕";
        lable.fontFamily = "KaiTi";
        this.addChild(lable);
    }
}


2.位图文本:自定义字体。

1)将fnt和png放在asset文件夹下

同样还是利用json和RES来加载,没什么意思了。

注意json里面的type为font


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:39427次
    • 积分:1061
    • 等级:
    • 排名:千里之外
    • 原创:67篇
    • 转载:8篇
    • 译文:0篇
    • 评论:9条
    最新评论