TabBar选中项背景颜色修改不完整问题求助

我来帮你搞定这个TabBar选中背景没铺满的问题！先看看你的代码里可能存在的几个问题，再给你几个可行的解决方案：

问题分析 #

1. 手动调整TabBar Frame的风险：你直接修改了tabBar.frame.size.width和origin.x，这会和iOS系统的自动布局逻辑冲突，导致选中指示器的位置和大小无法匹配调整后的TabBar。而且这种方式在不同设备或iOS版本上很容易出适配问题。
2. Resizable图片设置不当：resizableImage(withCapInsets: .zero)如果没有配合正确的resizingMode，可能会导致图片拉伸时出现边缘显示异常，或者没有完全覆盖TabBarItem的区域。
3. 自定义图片生成的潜在问题：UIImage.imageWithColor这个方法的实现是否正确？如果生成的图片尺寸或颜色有问题，也会影响最终效果。

解决方案 #

方案一：修复指示器图片并移除手动Frame调整 #

首先，确保你的imageWithColor方法是正确的（如果还没实现，用下面的扩展）：

extension UIImage {
    static func imageWithColor(color: UIColor, size: CGSize) -> UIImage {
        let rect = CGRect(origin: .zero, size: size)
        UIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)
        color.setFill()
        UIRectFill(rect)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image!
    }
}

然后修改你的settingTabBar方法，去掉手动调整Frame的代码，改用正确的方式移除TabBar边框：

func settingTabBar() {
    guard let tabBar = tabBarController?.tabBar, let items = tabBar.items else { return }
    
    // 计算每个TabBarItem的尺寸
    let numberOfItems = CGFloat(items.count)
    let tabBarItemSize = CGSize(
        width: tabBar.frame.width / numberOfItems,
        height: tabBar.frame.height
    )
    
    // 创建纯色指示器图片，并设置正确的拉伸模式
    let indicatorImage = UIImage.imageWithColor(
        color: Helpers.followGreenColor,
        size: tabBarItemSize
    ).resizableImage(
        withCapInsets: .zero,
        resizingMode: .stretch
    )
    
    tabBar.selectionIndicatorImage = indicatorImage
    
    // 移除默认边框/阴影（替代手动调整Frame的方式）
    tabBar.clipsToBounds = true
    tabBar.layer.borderWidth = 0
    tabBar.layer.shadowOpacity = 0
}

方案二：自定义选中背景视图（更稳定可控） #

如果方案一还是无法解决，推荐用自定义UIView作为选中背景，这种方式完全不受系统限制，效果更可靠：

func setupCustomTabBarSelectionBackground() {
    guard let tabBar = tabBarController?.tabBar, let items = tabBar.items else { return }
    let itemCount = items.count
    let itemWidth = tabBar.frame.width / CGFloat(itemCount)
    
    // 创建自定义选中背景视图
    let selectionBackground = UIView(
        frame: CGRect(
            x: CGFloat(tabBarController?.selectedIndex ?? 0) * itemWidth,
            y: 0,
            width: itemWidth,
            height: tabBar.frame.height
        )
    )
    selectionBackground.backgroundColor = Helpers.followGreenColor
    selectionBackground.tag = 999 // 标记视图方便后续查找
    
    // 先移除旧的背景视图（如果存在）
    tabBar.viewWithTag(999)?.removeFromSuperview()
    
    // 添加到TabBar并放到底层，避免遮挡图标和文字
    tabBar.addSubview(selectionBackground)
    tabBar.sendSubviewToBack(selectionBackground)
    
    // 设置TabBarController代理，监听选中事件
    tabBarController?.delegate = self
}

// 实现UITabBarControllerDelegate协议，处理选中切换的动画
extension YourViewController: UITabBarControllerDelegate {
    func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
        guard let tabBar = tabBarController.tabBar, 
              let selectionBackground = tabBar.viewWithTag(999),
              let items = tabBar.items else { return }
        
        let itemWidth = tabBar.frame.width / CGFloat(items.count)
        // 动画切换背景位置
        UIView.animate(withDuration: 0.3) {
            selectionBackground.frame.origin.x = CGFloat(tabBarController.selectedIndex) * itemWidth
        }
    }
}

记得在合适的地方（比如viewDidLoad或viewDidLayoutSubviews）调用setupCustomTabBarSelectionBackground()方法。

总结 #

优先尝试方案一，因为它更贴近系统原生实现；如果还是有问题，方案二的自定义视图方式几乎可以解决所有TabBar背景适配问题，而且扩展性更强（比如可以添加圆角、阴影等效果）。

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