【UGUI】Basic Layout

Basic Layout

UGUI通过RectTransform来进行排版布局。

The Rect Tool

Rect Tool可以方便的操作UI控件的位置、缩放、旋转，以及锚点等，当然2DSrite和3D对象同样可以被操作，这里建议把控件的轴心显示模式设置为Pivot、Local。

Rect Transform

Rect Transform和之前的Transform差不多，不过多了width、height、anchor、Pivot等，以方便UI上的需要。

Resizing Versus Scaling

当使用Rect Tools改变对象的大小时，不管是UI、Sprite或者是3D对象，都可以改变对象的大小，不过sprite和3D对象是改变的local scale，但UI组件则不会改变local scale，而是改变width和height。但是不会改变字体的大小，以及九宫格的边沿部分，当然可显示的大小是会改变的，即width、height还是会改变。

Pivot

轴心点，是作为组件被旋转、缩放、拉伸等的参考点，你可以在Scene中自由的改变它。最重要的作用就是自身的布局模式（如文字的左右对齐等）以及绕轴旋转等，在制作3DUI时，对齐轴心转动角度很有用。

Anchors

Rect Transform内置的自动排版布局是通过Anchor来实现的，通过设置Anchor来设置想对锚点和拉伸模式等。

如果Rect Transform的组件父节点依然是Rect Transform，那么该子节点同样可以根据相对锚点信息来排版布局。

锚点一共有4个，左上、右上、左下、右下，你可以操作任何一个，当然锚点重叠时，你可以点击它们的中心一起移动。它们分别对应了组件的四个顶点的参考点，如果父节点位置、大小变化时，组件通过anchors的设置，可以使各顶点相对锚点保持一致的位移或拉伸。

移动时，如果保持Shift键按下，那么，组件的顶点会保持相对位置跟随锚点一起移动，即保持相对位置进行拉伸。

锚点的主要作用就是用来快速、精确的定位的，当然支持定位拉伸。

Anchor presets

这里内置了几个锚点，每个锚点都可以进行快捷设置，如果锚点被分隔的话，就可以自动拉伸适应。拉伸包括：左拉伸、右拉伸、上拉伸、下拉伸、左右拉伸、上下拉伸、四方为拉伸，类似九宫格的模式。

Anchor and position fields in the Inspector

如果锚点都在一个点上，即在一起，那么锚点的作用为位置定点，即确认相对位置，这时，Rect Transform的主要属性为：PosX、PosY、Width、Height。

相反，如果锚点不在一起，则锚点的作用为拉伸定点或定向，即确认拉伸方向，这时，Rect Transform的主要属性为：Left、Right、Top、Buttom，即类似九宫格的距离各锚点（九宫格的四方向）的距离。

默认情况下，为了保持组件位置不变动，更改anchor和pivot后，Rect Transform的位置会自动改变，如果确实想在改变anchor和pivot后改变组件的位置，那么可以按下Rect Transform上的"R"按钮。

Rect Transform上的“口"按钮，则是可以保持原矩形框不被缩放和旋转，对应属性为Rotation、scale，主要作用暂时还没深入了解。