Unity3d中UGUI组件精简复盘(一)RectTransform组件

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


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

RectTransform组件

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第1张图片

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

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

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

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第2张图片

蓝色矩形边长为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)

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第3张图片

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

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

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第4张图片

size DeltaX = -(Left+Rigth)

size DeltaY = -(Top+Buttom)

蓝图模式和原始编辑模式

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第5张图片

虚线框:蓝图模式

R:原始编辑模式

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

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

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


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


公众号:平平无奇代码猴
也可以搜索:Jackiie_wang 公众号,欢迎大家关注!欢迎催更!留言!

Unity3d中UGUI组件精简复盘(一)RectTransform组件_第6张图片

作者:ProMer_Wang

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

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

你可能感兴趣的:(Unity,UGUI,unity3d,ugui)