unity3D 学习UGUI (三)3个排列组件

UGUI的三个组件

在Canvas下创建个空物体,依次添加这三个组件
在空物体下创建image子对象来测试
Vertical Layout Group 组内元素垂直排列
Horizontal Layout Group 组内元素水平排列
Grid Layout Group 网格排序

Vertical Layout Group

unity3D 学习UGUI (三)3个排列组件_第1张图片

让子物体垂直竖向排列

Horizontal Layout Group

和上述的差不多,只是变成让子物体水平横向排列

Grid Layout Group

网格,让子UI物体的排列成格子网格状,UI对象可以是多种类型,一般为Image,Text,和Panel组合物体

unity3D 学习UGUI (三)3个排列组件_第2张图片
这里都不详细介绍属性了,实际多操作下就能明白
最后一个Constraint是限制类型,可以行数,列数
另外注意:格子里面的Panel是移不动的。

使用技巧:每在Grid下创建一个Image 直接保存 ctrl + s 、Command +s 就可以自动排序
加上组件ContentSizeFitter就可以自动排序子物体,无需自己拖动,配合动态创建物体。

你可能感兴趣的:(UGUI)