Swift/Xcode中如何设置UITabBarItem背景色以消除图标绿色边框？

Hey，我之前也踩过UITabBarItem这个绿色边框的坑，结合你要的UI风格（绿色UIView背景、浅黑TabBar、白色图标字体），给你几个实测有效的解决方案：

方案一：替换系统默认的选中背景视图 #

系统自带的选中高亮样式经常会出现奇怪的边框，直接替换成自定义的选中背景就能彻底解决：

// 可以在自定义UITabBarController的viewDidLoad里执行
override func viewDidLoad() {
    super.viewDidLoad()
    
    // 设置TabBar基础样式
    tabBar.barTintColor = UIColor(red: 0.1, green: 0.1, blue: 0.1, alpha: 1) // 浅黑色背景
    tabBar.tintColor = .white // 选中状态的图标/文字颜色
    tabBar.unselectedItemTintColor = .lightGray // 未选中状态的图标/文字颜色
    tabBar.isTranslucent = false
    
    // 给每个TabBarItem替换选中背景
    guard let items = tabBar.items else { return }
    let itemWidth = tabBar.bounds.width / CGFloat(items.count)
    
    for (index, item) in items.enumerated() {
        // 确保图标用原始渲染模式，避免系统自动着色
        item.image = item.image?.withRenderingMode(.alwaysOriginal)
        item.selectedImage = item.selectedImage?.withRenderingMode(.alwaysOriginal)
        
        // 自定义选中背景（比如底部一条白色线条，代替绿色边框）
        let selectedBG = UIView(frame: CGRect(
            x: CGFloat(index) * itemWidth,
            y: tabBar.bounds.height - 2,
            width: itemWidth,
            height: 2
        ))
        selectedBG.backgroundColor = .white
        item.setValue(selectedBG, forKey: "selectedBackgroundView")
    }
}

方案二：修正UIAppearance全局设置冲突 #

你提到注释AppDelegate某一行后问题消失，大概率是全局的tintColor或者barStyle设置和TabBar的局部设置冲突了。建议把导航栏和TabBar的设置分开，避免互相影响：

// 在AppDelegate的didFinishLaunchingWithOptions里设置
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // 导航栏设置
    let navBarAppearance = UINavigationBarAppearance()
    navBarAppearance.backgroundColor = UIColor(red: 0.1, green: 0.1, blue: 0.1, alpha: 1) // 浅黑色
    navBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.white]
    navBarAppearance.tintColor = .white
    UINavigationBar.appearance().standardAppearance = navBarAppearance
    UINavigationBar.appearance().scrollEdgeAppearance = navBarAppearance
    
    // TabBar设置（单独配置，不要和导航栏共用全局tint）
    let tabBarAppearance = UITabBarAppearance()
    tabBarAppearance.backgroundColor = UIColor(red: 0.1, green: 0.1, blue: 0.1, alpha: 1)
    tabBarAppearance.stackedLayoutAppearance.selected.iconColor = .white
    tabBarAppearance.stackedLayoutAppearance.selected.titleTextAttributes = [.foregroundColor: UIColor.white]
    tabBarAppearance.stackedLayoutAppearance.normal.iconColor = .lightGray
    tabBarAppearance.stackedLayoutAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.lightGray]
    UITabBar.appearance().standardAppearance = tabBarAppearance
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
    UITabBar.appearance().isTranslucent = false
    
    return true
}

这个方法用iOS 13+的UITabBarAppearance来配置，能更精准地控制选中/未选中状态的样式，完全避免系统默认的绿色高亮边框。

方案三：检查UIView背景的影响 #

如果你的绿色UIView是覆盖在TabBar上方或者和TabBar有层级关系，可能会导致视觉上的“边框”错觉。可以确认：

• 绿色UIView的frame没有超出TabBar的范围
• TabBar的clipsToBounds设置为true，避免子视图溢出

补充说明：修改translucent没用的原因是，系统在translucent=false时依然会保留默认的选中高亮样式，只是背景不透明了，所以必须通过自定义样式或者Appearance来覆盖默认行为。

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