【NGUI基础知识】——UIGrid（网格排列）

UIGrid 组件参数

1、Arrangement

网格排列方向



—— Horizontal : 水平排列

—— Vertical : 垂直排列

—— Cell Snap : 按子项当前的位置对齐子项

2、Cell width
子项格子宽度

3、Cell Height
子项格子高度

4、Column Limit
子项最大数量

5、Sorting
排序方式

—— None
按照 Index 排序（默认）

—— Alphabetic
按照名字进行排序

—— Horizontal 和 Vertical
按照 localPosition进行排序

——Custom
自己实现的排序方式，

比如将 Sprite 的名字命名方式 ： 001，002，003



6、Pivot
抛点的位置。

7、Smooth Tween
平滑渐变

8、Hide Inactive
隐藏不活动的组件

9、Constrain to Panel
约束到面板（保持在 Panel 中）

小实例

当我们需要对多个 UI 进行排列时就可以用到 UIGrid 组件。

需要进行排列的 UI， 必须把 UI 放在 UIGrid 组件下面，才能实现排列。（即 UIGrid 子物
9941
体 ）

我们实现下简单的排列：

NGUI->Create->Grid 可以创建 UIGrid。（UIGrid 最好挂载在一个空的物体上，或带 Widget）

在 UIGrid 下面创建几个 Sprite，可以设置一下参数，在编辑状态下UIGrid 也可以排列，点击 UI Grid 小齿轮下的 Execute。如图显示效果。



这样就实现了 UI 的排列了，具体的值可以自己设置到想要的效果，UIGrid 可以和 Scroll View（滚动视图）<—(可点击自行查看) 配合使用。