NGUI学习之路（2）Scroll View 简洁版【NGUI 2.6.3】

最近刚开始正儿八经的学习Ngui插件，这篇一起学习下如何左右或者上下拖动图标，先上图，如下：

以上制作了个可以左右拖动Ngui的小例子。下面说下具体做法吧，我选用的是Ngui的2.6.3版本的（Ps：其实现在3.5.7的都已经有了，只是目前项目是用的这个老版本的，所以索性就基于这个老版本吧，^_^）：

（1）第一步：选择Ngui选项创建一个2D UI Panel面板，如下：

（2）第二步：添加背景图、标题那些无关紧要的东西，就是各种新建Sprite，设置效果图：

（3）第三步：再加一个Panel面板（Ps：啊？为啥？不是有一个Panel面板了吗？那是因为要加个裁剪区域和实现Panel的拖动）。在这个Panel下添加你的Items，放置在裁剪区域内。如下：

（4）最重要的第四步：设置Items_Panel裁剪区域、面板拖动和Item的拖动及触发区域：

<1>设置裁剪区域：

<2>设置面板拖动：

这里有个细节：当你想横向拖动的时候 设置X，纵向的时候设置Y，不然会出现意想不到的效果哦。

<3>Item的拖动，增加如下组件：

<4>Item的触发组件：

为了节约各种时间，只说一针见血的关键性的设置，还望兄弟们海涵

工程演示下载地址：点击打开链接