UGUI RectTranstrom锚点详解和坐标系

UGUI RectTranstrom锚点小计

Pivot

这个也可以叫做锚点，但是感觉不是太贴切，他的作用是该物体的所有变化，比如旋转，缩放都是以该点为基准点，（Pivot也是以该物体的大小为基准），该值 X,Y都是取值范围是从0到1，默认为0.5，就是中心点
若旋转，会以此点为圆心旋转

Anchors
在这里插入图片描述
自动锚点

在这里插入图片描述
这个就是自动锚点，我们可以点开它然后选择不同的对齐方式

上图我红框圈起来的都是我们可以选择的锚点方式，细心点会发现有的是一个点，有个是两个点，这就是我们在选择该锚点方式的时候，锚点的分布方案，我们选择不同的锚点方式的时候，该UI元素的大小怎么去调节，也是有区别的。

锚点参数

Posx 表示Pivot点距离锚点X方向的值（因为他的X值是一样的）
Top Bottom我们可以通过这两个值来改变该图片的高度
Width 该图片的宽度

小结

Posx，y这种参数一般出现在四个锚点组成了一个点或者是一条线的情况下，Pivot点距离该点或者该线的距离。该参数在锚点组成一条线的情况下，只会出现一个。
Width，Height这种参数出现在四个锚点组成了一个点或者是一条线的情况下，表示该图片的宽度和高度。该参数在锚点组成一条线的情况下，只会出现一个。该值改变是以Pivot为基础的。
Left，Right,Top,Bottom这种参数会出现在四个锚点组成了一个矩形，表示该图片的某个边缘，距离锚点组成的图形的边缘的距离，有正负之分，在范围以内是正值，边框外为负值。四个锚点组成一条线的时候，是Y方向的线的时候，会出现Top和Bottom两个选项，表示距离该锚点Y值最大值和最小值的距离。是X方向的线的时候，会出现Left和Right两个选项，表示距离该锚点X值最大值和最小值的距离。

RectTransform

当锚点在中心的时候，我们在上边提到的PosX，Y，Z,这个我们也可以理解为坐标系，但是这个坐标系和世界坐标系是不一样的，我们暂且理解为UI坐标系，UI坐标系的朝向跟世界坐标系是一样的，但是UI坐标系的距离和世界坐标系是不一样的

 //获取UI坐标系的2D坐标，就是X,Y值
 GetComponent<RectTransform>().anchoredPosition;
 //获取UI坐标系的3D坐标，
 GetComponent<RectTransform>().anchoredPosition3D;
//获取该UI在世界坐标系的3D坐标
 GetComponent<RectTransform>().position;
 //和上一个值是一样的是世界坐标系
 transform.position;
 //和世界坐标系transform.up是一样的，都是单位长度
 GetComponent<RectTransform>().up;