目录
参考: 这位博主讲的更细节,图文并茂,我搬运回来做个简要的笔记
1. Anchors 锚点 Or 锚框
先声明一下概念,Anchors包含两部分,分别是AnchorMin和AnchorMax。
AnchorMin和AnchorMax都是Vector2类型的,表示的是在父节点中对应比例的点。
当AnchorMin和AnchorMax相等时,我们称之为锚点。
当AnchorMin和AnchorMax不相等时,我们称之为锚框。
使用锚点时,该UI的中心点与锚点的相对位置保持不变,大小不会随着父对象的大小的改变而发生改变。
使用锚框时,改UI的顶点与锚框的顶点的相对位置保持不变,大小会随着父对象的大小的改变而随之拉伸。
2. Pivot
表示该UI的中心点,左下角为(0,0) ,右上角为(1,1)。
数据类型:Vector2
3. offSet
数据类型:Vector2
offSetMax = UI元素的右上角的坐标,减去AnchorMax的坐标。
offSetMin = UI元素的左下角的坐标,减去AnchorMin的坐标。
4. sizeDelta
数据类型:Vector2
sizeDelta = offSetMax - offSetMin
在锚点情况下,sizeDelta.x表示该UI的宽度,sizeDelta.y表示该UI的高度。
在锚框情况下,sizeDelta.x表示锚框的宽度与该UI的宽度的差值,sizeDelta.y表示锚框的高度与该UI的高度的差值。
sizeDelta在锚点情况下表示的是该UI的size(大小),在锚框的情况下表示的是该UI的Delta(差值)。
5 rect (只读属性)
rect中的属性,不与该UI所在的位置有关,只和其自身属性相关。
rect.width和rect.height表示任何情况下该UI的大小。
rect.x和rect.y表示以Pivot为原点该UI左下角的坐标。
6. anchoredPosition
通过设置anchoredPosition的值可以改变UI的位置。
在锚点情况下,anchoredPosition表示的是该UI中心点到锚点的距离。
在锚框情况下,anchoredPosition表示的是该UI中心点到锚框中心点的距离。