【从零开始学NGUI 】 (十二)UIGrid
在很多情况下,我们都会用到可以变化的列表,背包,公告,活动,等等,这个时候通常我们都会用到UIGrid
创建UIGrid
UIGrid一般都会与UIScrollView组合使用
首先打开NGUI Prefab Toolbar
NGUI-> Open -> Prefab Toolbar
拖拽一个background 到Hierarchy面板中
创建一个Sprite 作为scrollview 的背景
创建一个Grid放在scrollview的下面
在Grid中创建几个Cell(Cell 做成Button)
Ps.添加Cell的时候可能在编辑界面会有很多Cell重叠 可是在运行的时候就不重叠了 UIGrid会为这些Cell重新排列位置(但是我还是看着很不爽 - - 不爽就治你 哈哈)
有个小技巧 可以在编辑器下排列 点击UIGrid后面的小图标 -> Excute
这时位置就会和游戏运行时显示的位置一样了
给每个Cell添加UIDragScrollView组件并为其ScrollView赋值为刚创建的ScrollView
大致如下
这个时候运行
发现UIGird的位置不对
确定这个Grid的位置是一件比较头疼的事,这个问题困扰了我好久 , 看被人的解决方法是将Grid下面的所有Cell的Pivot设置为Left 可是我不想这样做 因为每个Cell创建的时候默认就是居中的
调整UIGrid位置
想了很久,试了很久,发现这个Gird的坐标位置就是第一个Cell相对于ScrollView的位置 因为我是添加了两列 所以Gird的坐标为
例如我创建的scrollView的大小为 800 * 500 Cell的大小为400 * 50 ,显示两列 所以第一个Cell的坐标为 ( -400 / 2 ,500 / 2 - 50 / 2 ) 即: (-200 , 225)
这个时候位置就对啦