RectTransform简析

设备事件的响应与处理(EventSystem系统,及封装的Button、Toggle等常用组件)

RectTransform序列化的内容

RectTransform简析


  也就是说RectTransform是通过这四个属性来确定RectTransform的四个顶点的(position)。

如何确定顶点信息 额外属性的含义

anchorMin:左下角锚点距离父节点左下角的标准距离(父节点所确定四个顶点的矩形的左下角看作(0,0),右上角看作(1,1))。

anchorMax:右上角距离父节点左下角的标准距离。

pivot:中心点距离自身所确定的矩形的左下角的标准距离。

sizeDelta:自身所确定的矩形长宽相对于anchorMin、anchorMax所确定的矩形的偏移量(偏移时会按照pivot的比例来偏移,举个例子:pivot是(0.3,pY),sizeDelta是(100, sY),那么自身的矩形左下角会相对于anchorMin负向偏移30,右上角会相对anchorMax正向偏移70,整体将矩形扩大了100。y轴一样)。

anchoredPosition:自身矩形的中心点相对于anchorMin、anchorMax所确定的矩形中心点的位置(或者也可以理解为偏移量,下面会说)

如何通过这几个参数来确定自身的矩形

  通过一个例子来说明一个RectTransform的形状是如何通过上面的几个参数确定的。
  父节点信息

RectTransform简析


  子节点信息

RectTransform简析

1.确定anchorMin、anchorMax代表的矩形

  父节点的长宽为(1920,1080),子节点的anchorMin为(0.2,0.3),所以如果把父节点矩形的左下角看作原点,那么anchorMin所代标的点的坐标即为(1920 * 0.2,1080 * 0.3),也就是(384,324)。同理,得到anchorMax代表点的坐标(1152,972)。
  也就是一个左下角坐标为(384,324),长宽为(1152 - 384,972 - 324),即(768,648)的矩形。
  用RectTransform来表示的话就是下图这样,anchorMin、anchorMax、pivot都为(0,0),Pos为(384,324),长宽(768,648)。

RectTransform简析

2.通过sizeDelta和pivot确定自身矩形的大小

  因为sizeDelta是(100,300),所以接下来对上一步确定的矩形的左下角平移(-100 * 0.4, -300 * 0.5),平移后为(344,174)。右上角的点平移(100 * 0.6, 300 * 0.5),平移后为(1212,1122)。
  用RectTransform来表示的话就是下图这样,anchorMin、anchorMax、pivot都为(0,0),Pos为(344,174),长宽(868,948)。

RectTransform简析

3.通过anchoredPosition对自身进行平移

  把上一步确定的矩形平移子节点的anchoredPositino(60,-200)。
  用RectTransform来表示的话就是下图这样,anchorMin、anchorMax、pivot都为(0,0),Pos为(404,-26),长宽(868,948)。
  这个RectTransform所表示的矩形正好可以和子节点的重合,虽然参数不一样。

RectTransform简析

注意

  严格来说并不是左下角或者右上角,而是指的anchorMin、anchorMax所确定的点。向左、向右指的是父节点空间内的负方向和正方向。但是因为绝大多数情况下anchorMin的xy坐标会小于anchorMax的xy坐标,这样才是一个几何意义明显的矩形。

RectTransform的Inspector面板

RectTransform简析

就是anchorsMin、anchorsMax、pivot,上面已经说过了,这理解不说了。

是就是Transform的localRotaion和localScale属性,也没啥好说的。

这四个数值是对sizeDelta和anchoredPosition的封装。让开发者可以更直观的进行位置和大小的调整。
具体来说就是左侧的两个值代表了sizeDelta和anchoredPosition的x值,右侧的两个值代表了y值。
下面就来说一下左边两个值的具体含义,当anchorsMin和anchorsMax的x值相等时,也就是这两个锚点的x坐标重合。这个时候这两个值会变成PosX和Width,其实就是anchoredPosition.x和sizeDelta.x的几何意义。
anchoreMin和anchoreMax的x值不等时,也就是这两个锚点的x坐标分离时。会变成left,right。分别代表子节点左侧、右侧相对于anchoredMin、Max确定的矩形向内的偏移量,十分直观。其实还是对anchoredPosition.x和sizeDelta.x的封装。
右边的两个值就对应anchoredPosition.y和sizeDelta.y。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxxxp.html