ReactTransform.rect表示UI图形本身

10.13

多看几遍

Mask组件影响性能

<b>xxx</b> 加粗

<i>xxxx</i>泄题

<size=20>xxx</size>字体大小20

<color=#ff

RawImage。ucRect

shi

面板框

Source image   图片必须是sprite（再图片textrue type设置）

决定UI渲染层级的四种因素

1.camera（最大）

      depth

2.Sorting layer（canvas组件）

3.order in layer canvas组件）

3.Hierarchy的排列顺序；

谁是后渲染的谁就在上面；

数字小的先xuanra

Local

组件 AspectRatioFitter

      Aspect Mode  :width control height(根据宽度来设置高度，宽高比是一定的）

组件 AspectRatioFitter

      Aspect Mode  :width control height(根据宽度来设置高度，宽高比是一定的）

组件： Grid Layout Group 网格自动布局

      使用性强，可以替代水平和数值的Layout组件

    Cell Size：子物体的大小

     Spacing ：子物体与子物体之间的间隔距离

     Start Corner :第一个物体出现的地方，排列的方式

     Start Axis :  轴向的排列方式，水平排列或者竖直排列

    Constraint : 限制水平和 

InputField

     content type： Integer Number(只允许输入整数），Decimal Number(只允许输入十进制的数），Alphanumber (大小写的字母和0到9的数字），pin（只能输入整数并以星号显示），password（可以输入任何并以星号显示）

     Placeholder : 提示文本的文字

     CaretBlinkRate ：输入框内的光标闪烁的频率

    Caret Width :光标的宽度

   Custom Caret Color : 光标的颜色

   Selection Color  :   选中文本的颜色

  Read Olny :  只能读，不能修改

Slider 

       whole Number :  是否只能使用整数

Toggle的介绍及使用

     ison :代表当前复选框的选定状况

Button的介绍及使用

     1.在外部直接添加相应的事件

     2.在代码内部添加相应事件

        在start中 GetComponent<Button（）.onClick.AddListener(changecolor)

交互组件基类Selecttable(script)

      interactable : 该ui是否可以交换

     transition:交换时的显示效果，有变换颜色，变换图片，变换动画（需要自己去k，强烈不建议用这种方式，可以用d什么去做）

遮罩Mask组件

      定义：只会显示遮罩内部的元素,图片

      作用于 ：子物体，避免使用mask因为会影响性能

     用mask2D不会影响性能，但是会有bug，可以自己写mask来替代