UGUI之Grid Layout Group组件介绍

来源:互联网 发布:cctv视频下载软件 编辑:程序博客网 时间:2024/04/30 09:10

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组件一起使用
这里写图片描述

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

0 0