unity实现scroll view中元素只能往一个方向拖出功能

这里就不说scroll view的基本用法了,就说遇到一些问题和需要实现的功能


现在要实现一个功能就是在scroll view做的一个类似单排的背包中把一个元素拖出,但是只能往一个方向拖出。而且scroll view还能照常滑动。

开始的思路是直接在每个单独元素上添加eventTrigger组件来实现,但是发现添加了这个组件后,eventTrigger组件会直接遮挡这个元素下面的所有触发致使scroll view无法实现滑动。所以放弃这个想法。

然后就开始用代码来解决这个问题,首先我们来做UI的布局如下图:


上图中UI布局中单个元素的下面的图片是用来接收点击按下事件的,上面的按钮是用来接收进入事件的。思路就是这个元素只能从上方被拖出,那样的话就是要同时满足下图片的按下并且上面的按钮被鼠标进入后才能被拖出。

所以就在下面的图片上挂在了一个脚本用来接收按下和抬起,上面的按钮挂在一个脚本用来接收鼠标进入和离开事件:

通过元素对象的父节点Iamge上挂载的Item类来管理最终的结果实现拖拽功能

触发的结果传给元素的父节点上的Item类



按下抬起的脚本
触发的结果传给元素的父节点上的Item类


进入离开的脚本



在item类中声明这几个字段来接收管理拖拽的条件


这样实现了单方向拖拽

下面说一下一些注意事项:

1.上图中的重点1

在上面的过程中虽然实现了单向的拖出,但是确遇到了新的问题就是:当元素被拖出后不在scrollview的范围内了,scrollview还是会跟随的拖动的元素而滑动。所以用上面的重点1方法来解决。scrollRect就是scrollview上的scrollRect组件

我这个scrollview的滑动方向只有横向的,所以代码中这个只是吧横向设置为false了,就是此时不能在横向滑动,当鼠标抬起后再设置为true就行。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,907评论 1 11
  • 当苍白的蓝天放弃真爱她的雄鹰, 当如雪的白练为妖娆红装的殉情, 地狱的恶火就把一切烧净. 但我挣扎着,在残破的废墟...
    闻宠辱阅读 1,787评论 2 1
  • 乌溪江,乌溪江,千舟侧畔过,青山在两旁。何为家?你等我的地方就是家。 愿你一切安好,晚安!
    何时再出发阅读 1,229评论 1 1
  • 无论是写作,还是表达,都离不开逻辑。没有逻辑的思维是混沌的,甚至可以讲人与人的差距,体现在逻辑思维的差距。 思...
    程修书阅读 1,099评论 0 0
  • 我是日记星球96号星宝宝陶春玲,正在参加孙老师的日记星球21天蜕变之旅的写作训练,这是我的第22篇原创日记,要在2...
    香油女王玲子阅读 1,531评论 0 2

友情链接更多精彩内容