Cocos 3.10中如何阻止ccui层事件向cc层传播？

针对你遇到的setSwallowTouches(true)无效、操作枢纽层事件仍传播到地图层的问题，可从以下几个方向排查修复：

• 确保ccui.Layout的触摸事件绑定正确
  ccui组件的触摸事件系统和cc.Layer的原生触摸事件逻辑有差异，仅设置setSwallowTouches(true)不够，还需在触摸事件的TOUCH_BEGAN回调中返回true，才能触发事件吞噬。示例代码：

  // 给操作枢纽层绑定触摸事件
  this.hubLayout.addTouchEventListener((sender, eventType) => {
      if (eventType === ccui.Widget.TOUCH_BEGAN) {
          // 返回true才会配合setSwallowTouches生效，阻止事件向下传播
          return true;
      }
      // 处理其他触摸阶段逻辑（如TOUCH_ENDED）
  }, this);
  this.hubLayout.setSwallowTouches(true);
  

• 调整事件优先级
  如果地图层使用cc.eventManager注册了触摸监听器，可能因为优先级高于UI组件导致先触发。UI组件默认事件优先级为0，可将地图层的事件优先级设为更高数值（数值越大优先级越低）：

  const mapTouchListener = cc.EventListener.create({
      event: cc.EventListener.TOUCH_ONE_BY_ONE,
      onTouchBegan: (touch, event) => {
          // 地图触摸逻辑
          return true;
      }
  });
  cc.eventManager.addListener(mapTouchListener, this.mapLayer);
  // 设置低于UI组件的优先级
  mapTouchListener.setPriority(1);
  

• 确认层级与触摸检测范围
  确保操作枢纽层的渲染层级（zOrder）高于地图层，避免因遮挡导致触摸事件被地图层先捕获：

  this.addChild(this.mapLayer, 0);
  this.addChild(this.hubLayout, 1); // zOrder更高，确保UI层在视觉和触摸检测上都在上方
  

• 兜底方案：地图层主动判断触摸范围
  若上述方法仍无效，可在地图层的触摸开始回调中，判断触摸点是否落在操作枢纽层的区域内，若是则放弃处理事件：

  onTouchBegan(touch, event) {
      const touchPos = touch.getLocation();
      // 获取操作枢纽层的世界坐标系矩形
      const hubWorldRect = this.hubLayout.getBoundingBoxToWorld();
      if (cc.rectContainsPoint(hubWorldRect, touchPos)) {
          return false; // 不处理该触摸事件，让UI层响应
      }
      // 执行地图层的触摸逻辑
      return true;
  }
  

内容的提问来源于stack exchange，提问作者Gavin