iOS Swift如何动态调整TabBar项与中间加号按钮的间距

方法1：根据按钮显示状态动态调整TabBar项间距 #

核心思路是在加号按钮显示/隐藏时，针对性修改TabBar的间距参数，或者单独调整中间两个TabBarItem的内边距，让中间区域留出足够空间容纳加号按钮。

代码修改示例： #

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    self.tabBar.itemPositioning = .centered
    
    // 基础间距值，可根据需求调整
    let baseSpacing = UIScreen.main.bounds.width / 5
    // 根据按钮显示状态增减间距
    self.tabBar.itemSpacing = floatButtonView.isHidden ? baseSpacing : baseSpacing + 30
    
    // 可选：单独给中间两个TabBarItem加内边距，进一步拉开距离
    guard let items = tabBar.items, items.count >= 4 else { return }
    let inset = floatButtonView.isHidden ? 0 : 15
    items[1].imageInsets = UIEdgeInsets(top: 0, left: -inset, bottom: 0, right: inset)
    items[2].imageInsets = UIEdgeInsets(top: 0, left: inset, bottom: 0, right: -inset)
}

@objc func showAddButton(_ notification: NSNotification) {
    self.floatButtonView.isHidden = false
    // 触发TabBar重新布局
    tabBar.setNeedsLayout()
    tabBar.layoutIfNeeded()
}

@objc func hideAddButton(_ notification: NSNotification) {
    self.floatButtonView.isHidden = true
    // 触发TabBar重新布局
    tabBar.setNeedsLayout()
    tabBar.layoutIfNeeded()
}

方法2：固定TabBar项左右分布，中间预留按钮空间 #

如果希望TabBar项始终保持左右两组布局，中间固定留出加号按钮的位置，可以手动分配每个TabBarItem的宽度：

代码修改示例： #

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    self.tabBar.itemPositioning = .fill
    self.tabBar.itemSpacing = 0
    
    guard let items = tabBar.items, items.count == 4 else { return }
    
    let tabBarWidth = tabBar.bounds.width
    let buttonWidth = floatButtonView.bounds.width
    // 平均分配剩余宽度给4个TabBarItem
    let itemWidth = (tabBarWidth - buttonWidth) / 4
    
    // 给每个Item设置固定宽度
    for item in items {
        item.width = itemWidth
    }
}

额外优化：优化加号按钮的层级与位置 #

为避免按钮和TabBar项交互冲突，可将按钮直接添加到TabBar上层，并调整位置使其居中悬浮：

// 在viewDidLoad中替换按钮添加逻辑
// self.view.addSubview(self.floatButtonView)
self.tabBar.addSubview(self.floatButtonView)
// 调整位置，让按钮居中悬浮在TabBar上方
let xPosition = (self.tabBar.bounds.width / 2) - floatButtonView.bounds.width / 2
let yPosition = -floatButtonView.bounds.height / 2 + 5 // 向上偏移，部分覆盖TabBar
self.floatButtonView.frame = CGRect(x: xPosition, y: yPosition, width: floatButtonView.bounds.width, height: floatButtonView.bounds.height)

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