如何更改后退按钮导航栏 Xcode 的颜色 - Swift

在开发 iOS 应用时，经常会用到导航栏和后退按钮。如果你想要自定义后退按钮导航栏的颜色，可以使用以下几种方法。

方法一：使用 tintColor 属性

iOS 导航栏和 BarButtonItem 有一个名为 tintColor 的属性，可以控制它们的颜色。因此，如果你想要改变后退按钮导航栏的颜色，可以在你的 ViewController 中使用以下代码：

override func viewDidLoad() {
    super.viewDidLoad()
    navigationController?.navigationBar.tintColor = .red
}

这会把后退按钮导航栏的颜色改为红色。你可以将 red 替换为你想要的任何颜色。

方法二：使用 BarButtonItem 的图片

如果你想要更精确地控制后退按钮导航栏的颜色，可以使用 BarButtonItem 的图片来代替系统的箭头。你可以创建一个自定义的图片，并将其分配给 BarButtonItem，如下所示：

override func viewDidLoad() {
    super.viewDidLoad()
    let backButtonImage = UIImage(named: "back_button_image")
    navigationController?.navigationBar.backIndicatorImage = backButtonImage
    navigationController?.navigationBar.backIndicatorTransitionMaskImage = backButtonImage
    navigationController?.navigationBar.tintColor = .red
}

这里，我们首先将自定义图片命名为 “back_button_image”，然后将其分配为后退按钮的图片。将这个图片设置为两个属性，这是必须的。最后，我们将导航栏的 tintColor 设置为 red，这会使整个按钮都变为红色。

方法三：使用 UIBarButtonItemAppearance

在 iOS 13 中，你可以使用 UIBarButtonItemAppearance 来自定义导航栏中的所有 BarButtonItem 的外观，包括后退按钮。你可以创建一个 UIBarButtonItemAppearance 对象，并使用它的成员变量来定义后退按钮的外观，如下所示：

override func viewDidLoad() {
    super.viewDidLoad()

    let backButtonAppearance = UIBarButtonItemAppearance()
    backButtonAppearance.normal.tintColor = .red // 按钮未选中时颜色
    backButtonAppearance.highlighted.tintColor = .blue // 按钮选中时颜色
    backButtonAppearance.focused.tintColor = .green // 按钮焦点时的颜色

    navigationController?.navigationBar.backIndicatorImage = UIImage(systemName: "arrow.left", withConfiguration: UIImage.SymbolConfiguration(pointSize: 24, weight: .bold))
    navigationController?.navigationBar.backIndicatorTransitionMaskImage = UIImage(systemName: "arrow.left", withConfiguration: UIImage.SymbolConfiguration(pointSize: 24, weight: .bold))
    navigationController?.navigationBar.backIndicatorImage?.accessibilityLabel = "backButton" //为了方便做自动化测试，最后加上了accessibilityLabel

    let backButton = UIBarButtonItem()
    backButton.title = "" // 移除“Back”文字
    backButton.tintColor = .red // 设置按钮颜色
    backButton.Appearance = backButtonAppearance // 设置按钮外观

    navigationItem.backBarButtonItem = backButton
}

这里，我们使用了 UIBarButtonItemAppearance 的对象来控制按钮的各种状态。我们设置了三个状态，即未选中、选中和焦点状态。按钮的图片设置为一个简单的左箭头，而不是系统的样式。最后，我们使用返回按钮的初始化方法来创建一个 BarButtonItem，并将其分配给 navigationItem 的 backBarButtonItem 属性。

这样，你就可以完全自定义后退按钮导航栏的颜色了！

结论

你可以使用上述三种方法之一，或使用它们的组合来自定义后退按钮导航栏的颜色。这些代码片段可以在 Xcode 中使用 Swift 语言进行编写，以确保你的应用程序中的后退按钮颜色与你所需的一样。