设置UISplitViewController的第二视图及补充视图背景颜色：解决顶部空白区域与背景色不匹配问题

我之前在做iPad三栏布局开发时，也碰到过一模一样的困扰——明明给导航栏设了颜色，顶部还是有莫名的空白区域和蓝色背景不统一。给你几个亲测有效的解决方案：

方案一：关闭导航栏半透明+设置SplitViewController背景色 #

默认情况下UINavigationBar是半透明状态，这会导致系统自动计算的布局出现额外空白，同时SplitViewController本身的背景色可能也没配置到位。试试这段代码：

// 先给SplitViewController本身设置背景色，覆盖全局空白区域
splitViewController?.view.backgroundColor = .blue

// 关闭导航栏半透明，让背景色完全填充顶部
navigationController?.navigationBar.isTranslucent = false
// 设置导航栏背景色
navigationController?.navigationBar.backgroundColor = .blue

这是我当时解决问题的关键：半透明关闭后，导航栏的背景色才会完全覆盖顶部区域，不会出现透底或者留白的情况。

方案二：调整子控制器的edgesForExtendedLayout #

如果SplitViewController的子控制器设置了edgesForExtendedLayout包含.top，内容会延伸到导航栏下方，看起来像是顶部有空白。在子控制器中添加：

// 禁止内容延伸到导航栏/状态栏区域
edgesForExtendedLayout = []
// 或者只保留底部、左右方向的延伸
edgesForExtendedLayout = [.bottom, .left, .right]

这样子控制器的视图会从导航栏下方开始布局，顶部的空白区域就会被SplitViewController的蓝色背景填充。

方案三：用全局Appearance统一设置导航栏 #

如果项目里有多个导航栏，全局设置可以避免重复代码。在AppDelegate或者SceneDelegate的didFinishLaunchingWithOptions方法里添加：

let navBarAppearance = UINavigationBarAppearance()
navBarAppearance.backgroundColor = .blue
// 应用到普通状态和滚动到顶部的状态
UINavigationBar.appearance().standardAppearance = navBarAppearance
UINavigationBar.appearance().scrollEdgeAppearance = navBarAppearance
// 强制关闭半透明
UINavigationBar.appearance().isTranslucent = false

这个方法能确保所有导航栏（包括SplitViewController里的子导航栏）都统一使用蓝色背景。

方案四：检查安全区域Insets设置 #

有时候系统自动添加的安全区域Insets会导致顶部出现空白，可以尝试重置：

// 在SplitViewController或者子控制器中设置
additionalSafeAreaInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)

不过这个要注意，如果你需要适配刘海屏设备，可能需要根据场景调整，建议先试试前面的方案，这个作为兜底选项。

优先试试方案一和方案二，这两个解决了我当时遇到的90%以上的顶部空白问题。

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