LayaAir可以通过laya.display.Text类添加文本,给文本设置字体样式、颜色、大小等。关于Text类给文本设置样式的方法如下:
align:String
标识文本的水平显示方式。取值:”left“:居右对齐显示。”center“:居中对齐显示。”right“:居右对齐显示。
bgColor:String
文本背景颜色,以字符串表示。
bold:Boolean
指定文本是否为粗字体。默认值为false,这意味着不使用粗字体。
borderColor:String
文本边框背景颜色,以字符串表示。
color:String
表示文本的颜色值。可以通过Text.defaultColor设置默认颜色。默认值为黑色。
font:String
文本的字体名称,以字符串形式表示。默认值为:”Arial“,可以通过Text.defaultFont设置默认字体。
fontSize:int
指定文本的字体大小(以像素为单位)。默认为20像素,可以通过Text.defaultSize设置默认大小。
height:Number
[override] 表示显示对象的高度,以像素为单位。
HIDDEN:String = hidden
[static] hidden不显示超出文本域的字符。
italic:Boolean
表示使用此文本格式的文本是否为斜体。默认值为false,这意味着不使用斜体。
langPacks:Object
[static] 语言包
leading:Number
垂直行间距(以像素为单位)。
lines:Array
[read-only]
maxScrollX:int
[read-only]获取横向可滚动最大值。
maxScrollY:int
[read-only]获取纵向可滚动最大值。
注:以上是Text常用的基本属性方法。
官网例子:
给我们设置字体样式的代码中,需要先给这个文本设置一个文本域,然后设置文本在文本域水平居中和垂直居中。不设置文本域而直接设置文本的水平对齐和垂直对齐将不会有效果。
module laya {
import Stage = Laya.Stage;
import Text = Laya.Text;
import Browser = Laya.Browser;
import WebGL = Laya.WebGL;
export class HelloLaybox {
constructor(){
//不支持WebGL时自动切换到Canvas
Laya.init(Browser.clientWidth,Browser.clientHeight,WebGL);
Laya.stage.alignV = Stage.ALIGN_MIDDLE;
Laya.stage.alignH = Stage.ALIGN_CENTER;
Laya.stage.scaleMode = "showall";
Laya.stage.bgColor = "#232628";
var txt:Laya.Text = new Laya.Text();
//设置文本内容
txt.text = "hello_world";
//设置文本区背景
txt.bgColor = "#c30234";
//设置文本域的宽高
txt.width = 400;
txt.height = 400;
//设置文本水平居中
txt.align = "center";
//设置文本垂直居中
txt.valign = "middle";
Laya.stage.addChild(txt);
}
}
}
new laya.HelloLayabox(); //实例化