iOS 10以上+Swift 4下带背景图的Tab Bar顶部边框（阴影）移除方案求助

我完全懂你这种踩遍坑差点放弃的感觉！iOS 10之后TabBar的内部结构悄悄变了，尤其是设置自定义背景图时，那些老方案确实全部失效。下面这个方案我亲测在Swift 4、iOS 10+环境下有效，而且能全局生效：

全局配置方案（AppDelegate中设置） #

直接在AppDelegate的启动方法里添加以下代码，就能让所有TabBar都生效：

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // 设置自定义背景图
    UITabBar.appearance().backgroundImage = UIImage(named: "your-custom-tab-bg")
    
    // 先设置系统阴影图为空（基础操作，但单独用不够）
    UITabBar.appearance().shadowImage = UIImage()
    
    // 关键操作：找到iOS10+新增的背景阴影层并处理
    UITabBar.appearance().subviews.forEach { subview in
        if let barBackground = subview as? UIVisualEffectView {
            barBackground.subviews.forEach { bgSubview in
                bgSubview.clipsToBounds = true
            }
        }
    }
    
    return true
}

更优雅的扩展方式 #

如果不想把代码堆在AppDelegate里，可以写个UITabBar的扩展，自动处理所有TabBar：

extension UITabBar {
    override open func didMoveToSuperview() {
        super.didMoveToSuperview()
        
        // 清空系统阴影图
        shadowImage = UIImage()
        
        // 定位并隐藏内部阴影层
        subviews.forEach { subview in
            if subview is UIVisualEffectView {
                subview.subviews.forEach { $0.clipsToBounds = true }
            }
        }
    }
}

为什么之前的方案都没用？ #

在iOS 10及以上版本，当你给TabBar设置自定义背景图时，系统会保留一个UIVisualEffectView类型的子视图（它的内部嵌套了负责显示阴影的图层）。
常规的shadowImage = UIImage()只能处理旧结构的阴影，而直接给TabBar设置clipsToBounds = true，会把自定义背景图的边缘也切掉，导致背景图显示不全。
上面的方案通过精准找到这个特殊的背景视图，只给它的子视图设置clipsToBounds = true，既隐藏了顶部阴影线，又不会影响自定义背景图的完整显示。

注意事项 #

• 确保你的自定义背景图尺寸匹配TabBar高度：iPhone X及以上机型TabBar高度为83pt，其他机型为49pt，避免拉伸或显示异常。
• 如果项目中使用了自定义TabBarController子类，也可以在子类的viewDidLoad中执行上述子视图遍历逻辑，效果一致。

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