UGUI组件之Rect Transform

1.组件概述

        Rect Transform:矩形变换，该组件继承至Transform组件，是专门用于处理UI元素位置和大小相关的组件，Transform组件只处理位置、角度和缩放，Rect Transform组件在Transform组件的基础上加入了矩形相关，将UI元素当做一个矩形来处理，加入了轴心点（中心点），锚点长宽等属性，其目的是更加方便的控制其大小以及分辨率自适应中的位置适应。

2.参数相关

Pivot:  轴心（中心）点，取值范围0~1，UI控件中的蓝色小圆圈就是UI元素的轴心点，也叫中心点，轴心点是基于UI元素的左下角（0,0），右上角（1,1）来计算的，同时轴心点会作为旋转的中心点，UI元素的旋转会基于这个点进行旋转，UI元素在平面上正常的2维旋转，往往都是基于z轴进行旋转的。同时轴心点会与Anchors（相对于父矩形锚点）进行一些位置的计算

Anchors（相对父矩形锚点）：

        当前UI元素矩形的锚点位置是基于父矩形而定的，以父矩形的左下角为（0,0）右上角维（1,1）来定位当前矩形锚点的位置。

        Min是矩形锚点范围X和Y的最小值

        锚点的MinX和MaxX的值代表锚点距离父矩形的左边距的最小和最大比例值

        Max是矩形锚点范围X和Y的最大值

        锚点的MinY和MaxY的值代表锚点距离父矩形的下边距的最小和最大比例值

        取值范围都是0~1

        当锚点是聚合状态时，UI元素的Pos值是相对于锚点到轴心点的X轴Y轴的偏移量，也就是笛卡尔坐标系的原点是锚点（0,0），UI元素的位置点为轴心点，当需要进行分辨率自适应时，锚点的位置很重要。

        当锚点是分离状态时，UI元素的Pos值将变化为Left/Top/Right/Bottom参数，其中这四个参数代表的含义就是UI元素本身的矩形的左上右下四条边分别距离分离锚点的位置。

        锚点矩形是由Min（x,y）左下角和Max（x,y）右上角这个对角线来确定的，因为一个对角线只能确定唯一的一个矩形。

Pos（X，Y，Z）：轴心点（中心点）相对锚点的位置

Width/Height:矩形的宽高

Left/Top/Right/Bottom:矩形边缘相对于锚点的位置，当锚点分离时会出现这些内容

Rotation:围绕轴心点旋转的角度

Scale：缩放大小

：BluePerint Mode(蓝图模式)：启用后，编辑旋转和缩放不会影响矩形，只会影响显示内容，也就是在编辑UI元素时，套在UI元素外面的矩形框，当勾选后蓝图模式后，矩形将不再发生变化

：Raw Edit Mode(原始编辑模式) 启用后，改变轴心和锚点值不会改变矩形位置，矩形位置发生改变， 也就是当勾选该选项之后，锚点值和轴心值时，两者的位置是不发生改变的，改变的只有UI元素矩形

轴心点、锚点快捷方式：

        鼠标左键单击预设，可以快捷设置锚点位置（九宫格布局），中间橙色点是锚点聚合状态的位置预设，边缘蓝色线条是锚点分离状态的预设

        按住Shift点击鼠标左键可以同时设置轴心点（轴心点是相对自身矩形）

        按住Alt点击鼠标左键可以同时设置位置。

获取UI对象的Rect Transform组件：使用里氏替换原则（父类装子类），Rect Transform是继承自Transform，也就是说可以通过Transform as Rect Transform进行得到Rect Transform组件。