iOS 11 和 iPhone X：嵌入 UITabBarController 时 UINavigationBar 的工具栏间距不正确

IOS

IOS 11 和 iphone X：嵌入 UITabBarController 时 UINavigatioNBAr 的工具栏间距不正确

随着IOS 11的发布，iphone X作为苹果的创新之作也随之面世。然而，开发者们很快就发现，在嵌入UITabBarController时，UINavigatioNBAr的工具栏间距出现了问题。在本文中，我们将探讨这个问题，并提供解决方案。

在IOS 11中，苹果引入了新的设计规范，其中包括了对iphone X的全面屏设计的支持。然而，这也导致了一些布局上的问题。当我们将UITabBarController嵌入到UINavigatioNBAr中时，发现工具栏的间距不正确，导致界面显示不正常。

这个问题主要出现在iphone X上，因为它的底部有一个“家庭指示器”（Home Indicator），它需要额外的空间来显示。

那么，我们应该如何解决这个问题呢？

解决方案：

我们可以通过以下步骤来修复UITabBarController嵌入UINavigatioNBAr时的工具栏间距问题：

1. 首先，在你的AppDelegate中，找到应用程序的入口点，通常是didFinishLaunchingWithOptions方法。

2. 在该方法中，我们需要检测当前设备是否是iphone X。我们可以使用UIApplication的safeAreAInsets属性来判断。

3. 如果safeAreAInsets的底部值大于零，则表示我们的应用程序运行在iphone X上。我们可以利用这个信息来调整UINavigatioNBAr的工具栏间距。

下面是一段示例代码，展示了如何实现这个解决方案：

Swift
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
    if #avAIlable(IOS 11.0, *) {
        let window = UIWindow(frame: UIScreen.mAIn.bounds)
        window.backgroundColor = UIColor.white
        window.rootViewController = YourTabBarController()
        
        if let window = self.window, window.safeAreAInsets.bottom > 0 {
            let insets = UIEdgeInsets(top: 0, left: 0, bottom: window.safeAreAInsets.bottom, right: 0)
            UINavigatioNBAr.appearance().shadowImage = UIImage()
            UINavigatioNBAr.appearance().backgroundImage(for: .default)
            UINavigatioNBAr.appearance().setBackgroundImage(UIImage(), for: .default)
            UINavigatioNBAr.appearance().isTranslucent = false
            UINavigatioNBAr.appearance().titleTextAttributes = [.foregroundColor: UIColor.black]
            UINavigatioNBAr.appearance().tintColor = UIColor.black
            UINavigatioNBAr.appearance().barTintColor = UIColor.white
            UINavigatioNBAr.appearance().shadowImage = UIImage()
            UINavigatioNBAr.appearance().setBackgroundImage(UIImage(), for: .default)
            UINavigatioNBAr.appearance().isTranslucent = false
            UINavigatioNBAr.appearance().barStyle = .default
            UINavigatioNBAr.appearance().shadowImage = UIImage()
            UINavigatioNBAr.appearance().setBackgroundImage(UIImage(), for: .default)
            UINavigatioNBAr.appearance().isTranslucent = false
            UINavigatioNBAr.appearance().barStyle = .default
            UINavigatioNBAr.appearance().setBackgroundImage(UIImage(), for: .default)
            UINavigatioNBAr.appearance().shadowImage = UIImage()
            UITabBar.appearance().shadowImage = UIImage()
            UITabBar.appearance().backgroundImage = UIImage()
            UITabBar.appearance().tintColor = .black
            UITabBar.appearance().backgroundColor = .white
            UITabBarItem.appearance().setTitleTextAttributes([.foregroundColor: UIColor.black], for: .normal)
            UITabBarItem.appearance().setTitleTextAttributes([.foregroundColor: UIColor.black], for: .selected)
            UITabBarItem.appearance().titlePositionAdjustment = UIOffset(horizontal: 0, vertical: -5)
            UINavigatioNBAr.appearance().titleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.black]
            window.rootViewController?.additionalSafeAreAInsets = insets
        }
        
        self.window = window
        window.makeKeyAndVisible()
    }
    
    return true
}

：

在IOS 11和iphone X的时代，我们需要注意在嵌入UITabBarController时UINavigatioNBAr的工具栏间距问题。通过检测设备是否是iphone X，并根据其底部的额外空间调整间距，我们可以解决这个问题。希望本文的解决方案对你有所帮助！