简介

网格布局（Grid Layout）控件类型将其子级 UI 对象（UI Object）放在网格中。

【UIEditor_GridLayout001.png】

网格布局控件类型实例化的 UI 对象，在添加了 9 个 图片（Image）控件类型的子级 UI 对象后的显示效果。

属性

网格布局（Grid Layout）控件类型的 UI 对象可以设置属性和 水平布局（Horizontal Layout）以及 垂直布局（ Vertical Layout）控件类型相比，会有更多关于布局填充的起始和布局填充方向的设置，以及关于布局填充的规范设置。

【UIEditor_GridLayout002.png】

名称	描述
对齐（Alignment）	用于子级 UI 对象的对齐方式，有 9 种对齐方式可设置：左上角对齐（TopLeft）、正上方对齐（TopCenter）、右上角对齐（TopRight）、正左侧对齐（MiddleLeft）、中心对齐（MiddleCenter）、正右侧对齐（MiddleRight）、左下角对齐（BottomLeft）、正下方对齐（BottomCenter）、右下角对齐（BottomRight）。
填充（Fill）	设置 UI 对象的子级 UI 对象相对于 UI 对象的缩进（或延伸）值。属性单位为像素。可以通过其子属性设置从 左侧（Left）、右侧（Right）、顶部（Top）、底部（Bottom）缩进（或延伸）。
间距（Spacing）	子级 UI 对象之间的间距。属性值为 二维向量（Vector 2）。可分别设置 X 和 Y 属性值，单位为像素。 · X 属性设置子级 UI 对象在 X 轴方向之间的间距。 【UIEditor_Controls052.gif】 · Y 属性设置子级 UI 对象在 Y 轴方向之间的间距。 【UIEditor_Controls053.gif】
填充开始（Fill Start）	设置第一个子级 UI 对象是从左边还是右边开始布局，从顶部还是底部开始布局。同时会设置网格布局起始水平或垂直的排列方向。
填充方向（Fill Direction）	设置优先排列子级 UI 对象的方向。 · 水平方向（Horizontal）， 子级 UI 对象将优先水平方向进行排列。 · 垂直方向（Vertical），子级 UI 对象将优先垂直方向进行排列。
大小限制（Limit Size）	设置是否统一子级 UI 对象的尺寸大小。 勾选，限制子级 UI 对象的尺寸大小，子级 UI 对象的尺寸将按照 子节点尺寸（Child Size）中设置的值变换。 不勾选，不限制子级 UI 对象的尺寸大小，子级 UI 对象的尺寸将按照自身尺寸变换。
子节点尺寸（Child Size）	当 大小限制（Limit Size）属性为勾选（True）时，此属性将显示且可以编辑，其子属性 X 和 Y 分别用于设置子级 UI 对象在 X 轴和 Y 轴方向的尺寸大小，属性值为 二维向量（Vector 2）。可分别设置 X 和 Y 方向的尺寸，属性值可以输入自然数，单位为像素。
填充限制（Fill Limit）	设置填充限制规则，即排列子级 UI 对象时的行数或列数的限制。 · 自动（Auto）限制下会根据 填充方向（Fill Direction）属性和网格布局的 UI 对象自动设置一行（或一列）最多容纳多少个子级 UI 对象，当子级 UI 对象填满第一行（或一列）后，才会填充下一行（或一列）。 · 行（Row）限制下网格布局的 UI 对象会自动排列至行数不超过 填充数量限制（Fill Limit Num）属性的数值。 · 列（Column）限制下网格布局的 UI 对象会自动排列至列数不超过 填充数量限制（Fill Limit Num）属性的数值。
填充数量限制（Fill Limit Num）	当 填充限制（Fill Limit）属性的值为 行（Row）或 列（Column）时，此属性才会显示且可以编辑，其用于设置填充限制的行数或者列数，属性值为自然数。