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

UGUI的三个组件

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

Vertical Layout Group

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

让子物体垂直竖向排列

Horizontal Layout Group

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

Grid Layout Group

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

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

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