UGUI（一）List列表的封装

UGUI出来有一段时间了，官方也有相关的基础组件视频教程

http://blogs.unity3d.com/2014/11/26/4-6-is-released-with-source-for-ui-system/

因为基础都很相似，其参数和使用与NGUI等大同小异，在这里不作说明，所以这次封装属于进阶篇。

 

先看效果图：





在中大型游戏开发中，UI制作会有单独的UI程序进行，他们会将UI视图与代码进行关联，然后编写代码提供接口给其他逻辑程序员调用，也就是程序员们经常讨论的MVC中的视图view层，制作时将各个UI组件如按钮，文本，输入框，列表等组合起来拼成界面即可达到可视化的需求。所以在开发时可以将这些通用组件进行封装，达到复用的效果。基础在这里不多说了，列表控件的使用非常频繁也很重要，熟练运用列表也在一定程度上说明对UI的使用基本没什么大问题。

虽然官方demo中有列表的例子，但是我们要怎样才能更好的运用到实际项目中呢？如下：

 

两个比较重要的组件说明：

1.GridLayoutGroup：表格布局组件，管理列表表格中的单元格，可设置单元格大小，排列方式，行列参数等。

2.ScrollRect：滑动组件，对其子项进行滑动（其实就是对GridLayoutGroup进行滑动），可设置滑动方向，类型，绑定滑动条，但是必须配合Mask才能形成遮罩，要使用mask还得加上image组件，设置遮罩区域。

3.其他相关组件就不做介绍了，需要自己摸索摸索。

 

1.UI层组件List的封装(这里只对垂直列表做了封装)：




2.UI层接口代码的编写：





3.逻辑层调用方式如下：



 

 

UI节点的分布与参数设置如下：

1.滑动组件





2.表格组件





 

3.item