这里就不说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就行。
网友评论