You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在所有场景(含多标签页)统一设置导航栏背景色

嗨,这个问题我太有共鸣了!重复写相同的导航栏样式代码简直是浪费时间,给你分享几个高效的统一设置方案,任选其一就能解决你的问题:

方案1:用UIAppearance全局配置(最简单)

你可以在App启动的时候,直接通过UIAppearance API全局设置导航栏的样式,这样整个App里的所有导航栏都会自动应用这个样式,不用在每个VC里重复写。

代码可以放在AppDelegate的application(_:didFinishLaunchingWithOptions:)方法里,或者iOS 13+的SceneDelegate的scene(_:willConnectTo:options:)方法里:

// 全局设置导航栏背景色
UINavigationBar.appearance().barTintColor = UIColor.orange
// 全局设置导航栏按钮、返回箭头的颜色
UINavigationBar.appearance().tintColor = UIColor.white
// 全局设置导航栏标题的文字颜色
UINavigationBar.appearance().titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]

注意:如果你的App需要兼容iOS 11及以下版本,NSAttributedString.Key要换成NSAttributedStringKey,或者用条件编译做兼容。

如果某个特定的VC需要不一样的样式,直接在该VC里重新设置对应的属性即可,局部设置会覆盖全局的配置。

方案2:自定义UINavigationController

如果你的TabBar里的每个页面都是通过导航控制器管理的,那可以创建一个自定义的导航控制器类,把导航栏样式的代码写在这个类里,之后所有页面都使用这个自定义导航控制器,自然就统一了样式。

比如创建一个BaseNavigationController:

import UIKit

class BaseNavigationController: UINavigationController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 在这里设置导航栏样式
        navigationBar.barTintColor = UIColor.orange
        navigationBar.tintColor = UIColor.white
        navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
    }
}

之后在创建TabBar的每个标签页时,用这个BaseNavigationController包裹对应的视图控制器就可以了,比如:

let firstVC = FirstViewController()
let firstNav = BaseNavigationController(rootViewController: firstVC)
// 同理设置其他标签页的导航控制器...

这种方式的好处是,你可以在自定义导航控制器里添加更多统一的逻辑,比如统一的返回按钮样式、手势等。

方案3:创建基础视图控制器(BaseViewController)

如果所有标签页的视图控制器都可以继承同一个基类,那也可以把导航栏样式的代码写在基类的viewDidLoad方法里:

import UIKit

class BaseViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置导航栏样式
        navigationController?.navigationBar.barTintColor = UIColor.orange
        navigationController?.navigationBar.tintColor = UIColor.white
        navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
    }
}

之后每个标签页的视图控制器都继承BaseViewController,比如:

class FirstViewController: BaseViewController {
    // 你的页面逻辑...
}

不过这种方式要注意,如果某个VC不需要这个样式,需要在该VC里重写viewDidLoad并覆盖对应的设置,或者在基类里加个开关控制是否应用样式。

以上三个方案里,我个人最推荐方案1或者方案2,前者最简单,后者灵活性更高,根据你的App结构选就行~

内容的提问来源于stack exchange,提问作者Ivanka Todorova

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:34:51