如何在Xamarin iOS中修改UITabBarController当前标签页的背景色？

我之前也被这个问题卡了好久！确实Apple没有提供直接设置选中TabBarItem背景色的API，不像UITabBar.appearance().selectedImageTintColor那么直接。不过试了几种方法后，这两个方案是最靠谱的：

方案一：自定义UITabBar子类（推荐） #

这种方式灵活性最高，能完全掌控TabBar的布局和样式：

1. 创建一个继承自UITabBar的子类，重写layoutSubviews方法来动态给选中的标签添加背景：

class CustomTabBar: UITabBar {
    private var selectedBackgroundView: UIView?
    
    override func layoutSubviews() {
        super.layoutSubviews()
        
        // 先移除旧的背景视图，避免重复叠加
        selectedBackgroundView?.removeFromSuperview()
        
        // 遍历TabBar里的所有按钮（UITabBarButton本质是UIControl的子类）
        for subview in subviews {
            guard let tabButton = subview as? UIControl else { continue }
            
            if tabButton.isSelected {
                // 创建背景视图，匹配按钮的尺寸
                let bgView = UIView(frame: tabButton.bounds)
                bgView.backgroundColor = .systemBlue // 替换成你想要的颜色
                bgView.layer.cornerRadius = 16 // 可选：添加圆角优化样式
                bgView.clipsToBounds = true
                
                // 把背景视图插入到按钮的最底层，不会遮挡图标和文字
                tabButton.insertSubview(bgView, at: 0)
                selectedBackgroundView = bgView
            }
        }
    }
}

2. 在你的UITabBarController里替换默认的TabBar：

class MainTabBarController: UITabBarController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 替换为自定义TabBar
        tabBar = CustomTabBar()
    }
}

方案二：用KVO监听选中状态变化 #

如果不想自定义子类，也可以通过监听选中索引的变化来动态更新背景：

class MainTabBarController: UITabBarController {
    private var selectedBackgroundView: UIView?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 监听selectedIndex的变化
        addObserver(self, forKeyPath: "selectedIndex", options: .new, context: nil)
        // 初始化时先设置一次选中项的背景
        updateSelectedTabBackground()
    }
    
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        if keyPath == "selectedIndex" {
            updateSelectedTabBackground()
        }
    }
    
    private func updateSelectedTabBackground() {
        // 移除旧背景
        selectedBackgroundView?.removeFromSuperview()
        
        // 筛选出所有TabBar按钮
        guard let tabButtons = tabBar.subviews.filter({ $0 is UIControl }) as? [UIView],
              selectedIndex < tabButtons.count else { return }
        
        let selectedButton = tabButtons[selectedIndex]
        // 创建并添加背景视图
        let bgView = UIView(frame: selectedButton.bounds)
        bgView.backgroundColor = .systemGreen
        bgView.layer.cornerRadius = 16
        selectedButton.insertSubview(bgView, at: 0)
        selectedBackgroundView = bgView
    }
    
    // 记得在销毁时移除监听，避免内存泄漏
    deinit {
        removeObserver(self, forKeyPath: "selectedIndex")
    }
}

一些注意点 #

• 要确保背景视图插入到TabBar按钮的最底层（insertSubview(at: 0)），不然会遮挡图标和文字
• 如果你的TabBar有自定义高度或者边缘Insets，要调整背景视图的frame来适配
• iOS不同版本可能对TabBar的子视图结构有细微调整，测试时尽量覆盖主流版本（比如iOS 15+）

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