此系列内容来源于Cocos的官方
官方视频链接
腾讯视频
哔哩哔哩 — Cocos 官方。
Label
在层级管理中点击+号，创建渲染节点-- label(文字) 或者直接从控件库中直接拖入到场景编辑器
这里重点说说。Overflow
Overflow是用来用之文字的显示方式，默认为NONE
NONE:文字根据显示内容，单行自适应宽度、高度。也就是说，文字有多长，label就展示多长。
此时会发现。无法改变label的size属性CLAMP: 根据Label的size大小展示内容,就是文字很长，也只展示size的大小
此种模式下面会多一个属性Enable Wrap Text:是否运行换行。取消勾选的情况下。即使高度很高，也只是单行展示SHRINK: 根据给定的size大小，自动改变字体大小以保证文字全部展示。也有Enable Wrap Text属性，可以指定单行还是多行RESIZE_HEIGHT:自适应Label的高度。根据给定的size的宽度，高度会根据内容自动变化
Widget
这个是对节点的位置进行约束的控件。
比如屏幕不管是100的宽度，还是1000的宽度，始终让我这个元素在屏幕的左边距离20.上边距离20。就可以通过Widget很方便的实现。
新建一个Sprite，同时在上面新建一个Label 选中Label，在属性检查器中添加组件
只需要根据需要勾选相应的内容并设置值即可
Widge不仅能设置固定距离，也可以按照百分比设置
这里有一个属性Align Mode,便是渲染这个Widget的时机
ONCE: 只在初始化的时候渲染一次ONON_WINDOW_RESIZE： 当Window的尺寸发生变化时，渲染一次ALWAYS： 时时渲染
Layout（自动布局）
新建一个layout： 创建节点---创建UI节点--layout（布局）
type：设置其子节点的对齐方式
HORIZONTAL横向布局VeRTICAL纵向布局
Padding：设置距离父节点的间距和子节点之间的间距
HORIZONTAL(横向布局)
left：第一个距离父节点的左边距Right： 最后一个距离父节点的右边距SpacingX：节点之间的间距
VeRTICAL(纵向布局)
top：第一个距离父节点的上边距bottom： 最后一个距离父节点的下边距SpacingY：节点之间的间距
Resize Mode：自动设置父节点、子节点的大小
CONTAINER： 自动设置父节点的宽（横向type），高（纵向模式）
当设置为CONTAINER的情况下，父节点会根据子节点的大小、间距、数量 自动适应宽度。
每添加一个子节点、layout就自动变宽。而且此时layout的宽度无边改变
CHILDREN： 自动设置子节点的宽（横向type），高（纵向模式）
当设置为CHILDREN的情况下，子节点会根据其父节点的宽度以及其设置的的大小、间距、数量 自动调整子节点的宽度。
当我改变了layout的宽度，会发现子节点的宽度被按比例拉伸了
