CocosCreator 之翻页容器（PageView）和滚动容器（ScrollView）的触摸冲突处理

最新推荐文章于 2025-06-14 18:22:03 发布

原创

最新推荐文章于 2025-06-14 18:22:03 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cocoscreator #PageView #ScrollView #触摸冲突

在CocosCreator开发中，当需要一个既可翻页又可上下滑动的界面时，会出现PageView和ScrollView的触摸冲突问题。博主分享了解决这种冲突的方法，通过调整层级关系和处理触摸事件，成功实现预期效果，允许在指定区域内同时进行左右翻页和上下滚动。

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

来自博客
在开发的时候，我们需要一个既能翻页又能上下滑动的界面，这时候就会遇到翻页容器和滚动容器触摸冲突的情况。以下是博主这里的解决方法。
ScrollView和PageView层级关系如下：
在这里插入图片描述
在不做任何处理前，在ScrollView区域（上图白色区域）滑动，ScrollView可以正常上下滑动，PageView不能左右滑动，但是PageView可以在上图中红不红、粉不粉的区域左右滑动。查了一下，是因为两者的触摸冲突了。
下面是我的解决方法：

public intiView() {
   
   
        this._view._ScrollC_game.node.on(Node.EventType.TOUCH_START, this.touchStart, this);
        this._view._ScrollC_game.node.on(Node.EventType.TOUCH_MOVE, this.touchMove, this);
        this._view._ScrollC_game.node.on(Node.EventType.TOUCH_END, this.touchEnd, this