XCode中在MapView内实现类Uber可拖拽折叠侧边菜单的问题

我来帮你解决这个困扰——用SWRevealViewController实现Uber首页那种内嵌侧边菜单，同时搞定拖拽失效的问题，核心是处理MapView的手势冲突和正确配置组件，一步步来：

一、先确认SWRevealViewController的基础配置 #

很多时候拖拽失效是因为初始设置没到位，先检查这几点：

• 把包含MapView的主控制器设为SWRevealViewController的frontViewController，侧边菜单控制器设为rearViewController。
• 如果用Storyboard，记得把SWRevealViewController设为初始控制器；如果用代码初始化，参考这段：

  let revealVC = SWRevealViewController()
  revealVC.frontViewController = yourMapViewController // 你的地图控制器实例
  revealVC.rearViewController = yourSideMenuViewController // 你的侧边菜单控制器实例
  self.window?.rootViewController = revealVC
  

二、解决MapView手势冲突（拖拽失效的核心原因） #

MapView自带的平移手势会和SWReveal的拖拽手势打架，这就是你拖不动菜单收起的关键问题，给你两种解决方法：

方法1：给SWReveal手势提优先级，让MapView响应拖拽 #

在你的MapViewController的viewDidLoad里加这段代码：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 开启用户位置显示
    self.MapView.showsUserLocation = true
    
    // 获取SWReveal的拖拽手势，添加到MapView上并调整优先级
    if let panGesture = self.revealViewController()?.panGestureRecognizer {
        panGesture.cancelsTouchesInView = false // 不让手势拦截MapView的触摸事件
        self.MapView.addGestureRecognizer(panGesture) // 让MapView也能响应拖拽
    }
    
    // 如果你需要点击空白处收起菜单，继续配置tap手势
    if let tapGesture = self.revealViewController()?.tapGestureRecognizer {
        self.view.addGestureRecognizer(tapGesture)
    }
}

方法2：动态禁用MapView手势（更彻底的冲突解决） #

如果上面的方法还是有问题，可以监听菜单的展开/收起状态，动态开关MapView的滚动手势：

override func viewDidLoad() {
    super.viewDidLoad()
    
    self.MapView.showsUserLocation = true
    
    // 监听菜单状态变化的通知
    NotificationCenter.default.addObserver(
        self,
        selector: #selector(handleMenuToggle),
        name: NSNotification.Name.SWRevealViewControllerToggle,
        object: self.revealViewController()
    )
    
    // 添加拖拽手势到主视图
    if let panGesture = self.revealViewController()?.panGestureRecognizer {
        self.view.addGestureRecognizer(panGesture)
    }
}

@objc private func handleMenuToggle() {
    guard let revealVC = self.revealViewController() else { return }
    // 菜单展开时禁用MapView滚动，收起时恢复
    self.MapView.isScrollEnabled = revealVC.frontViewPosition == .left
}

三、配置Uber风格的内嵌菜单效果 #

Uber的侧边菜单是内嵌露出（不是完全覆盖主视图），你需要设置菜单的露出宽度：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 设置侧边菜单露出宽度，比如屏幕宽度的80%，贴合Uber的风格
    self.revealViewController()?.rearViewRevealWidth = UIScreen.main.bounds.width * 0.8
    // 确保拖拽手势是启用状态
    self.revealViewController()?.panGestureRecognizer.isEnabled = true
}

四、常见问题排查 #

如果还是不能正常拖拽，试试这几个排查点：

• 检查侧边菜单控制器有没有自己的手势识别器，暂时禁用掉测试，看是不是冲突了。
• 如果你在MapViewController里重写了gestureRecognizerShouldBegin方法，要加上判断，别拦截SWReveal的手势：

  override func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
      // 当菜单未完全收起时，允许SWReveal的拖拽手势生效
      if let panGesture = gestureRecognizer as? UIPanGestureRecognizer, 
         self.revealViewController()?.frontViewPosition != .left {
          return true
      }
      return super.gestureRecognizerShouldBegin(gestureRecognizer)
  }
  

按上面的步骤配置后，应该就能实现和Uber首页一样的内嵌侧边菜单，支持拖拽展开/收起，同时MapView也能正常使用啦。

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