随笔.记录学习点滴-NGUI 无限滑动

各种原因,自已进入到了游戏这个行业,开始接触unity,但由于自己水平有限,很多知识都需要学习和积累,写点小日记,记录自己成长的每一天,记录一下。

NGUI 无限滑动

看公司项目的时候看到很多地方都有Scroll View 滑动框。可以滑动下面的item,觉得很神奇,自己闲的无聊就想做一个无限滑动的滑动框。比如只有4个item滑动时自动补位。

这其中我们需要注意的是,如何无限的滑动?就是需要Scroll View下面的item循环显示,关键点就是在拖到最后一个之后,后面要有新的item对应的显示出来。实现这个就实现了我们想要的效果了。

首先我们要先制作一个滚动视图。滚动视图的制作很简单,只要父节点上挂着UI Scroll View控件,子物体上挂着BoxCollider和UI Drag Scoll View就能实现滚动视图。

这里有个问题我最开始是这样制作的

随笔.记录学习点滴-NGUI 无限滑动_第1张图片
我用一个Grid作为子节点直接在Grid上面添加的BoxCollider和UI Drag View这就出现一个问题拖动时新添加的item 没有 BoxCollider。

我最初的解决办法就是新添加一个item我就调整一下Grid上的BoxCollider的位置。

后来我想了一下我只要将BoxCollider的范围始终固定在Scroll View这个视图的位置不就可以了所以我在外面设置一个GameObject在这个物体上挂载BoxCollider和UI Drag View 这样BoxCollider的范围就会一直固定在视图框。

现在我们只需要考虑如何实现补位item就行了。

思路:当我们拖动到最后一个的时候就把第一个拿过来补位,拖动到第一个的时候就把最后一个拿过来补位。


随笔.记录学习点滴-NGUI 无限滑动_第2张图片

我看到我的这些item每个都有Widget这个属性,我就使用数组用来保存所有的item。不说废话了 直接上代码


随笔.记录学习点滴-NGUI 无限滑动_第3张图片

你可能感兴趣的:(随笔.记录学习点滴-NGUI 无限滑动)