Unity3D——UGUI页面排版之RectTransform介绍

RectTransform属性界面展示：

一、设置x轴相对位置

表示x坐标分别是相对父容器左边、中间、右边计算。

例子如下：操作的对象是“前往”按钮，灰色覆盖到的地方是它父容器的大小。（y轴为middle）

left:

center:

right:

二、设置y轴相对位置

表示y坐标分别是相对父容器顶部、中间、底部计算。 同一个例子：（x轴为center）

top:

middle:

bottom:

三、改变对象中心点

按住shift的时候，界面会变成

蓝色的点表示，会把对象（本例子中指的是“前往”按钮）的中心点也改变。 left、center、right表示x轴中心点改为0、0.5、1； top、middle、bottom表示y轴中心点改为0、0.5、1； 比如： 初始状态为：

这个时候，按钮的中心点在中间位置。 假如，把中心点改成左边，

界面不变

则坐标变成

因为按钮算相对位置的点变成了左边。

四、stretch属性

1、左边一列表示元素会相对父元素的左右两边固定某个值，然后自己的宽度根据父元素的宽度改变而改变

如上面三张图图，left和right的值会固定，按钮的宽度随父容器改变而改变

2、下边一列表示元素会相对父元素的上下两边固定某个值，然后自己的高度根据父元素的高度改变而改变

如上面三张图图，top和bottom的值会固定，按钮的高度随父容器改变而改变

转载于:https://juejin.im/post/5b5049c55188251b24382f46