当 "prefersLargeTitles" 设置为 true 时更改导航栏标题的文本颜色

Question

我有一个要求，我必须使用带有红色大标题的 UINavigationBar。

目前，我有以下代码：

func prepareNavigationController() {
    let navController = UINavigationController(rootViewController: self)
    navController.navigationBar.prefersLargeTitles = true
    navigationItem.searchController = UISearchController(searchResultsController: nil)
    navigationItem.hidesSearchBarWhenScrolling = false
    navController.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor.rawValue: UIColor.red]
}

但实际上并没有将标题标签染成红色。这是结果：

但是将 prefersLargeTitles 更改为 false 是正确的，我的标题是红色的。

navController.navigationBar.prefersLargeTitles = false

我不完全确定这是否是一个错误，因为在撰写本文时我们仍处于第一个测试版，或者这是有意为之的行为，主要是因为我没有任何 Apple 应用程序为大屏幕着色之前的标题。有什么方法可以让大标题具有我想要的任何颜色？

Answer 1

不确定这是否是 beta 1 和 2 中的错误，但这里有一种设置颜色的方法。这是一个 "hacky" 的解决方法，但在 Apple 修复此问题之前它应该会起作用。在 Objective-C 和 Swift 版本中，这段代码都在 viewDidAppear: 方法中。

Objective-C:

dispatch_async(dispatch_get_main_queue(), ^{
    for (UIView *view in self.navigationController.navigationBar.subviews) {
        NSArray <__kindof UIView *> *subviews = view.subviews;
        if (subviews.count > 0) {
            UILabel *label = subviews[0];
            if (label.class == [UILabel class]) {
                [label setTextColor:[UIColor redColor]];
            }
        }
    }
});

Swift:

DispatchQueue.main.async {
     for view in self.navigationController?.navigationBar.subviews ?? [] {  
     let subviews = view.subviews  
     if subviews.count > 0, let label = subviews[0] as? UILabel {  
           label.textColor = UIColor.red
 } } }

Answer 2

有一个新的 UINavigationBar 属性 "largeTitleTextAttribute" 应该对此有所帮助。

largeTitleTextAttribute

这是您可以添加到视图控制器 viewDidLoad 方法的示例代码

        navigationController?.navigationBar.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor: UIColor.blue]

这里是示例代码和屏幕截图，没有设置 largeTitleTextAttributes，但 barStyle 设置为 .black

        navigationController?.navigationBar.barStyle = .black

这是一张没有设置 largeTitleTextAttributes 的屏幕截图，但 barStyle 设置为 .default

        navigationController?.navigationBar.barStyle = .default

Answer 3

这是使用大标题并将小标题和大标题的文本颜色设置为白色的工作代码，在 iOS11+ 和旧的 iOS 版本上都是如此。

// Will apply to versions before iOS 11
navigationController?.navigationBar.titleTextAttributes = [
    NSAttributedStringKey.foregroundColor: UIColor.white
]

if #available(iOS 11.0, *) {
    navigationController?.navigationBar.prefersLargeTitles = true
    navigationController?.navigationBar.largeTitleTextAttributes = [
        NSAttributedStringKey.foregroundColor: UIColor.white
    ]
}

（之前Xcode有bug，现在好像修复了）

Answer 4

如果使用故事板，只需更改 "Large Title Text Attributes" 导航栏属性检查器中的标题颜色：

Answer 5

您在 iOS 13 中执行此操作的方式已更改，您现在可以像这样使用 UINavigationBarAppearance class...

let appearance = UINavigationBarAppearance(idiom: .phone)
appearance.largeTitleTextAttributes = [.foregroundColor: UIColor.systemRed]
appearance.titleTextAttributes = [.foregroundColor: UIColor.systemRed]
appearance.backgroundColor = .white
navigationItem.standardAppearance = appearance
navigationItem.scrollEdgeAppearance = appearance

当 "prefersLargeTitles" 设置为 true 时更改导航栏标题的文本颜色

Changing the text color of a navigation bar title when "prefersLargeTitles" is set to true

uinavigationbar

uikit

ios

ios11