本期我们继续为大家进行Unity UI简介（第一部分）的后续教程
本篇内容
12.Rect变换取决于当前锚点设置
13.Pivot
文章末尾可免费获取教程源代码
本篇Unity UI简介（第一部分）篇幅较长，分为十篇，本篇为第六篇。
12.Rect变换取决于当前锚点设置
根据锚设置，Rect Transform提供了不同的方法来控制UI元素的大小和位置。
如果将锚点设置为单个点而不拉伸，则会看到位置X，位置 Y，Width（宽）和Height（高）的属性。
但是，如果你在你的延伸UI元素的方式来设置锚，你会得到左和右，如果你将它设置为在水平方向拉伸，而不是位置X和宽。如果将其设置为垂直拉伸，则将获得顶部和底部，而不是位置Y和高。
在此屏幕截图中，标头的锚点设置为“middle-stretch”，这意味着图像垂直停留在“Canvas”的中间，水平延伸。
13.Pivot
在Rect Transform组件中讨论的最后一个属性是Pivot。
枢轴是进行所有转换的关键点。换句话说，如果更改UI元素的位置，则也将更改枢轴点的位置。如果旋转UI元素，它将围绕该点旋转。
枢轴使用归一化坐标。这意味着高度和宽度都从0变为1，其中（0，0）是左下角，（1，1）是右上角。
注意：你还可以在UI元素范围之外设置数据透视。在这种情况下，数据透视将超出（0，0）–（1，1）范围，这可能是很有用的。例如，你可能想围绕场景中的某个点旋转对象。要更改枢轴，必须确保将“Pivot/Center”按钮切换为“Pivot”，如下所示：
你可以在Inspector中的Rect Transform组件中更改支点，也可以使用Rect Tool。
以下两个图像演示了具有相同Pos X和Pos Y值的UI元素，但是每个元素在场景中的位置都不同。
第一张图片显示了默认值（0.5，0.5）的枢轴，它是UI元素的中心。位置设置为（0，0），锚点设置为 top-left
注意：重要的是要了解UI元素的位置是相对于锚点设置的。（0，0）位置是指距锚点的距离，这些锚点设置在“Canvas”的左上角。
现在，看看第二张图像。如你所见，位置仍然位于（0，0），但是由于枢轴设置为左下角（0，0），因此你可以看到图像的下角而不是中心现在位于画布的左上角。
使用静止图像很难显示枢轴如何影响旋转和尺寸，因此以下是一些动画：
请注意，图像如何围绕枢轴旋转（由蓝色圆圈表示），这是你可以自由移动的元素。
注意：在缩放以围绕枢轴点缩放时，按住Option / ALT键。
如你所见，数据透视还影响UI元素的大小调整方式
注意：更改UI元素的大小时，不会更改其比例。而是使用“Width”和“Height”或“Top”，“ Right”，“ Left”和“Bottom”填充来更改其大小。
要注意，大小和比例之间存在一些差异。例如，尺寸不能为负，但比例可以为负。此外，使用负比例值将翻转你的UI元素。在大多数情况下，你只应更改UI元素的大小。
本期的教程就到这里结束了，我们下期会继续Unity UI简介（第一部分）的后续教程
Unity架构师之路
Unity教程 | 墙外的Unity | 免费资源 | 游戏开发日记
添加下方微信获取教程源代码