iOS Swift：如何为TabBar添加边距、底部间距并设置圆角

需求说明 #

我已附上参考图片以明确需求，想请教如何为TabBar添加左、右、底部间距并设置圆角，提前感谢解答。

尝试过的方法 #

我尝试通过以下代码设置TabBar圆角：

self.tabBar.backgroundColor = .navyBlue
self.tabBar.layer.cornerRadius = self.tabBar.frame.height/2

还尝试设置TabBar的背景图，但无法实现底部间距效果，希望得到解决方法。

可行解决方案 #

方案一：自定义背景容器（最简单高效）

原生TabBar直接设置边距受限，我们可以给它添加一个带圆角和边距的自定义背景视图，同时隐藏原生背景：

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()
    
    // 清除旧的自定义背景，避免重复添加
    tabBar.subviews.filter { $0.tag == 999 }.forEach { $0.removeFromSuperview() }
    
    // 创建自定义背景容器
    let bgView = UIView()
    bgView.tag = 999
    bgView.backgroundColor = .navyBlue
    bgView.layer.cornerRadius = tabBar.frame.height / 2
    
    // 配置边距：左右20，底部10（可按需调整）
    let padding = UIEdgeInsets(top: 0, left: 20, bottom: 10, right: 20)
    bgView.frame = tabBar.bounds.inset(by: padding)
    
    // 将背景放在最底层
    tabBar.insertSubview(bgView, at: 0)
    
    // 隐藏原生背景
    tabBar.backgroundColor = .clear
    
    // iOS15+ 适配scrollEdgeAppearance
    if #available(iOS 15.0, *) {
        let appearance = UITabBarAppearance()
        appearance.backgroundColor = .clear
        tabBar.standardAppearance = appearance
        tabBar.scrollEdgeAppearance = appearance
    }
}

方案二：自定义TabBar子类（更灵活）

如果需要更深度的自定义控制，可以继承UITabBar重写布局逻辑：

class CustomTabBar: UITabBar {
    // 可外部调整的边距参数
    var padding = UIEdgeInsets(top: 0, left: 20, bottom: 10, right: 20)
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
        // 调整背景区域并设置圆角
        let bgFrame = bounds.inset(by: padding)
        layer.cornerRadius = bgFrame.height / 2
        layer.masksToBounds = true
        
        // 调整TabBarItem的位置，适配边距
        subviews.forEach {
            if $0 is UIControl {
                $0.frame = $0.frame.inset(by: padding)
            }
        }
    }
    
    override func sizeThatFits(_ size: CGSize) -> CGSize {
        var fitSize = super.sizeThatFits(size)
        // 增加底部高度以容纳间距
        fitSize.height += padding.bottom
        return fitSize
    }
}

// 在TabBarController中使用
class MyTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        tabBar = CustomTabBar()
        (tabBar as? CustomTabBar)?.padding = UIEdgeInsets(top: 0, left: 20, bottom: 10, right: 20)
        tabBar.backgroundColor = .navyBlue
    }
}

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