Unity UGUI Rect Transform详解

一直对Inspector里的Rect Tranform有疑问，不明确shift和alt的作用（虽然注释了），也不明确pivot的用法。今天整理一下。

首先，为了保证所见即所得，打开pivot模式，Scene中打开2D模式；

接下来，创建一个Canvas，并在其之下创建子控件Image。

Canvas默认平铺为整个屏幕空间（Screen Space - overlay），位置不可控；

打开Image

先讲锚点：Anchors。设置的是Image在Canvas中的相对位置；也就是在Canvas坐标系中，Image所处的位置，比如当前设置的Anchors为 bottom,right, 那么Image在Canvas坐标系中的(0,0)点就位于右下角：

如果PosX,PosY值改变了，图片会作出相对于锚点的位置改变：

这回再设置锚点到bottom left，左下角那朵小花就是锚点位置：

接下来讲Pivot，这是Image自己的中心点。XY值代表中心点相对于自身的百分比位置，接着上面那张图看，pivot的位置就在Image右下角，相对于自身的百分比为(100%, 0)

我们再变化一下：

再看小蓝点，非常明白了吧，pivot位置为Image百分比为(100%, 50%)的位置

最后讲下锚点的快捷键：

按下shift时会在设置锚点的同时，将Image中心点设置在同样的位置

按下Alt时会在设置锚点的同时，将Image的位置设置在同样的位置