码迷,mamicode.com
首页 > 其他好文 > 详细

【从零开始学NGUI 】 (十二)UIGrid

时间:2016-05-12 21:42:41      阅读:315      评论:0      收藏:0      [点我收藏+]

标签:

【从零开始学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)
这个时候位置就对啦
技术分享



【从零开始学NGUI 】 (十二)UIGrid

标签:

原文地址:http://blog.csdn.net/u011416077/article/details/51354908

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!