CocosCreator之PageView嵌套ScrollView的事件处理（二）

最新推荐文章于 2024-05-15 09:52:28 发布

浅浅的男朋友

最新推荐文章于 2024-05-15 09:52:28 发布

阅读量5k

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_40855248/article/details/105052424

版权

本文介绍了如何解决CocosCreator中PageView嵌套ScrollView时，滑动翻页和触摸事件的问题。通过重写CCScrollView.js的_hasNestedViewGroup方法，确保触摸操作能传递到PageView。文章详细描述了修改源码、创建新脚本以及添加预制体的步骤，并展示了最终效果，虽然存在回弹问题，但已实现竖向滚动和横向翻页功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、这段话可能有点长：

上篇里面讲了代码如何用代码控制scrollview和pageview的滚动、滑动、点击事件，但是有这么个美中不足的地方，就是左右滑动翻页的时候，如果按住不松，只要滑动超过一定距离，就会直接翻页。但是按照pageview原本的效果，在触摸事件没有结束的时候，是不会进行翻页操作的。
加上项目里有个这种的新需求，所以下边贴上实现过程，如有不足之处，请多多指教，互相学习。

二、原因

我们知道，在pageview的content里面的page添加了scrollview之后，会因为scrollview在上层，导致我们的触摸操作没法传达到pageview。所以我们要想办法让操作传达到pageview。

三、操作

新建一个脚本：testPageView.js（起名随意，不要在意这些细节哈哈）
我们重写creator源码里面的CCScrollView.js脚本的_hasNestedViewGroup方法（这里为什么重写的是scrollview的源码是因为pageview其实继承的就是scrollview，源码line:909）。
原先的_hasNestedViewGroup方法如下：

//this is for nested scrollview
    _hasNestedViewGroup (event, captureListeners) {
   
        if (event.eventPhase !== cc.Event.CAPTURING_PHASE) return;

        if (captureListeners) {
   
            //captureListeners are arranged from child to parent
           for (let i = 0; i < captureListeners.length; ++i

最低0.47元/天解锁文章