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

各种原因,自已进入到了游戏这个行业,开始接触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。不说废话了 直接上代码


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 47,032评论 22 665
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,815评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,274评论 4 61
  • 朋友给我推荐的这个app。终于在这个睡意全无的夜里让它拥有了我果5的一席之地!也算是不枉朋友的唾沫星子了…… 说是...
    妞儿一阅读 1,534评论 0 1
  • 第四章 你要知道我爱你 由于是个小县城,又缝过年人们大抵都回了家,所以旅社几乎没有什么人,吴涛带着安筠很容易便就寻...
    拥风与你阅读 1,293评论 0 1