Unity3d中UGUI组件精简复盘RectTransform组件

Posted 2021-07-17 ProMer_Wang

话不多说，我们直接进入正题~ 今天我们需要了解的组件便是我们在Unity开发中必不可少的组件啦，RectTransform组件啦~


在Unity3D中的组件布局是这样的：

RectTransform组件

Center模式下，UI部分的轴心点置灰，导致我们无法选中轴心点进行拖动

Pivot模式下，UI部分的轴心点恢复原亮，我们可选中轴心点进行拖动

自定义锚点，子物体可以设置成根据父物体的变化相对变化的效果

蓝色矩形边长为200，计算红色一点的Anchors的位置是什么？

AnchorsPosition为（0，-100）

Pivot

如果X位置变化，想要Image只向右边的拓展，则将Piovt设置为（0,0.5）

如果y位置都变化，想要Image只向上边扩展，则将Piovt设置为(0.5，1)

如果y位置都变化，想要Image只向下边扩展，则将Piovt设置为(0.5，0)

如果X，y位置都变化，想要Image向四周扩展，则将Piovt设置为(0.5，0.5)

获取UI宽高的最安全的方式

如何获取到Image组件的宽高？

size DeltaX = -(Left+Rigth)

size DeltaY = -(Top+Buttom)

蓝图模式和原始编辑模式

虚线框：蓝图模式

R：原始编辑模式

非蓝图和非编辑模式下，边框会随着Image的旋转缩放变化而变化，边框始终包含渲染图。Anchors的Min、Max值变化只操作锚点位置。操作Pivot的X、Y值的同时，image不会随之运动

蓝图模式下，边框不会随着Image的旋转、缩放而变化，应用在界面的动画的情况下。

原始编辑模式下，Anchors的Min、Max值变化的同时，image的边框也会随之变化。操作Pivot的X、Y值的同时，image会随之运动

以上呢，便是我对Rectransform组件作出的简要的描述，希望能够对你有所帮助~ 也希望你能够点赞、评论吖~ 你们的点赞、评论就是我前进的动力！

作者：ProMer_Wang

链接：https://blog.csdn.net/qq_43801020/article/details/117531184

本文为ProMer_Wang的原创文章，著作权归作者所有，转载请注明原文出处，欢迎转载！