NGUI-ListView

参考：NGUI Next-Gen UI2.6.1  Example 7 - Scroll View (Panel)制作一个通过鼠标拖动的scroll View.

首先：Create UI Wizard; ，把脚本UIDraggable Panel 托给Panel;并设置如下：

UIPanel 相关属性：

Alpha：面板的透明度

Panel Tool：是否显示面板工具

Normals：法线贴图

Static：如果是没移动的组件，也进行代码检测，一般是用于ScrollView

Clipping：面板剪切，分为None(无剪切效果），Soft Clip（软剪切，有边缘模糊效果）

Debug Info的Geometry项然后在场景中点击你的部件来检验生成的几何网格。

UIDraggable Panel(Script)：选项中的Scale非常重要，这里设置y = 1  表示ListView只支持纵向的拖动，如果设置X=1表示列表只支持横向的拖动，如果两个都=1表示列表同时支持横向与纵向的拖动

然后再Panel下，新建一个空物体，添加UICenterOnChild脚本（如果添加则不能保证充满），如要自动排列item则添加UIGrid脚本，注意此级的位置，他的位置会决定自动排列的item的起始位置。

再在下面新建可以拖拽的按钮、标签等。注意，按钮需要加boxCollider 和 UIDragPanelContents

此时一个水平的滑动条已经做好了。我们可以添加一个scroll Bar控制这个滑动条。

在Panel父节点下新建一个Scroll Bar.并把UIPanel脚本托给这个scroll Bar.

对scroll Bar下的子物体BackGround设置如下

。

Foreground参数设置如下：

。

运行效果：

此时就可以拖动滚动条控制显示物体了。