任务5：文本类laya.display.Text基础

一、任务目标

文本的显示在游戏开发中有着重要的地位，无论是纯文字向的游戏，还是其他类型游戏的剧情，乃至一些游戏页面的基本信息，都离不开文本类的支持。在LayaAir引擎laya.display.Text文本类就是用于创建可显示的文本对象的类，该任务了解文本类的基本使用。

二、任务分解

2.1 查阅API

• 文本类基本属性文档：https://ldc2.layabox.com/doc/?nav=zh-ts-1-2-0
• 文本类API：https://layaair2.ldc2.layabox.com/api2/Chinese/index.html?version=2.12.1beta&type=Core&category=display&class=laya.display.Text

其中基础文档是文本类常用的属性，可以入门时了解。API是文本类的全面介绍，初学时在基础篇中找到自己想要的属性后，详细的使用可以翻看API中的介绍。

2.1.1 可视化创建文本

• 在左侧工程面板找到Basics基本组件，展开2D选项卡，拖动下面的Text组件到舞台上，也就是场景中。
• 在左侧层级面板中，右键点击创建UI组件，也可以在场景中添加一个Text文本。这里要注意的是，在层级面板中创建组件要注意层级关系。
  
  如图所示，此时在右侧属性面板操作可视化，非常方便。而且右侧的属性都可以在API中找到，如果不知道对应作用的化，可以翻看API文档，下面会将一些基础常用属性，如果没有讲到可以翻看文档。另外属性中有一部分是父类的继承来的属性，如果在文本类的API中没有找到，可以去查看其父类的属性，还有一部分属性在属性面板中并没有给出，可以获取当前需要操作的文本然后通过代码实现，如何获取节点在后续会讲到。

2.1.2 通过代码创建文本

export default class text extends Laya.Script {
   

    constructor() {
    super(); }

    onAwake() {
   
        //创建文本对象
        let txt: Laya.Text = new Laya.Text();
        txt.text = "3.14159265358979323846";
        txt.color = "#FFFFFF";
        txt.fontSize = 100;
        txt.x = 468;
        txt.y = 270;
        txt.width = 200;
        txt.height = 10