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

一.创建文本



显示结果：



二.添加一些属性



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

/**
* 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