UGUI之Grid Layout Group组件介绍

Grid Layout Group是LayoutGroup的子类

脚本属性截图如下：



1、Padding：RectOffset类型，矩形偏移，详解请戳UGUI之Horizontal Layout Group组件介绍

2、Cell Size：Vector2类型，默认值为(100,100)，网格中的每个单元格的大小

[SerializeField] protected Vector2 m_CellSize = new Vector2(100, 100);
public Vector2 cellSize { get { return m_CellSize; } set { SetProperty(ref m_CellSize, value); } }

3、Spacing：这里的Spacing不同于水平布局、垂直布局，是Vector2类型，既然是网格布局，当然存在水平方向的间隔和垂直方向的间隔，这里也不做过多的介绍。

3、Start Corner：Corner枚举类型

public enum Corner
{
UpperLeft = 0,      //左上角
UpperRight = 1,     //右上角
LowerLeft = 2,      //左下角
LowerRight = 3      //右下角
}

第一个单元格放在哪个角落，默认为UpperLeft左上角

4、Start Axis：Axis枚举类型

public enum Axis
{
Horizontal = 0,     //水平
Vertical = 1        //垂直
}

（1）Horizontal：水平

优先水平排列单元格

（2）Vertical：垂直

优先垂直排列单元格

5、Child Alignment：TextAnchor枚举类型，文本锚点，详解请戳UGUI之Horizontal Layout Group组件介绍

6、Constraint：Constraint枚举类型

public enum Constraint
{
Flexible = 0,              //不限制行数和列数
FixedColumnCount = 1,      //约束指定数量的列数
FixedRowCount = 2          //约束指定数量的行数
}

下面以几个截图来看看上面几个设置具体是怎样的作用：

以下单元格物体加了一个Text来表示其编号，并且Hierarchy面板中的层级关系并未调整

图一：默认情况



图二：设置Start Corner为Upper Right



图三：设置Start Axis为Vertical



图四：设置Start Corner为Lower Left、Start Axis为Vertical



从以上图中不难看出这两个设置的使用用途。

实际开发中，我常与Content Size Fitter组件一起使用



以上知识分享，如有错误，欢迎指出，共同学习，共同进步。