美文网首页
随笔.记录学习点滴-NGUI 无限滑动

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

作者: 潇湘烟雨_04ae | 来源:发表于2017-11-14 20:03 被阅读0次

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

    NGUI 无限滑动

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

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

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

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

    我用一个Grid作为子节点直接在Grid上面添加的BoxCollider和UI Drag View这就出现一个问题拖动时新添加的item 没有 BoxCollider。

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

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

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

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


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

    相关文章

      网友评论

          本文标题:随笔.记录学习点滴-NGUI 无限滑动

          本文链接:https://www.haomeiwen.com/subject/nfohnttx.html