egret-docs-master/extension/EUI/controls/label

文本控件对应的类是 eui.Label。eui.Label 继承自 egret.TextField，实现了 eui.UIComponent 接口。因此它不仅拥有基本的文本功能(egret.TextField)，还有自动布局功能(eui.UIComponent)。

基本的文本使用请参考 Egret Engine - 处理文本

示例如下：

var label:eui.Label = new eui.Label();
label.text = "eui Label test";
this.addChild(label);

效果如下：

上面设置了文本的显示文字，此外还可以修改样式，实现不同的显示效果：

label.width = 400;//设置宽度
label.height = 300;//设置高度
label.fontFamily = "Tahoma";//设置字体
label.textColor = 0xFF0000;//设置颜色
label.size = 35;//设置文本字号
label.bold = true;//设置是否加粗
label.italic = true;//设置是否斜体
label.textAlign = "right";//设置水平对齐方式
label.verticalAlign = "middle";//设置垂直对齐方式

效果如下：

Label既可以显示单行文本，也可以显示多行文本。当为Label设定了宽度，并且文字过长的时候，会自动换行。

label.width = 200;
label.height = 60;
label.size = 14;
label.lineSpacing = 2;//行间距
label.text = "test test test test test test test test test test";

效果如下：

style属性

label 支持style属性，类似于css样式。

在default.thm.json中增加style的设置

在exml中给label设置style样式

最终显示的效果：