iPhone X自定义TabBar按钮位置异常问题求助

嘿，我看你在iPhone X上遇到了自定义TabBar按钮位置跑偏的问题，这事儿我太熟了——都是**安全区域（Safe Area）**搞的鬼！

咱们先聊聊问题出在哪儿：iPhone X及以后带刘海的机型，底部有个home indicator（就是那个横条），系统会给视图加上底部安全区插入值。你之前直接用view.bounds.height算按钮的Y坐标，完全没考虑这个插入值；而且如果是在viewDidLoad里写的这段代码，那时候视图的布局还没完全确定，bounds的值根本不准，位置能对才怪！

下面给你两种靠谱的解决办法，选哪个看你习惯：

方法一：手动计算Frame（适配所有机型） #

核心思路是基于TabBar的实际位置来计算，而且一定要把代码放在viewDidLayoutSubviews()里——这个方法会在视图布局完成后调用，能拿到准确的frame值：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    var menuButtonFrame = menuButton.frame
    // 水平居中，这个你原来的写法没问题
    menuButtonFrame.origin.x = view.bounds.width / 2 - menuButtonFrame.size.width / 2
    
    // 重点：基于TabBar的顶部位置来算Y坐标
    // 如果你想让按钮完全悬浮在TabBar上方，底部对齐TabBar顶部：
    menuButtonFrame.origin.y = tabBar.frame.origin.y - menuButtonFrame.height
    // 要是想让按钮一半嵌在TabBar里，一半在外（常见的中间凸起效果）：
    // menuButtonFrame.origin.y = tabBar.frame.origin.y - menuButtonFrame.height / 2
    
    menuButton.frame = menuButtonFrame
    menuButton.backgroundColor = Colors.mainColor
    menuButton.layer.cornerRadius = menuButtonFrame.height / 2
    
    // 别忘了把按钮放到TabBar上面，不然会被挡住
    view.bringSubviewToFront(menuButton)
}

方法二：用Auto Layout约束（更推荐！） #

手动算frame容易踩坑，用Auto Layout约束是一劳永逸的办法，系统会自动帮你适配所有机型：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先把按钮加到视图上
    view.addSubview(menuButton)
    // 关闭自动约束转换，不然自定义约束会失效
    menuButton.translatesAutoresizingMaskIntoConstraints = false
    
    // 添加约束：水平居中，底部和TabBar顶部对齐（或者调整constant值实现凸起效果）
    NSLayoutConstraint.activate([
        menuButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        // 比如让按钮底部距离TabBar顶部等于按钮高度的一半，实现半嵌效果
        menuButton.bottomAnchor.constraint(equalTo: tabBar.topAnchor, constant: menuButton.frame.height / 2)
    ])
    
    menuButton.backgroundColor = Colors.mainColor
    menuButton.layer.cornerRadius = menuButton.frame.height / 2
    view.bringSubviewToFront(menuButton)
}

为什么推荐Auto Layout？因为不管以后出什么新机型，只要系统的安全区规则不变，约束都能自动适配，不用你再手动改计算逻辑。

最后再提醒一句：千万别在viewDidLoad里算frame！那时候视图的大小还没确定，拿到的bounds都是临时值，位置肯定不对。

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