Unity3d中UGUI组件精简复盘（十六）三大 Layout Group组件

Posted 2021-09-08 ProMer_Wang

上一节，我们简单概括了Unity3D编辑器中Slider组件的简要介绍。具体详情链接为：Unity3d中UGUI组件精简复盘（十五）InputField组件

话不多说，我们直接进入正题~ 今天我们简要概括复盘的组件便是自动排列的三大组件，分别是Horizontal Layout Group组件 、Vertical Layout Group组件、Grid Layout Group组件

一、Horizontal Layout Group组件

自动排列组件（网格自动布局）

Padding： 内边距的距离，Left元素起始点跟左边的距离，Right元素起始点跟右边的距离，Top元素起始点跟上边的距离，Bottom元素起始点跟底边的距离

Spacing： 每一个元素之间的间隔距离多少

Child Alignment： 对齐方式，Upper Left左上方对齐，Upper Center上方中间对齐，Upper Right右上方对齐，

Control Child Size： 布局组件是否控制子物体的宽高，勾选时不可改，不勾选时课改

Use Child Scale： 是否考虑子物体的缩放，勾选时，根据缩放后的大小自动排列，不勾选时，不会自动排列。

Child Force Expand： Width，Height是否自适应整个视图的宽高。根据宽度或者高度布局布满布局。

二、Vertical Layout Group组件

与horizontal layout group组件属性一样

但是值得注意的是：Control Child Size 与Child Force Expand的Width和Height是成对勾选和成对存在的。如果没有成对勾选，则无法对应控制高度、宽度，宽度和高度是可修改的。

三、Grid Layout Group组件

Cell Size： 控制子物体大小

Spacing: 横向间距，纵向间距

Start Corner： 生成位置，Upper Left时从左上到右下，Upper Right时从右上到左下，后面item会排列在第一个的左侧。Lower Left时从左下到右上，Lower Right时从Lower Right时到左下

Start Axis: 选择是纵向排列还是纵向排列

Child Alightment： 排列方式

Constraint：Flexible自由排列，没有限制；Fixed Column Count由Constraint Count来限制列数，不限制行数；Fixed Row Count由Constraint Count来限制行数，不限制列数

联系工作实际

工作里面会不会用到以上这三个布局组件呢？答案无疑，肯定是会用的。所以这三个组件的使用一定是非常重要的。但是在这里我就不去讲解组件的使用方式了，因为当你需要真正去了解的时候，自己去使用才是最直接的方式。文章是无法告诉你适用性和可能会发生的问题的。朋友，打开你的Unity去添加这个组件体验这个的“玩法”吧。

如果博客博友对这个章节有更多的内容想要了解的，可以评论哈，等这一个章节结束后，我会根据评论反馈以及自己的能力，将评论中反馈的内容在下一个计划中去制作出对应的内容的哈~

作者：ProMer_Wang

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

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