【1.UGUI基础】2.Rect Transform组件

2.Rect Transform组件2.1Rect Transform组件的用途Rect Transform(矩形变换)组件用来实现 Position(位移)、Rotate(旋转)、Scale(缩放大小)的功能。

2.Rect Transform组件

2.1Rect Transform组件的用途

Rect Transform(矩形变换)组件用来实现 Position(位移)、Rotate(旋转)、Scale(缩放大小)的功能。只有 UI 组件具有 Rect Transform 组件,其他 GameObject 是 Transform(变换)组件。

2.2Rect Transform组件的组成

Rect Transform 组件中的变量:

  • Position(位移) – PosX、PosY、PosZ
  • Rotate(旋转)
  • Scale(缩放大小)
  • Width(宽)
  • Height(长)
  • Anchors(锚点)
  • Pivot(枢轴)

如下图所示:

【1.UGUI基础】2.Rect Transform组件

2.3Rect 工具按钮

Rect 工具按钮如下图所示:

【1.UGUI基础】2.Rect Transform组件

该工具按钮是针对 Rect Transform 组件的操作开关,可以设置 UI 元素的位移和大小。

Rect 工具的要素:

当选中一个 UI 元素时,就会出现 Rect 工具的要素。如下图所示:

【1.UGUI基础】2.Rect Transform组件

1.控制柄

拖动控制柄可以调整 UI 元素的大小;按住控制柄矩形范围内的任一点并拖拽可以移动 UI 元素的位置。

2.Pivot(枢轴)

Pivot 是一个 UI 元素的中心,当工具栏中显示“Pivot”时,可以移动这个中心点,使该 UI 元素的中心点发生变化;当工具栏中显示的是“Center”时,这个中心点变暗,不可移动。如下图所示:

【1.UGUI基础】2.Rect Transform组件

【1.UGUI基础】2.Rect Transform组件

中心点位置不同,旋转或位移时效果不同。如旋转时会围绕中心点旋转。

3.Anchors(锚点)

锚点的作用是能够将 UI 元素的 Rect 工具按钮控制柄与其父级 UI 元素的某个特定位置连起来,将控制柄和相应锚点的距离锁死。锚点设置如下图所示:

【1.UGUI基础】2.Rect Transform组件

1区有 9 个常用位置,处于该区的锚点是合在一起的;2区是锚点的另外 7 个位置,处于该区的锚点是分开的,可两两分开或四个完全分开。

两两分开:

【1.UGUI基础】2.Rect Transform组件

四个完全分开:

【1.UGUI基础】2.Rect Transform组件

这两种情况下,Position 设置会与 1 区的位置有一些差别,需要设置 Left、Right、Top、Bottom 几个变量。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/91798.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信