Unity之UGUI的学习(二):Rect Transform(矩形变换)

什么是Rect Transform?

Rect Transform(矩形变换)是一种有别于原有的Transform组件的新的变换组件。在原来的场景中Transform组件表示的是一个点,而Rect Transform表示的是一个矩形。Rect Transform不仅拥有位置旋转缩放,还拥有高度宽度,并且还有锚点轴心点属性。

在这里插入图片描述

1.Anchors(锚点)

在这里插入图片描述
锚点在Scene视图一四个三角形手柄显示,它的信息在Inspector视图中显示。
官网上有这样的描述。

矩形变换有一个锚点的布局概念,如果一个矩形变换的父对象也是一个矩形变换,作为子物体的矩形变换可以通过多种方式固定在父物体的矩形变换上。

也就是说锚点相当于子物体对于父物体一个定位的标志。

再具体点说就是每一个锚点手柄都有一个相对于游戏物体的固定的偏移量,例如左上角的锚点手柄对应游戏物体的左上角会有一个固定的偏移量。当我们在Game视图下拉伸屏幕时,能够发现锚点与游戏物体的距离并没有发生改变(即偏移量没有发生改变)。如下图所示,图片来自Unity官网

图片来自Unity官网
在这里插入图片描述
如上图所示,此时子物体的锚点位于父物体的右下角,而子物体的四个角对于锚点来说都有一个固定的偏移量,这时再拉伸父物体,可以发现子物体相对于锚点的距离并没有发生改变。
在这里插入图片描述
如上图所示,子物体分别将左边两个三角形手柄锚定到父物体的左下角,将右边的两个三角形手柄锚点到父物体的右下角,子物体的角与各自的锚点手柄保持固定的偏移。通过拉伸父物体可以发现,子物体的角与各自的锚点手柄偏移没有发生变化,但是子物体确被拉伸了。

我们可以在Inspector视图中对锚点的位置进行修改。
在这里插入图片描述
**按下Alt时会在设置锚点的同时,将Image的位置设置在同样的位置。**如下图所示。
在这里插入图片描述

**按下shift时会在设置锚点的同时,将Image中心点设置在同样的位置。**如下图所示。
在这里插入图片描述

当所有的锚点手柄在一起时,Rest Transform显示Pos X,Pos Y,Width和Height。当锚点手柄分开时,Rest Transform将部分或全部显示为Top,Bottom,Left和Right。如下图所示。
在这里插入图片描述

2.Pivot(轴心点)

在这里插入图片描述
旋转,缩放,调整大小都是围绕轴心点进行的,轴心点的位置会影响到它们的修改。工具栏 Pivot 按钮设置为轴心模式时,可在 Scene 视图中移动矩形变换的轴心。
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值