如何让Tab Bar按钮在Tab Bar边界外仍可响应点击

这问题我之前做类似的底部悬浮按钮时也踩过坑！核心原因很简单：UIKit默认只会响应视图自身bounds范围内的点击事件，你的按钮超出Tab Bar边界的部分自然就被系统忽略了。不用慌，给你两个实用方案，都不用大改现有代码：

方案一：重写Tab Bar的hitTest方法（推荐） #

这是最贴合UIKit事件传递逻辑的解决方案，通过自定义Tab Bar子类来接管点击事件的判断：

1. 创建Tab Bar子类
   新建一个Swift文件，命名为CustomTabBar，代码如下：

import UIKit

class CustomTabBar: UITabBar {
    // 存储中间凸起按钮的引用
    var centerButton: UIButton?
    
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        // 如果TabBar处于隐藏状态，直接沿用父类逻辑
        if isHidden {
            return super.hitTest(point, with: event)
        }
        
        // 先确认中间按钮存在
        guard let centerBtn = centerButton else {
            return super.hitTest(point, with: event)
        }
        
        // 将TabBar坐标系下的点击点转换到按钮的本地坐标系
        let convertedPoint = centerBtn.convert(point, from: self)
        
        // 如果点击点落在按钮范围内，返回按钮让它处理点击事件
        if centerBtn.bounds.contains(convertedPoint) {
            return centerBtn
        }
        
        // 其他情况沿用默认逻辑
        return super.hitTest(point, with: event)
    }
}

2. 在Interface Builder中关联子类
   选中你的Tab Bar控制器里的Tab Bar，在Identity Inspector中把Class改成CustomTabBar。

3. 绑定中间按钮引用
   在你的Tab Bar Controller类中，找到中间按钮并赋值给自定义Tab Bar的centerButton属性：

class MainTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 假设你给中间按钮设置了tag为1001，也可以用IBOutlet直接关联
        if let centerBtn = tabBar.viewWithTag(1001) as? UIButton {
            (tabBar as? CustomTabBar)?.centerButton = centerBtn
        }
    }
}

方案二：用手势识别器手动处理点击 #

如果不想自定义Tab Bar子类，也可以通过添加手势来监听点击并手动触发按钮事件：

1. 在Tab Bar Controller中添加手势

class MainTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTabBarTap(_:)))
        // 禁止手势拦截默认的TabBar点击事件
        tapGesture.cancelsTouchesInView = false
        tabBar.addGestureRecognizer(tapGesture)
    }
    
    @objc private func handleTabBarTap(_ gesture: UITapGestureRecognizer) {
        let tapPoint = gesture.location(in: tabBar)
        
        guard let centerBtn = tabBar.viewWithTag(1001) as? UIButton else { return }
        let convertedPoint = centerBtn.convert(tapPoint, from: tabBar)
        
        // 判断点击点是否在按钮范围内，是的话手动触发点击事件
        if centerBtn.bounds.contains(convertedPoint) {
            centerBtn.sendActions(for: .touchUpInside)
        }
    }
}

小提示 #

• 可以用Xcode的Debug View Hierarchy功能检查中间按钮的真实frame，确保它的bounds确实包含了超出Tab Bar的部分，不然点击范围判断会出错。
• 方案一更稳定，后续如果要扩展Tab Bar的其他功能也更方便；方案二更适合快速临时解决问题。

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