Swift 导航栏适配教程

1. 导航栏适配流程

首先，让我们了解一下实现导航栏适配的流程。下面的表格展示了具体的步骤：

步骤 描述
步骤1 创建一个自定义的导航栏样式
步骤2 在应用启动时设置全局导航栏样式
步骤3 在每个需要适配的页面设置导航栏样式
步骤4 在需要自定义返回按钮的页面实现返回按钮的点击事件

接下来，我们将逐步实现这些步骤。

2. 步骤详解

步骤1：创建一个自定义的导航栏样式

首先，在你的项目中创建一个名为 "CustomNavigationBarStyle.swift" 的文件。在这个文件中，我们将定义一个自定义的导航栏样式。

import UIKit

class CustomNavigationBarStyle {
    static func setup() {
        let navigationBarAppearance = UINavigationBarAppearance()
        navigationBarAppearance.backgroundColor = .white
        navigationBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.black]
        navigationBarAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
        
        UINavigationBar.appearance().standardAppearance = navigationBarAppearance
        UINavigationBar.appearance().scrollEdgeAppearance = navigationBarAppearance
    }
}

上述代码首先创建了一个 UINavigationBarAppearance 对象，并设置了背景色、标题文字颜色等属性。然后，将这个样式应用到全局的导航栏。

步骤2：在应用启动时设置全局导航栏样式

在你的 AppDelegate.swift 文件中的 application(_:didFinishLaunchingWithOptions:) 方法中添加以下代码：

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    CustomNavigationBarStyle.setup()
    return true
}

这样，在应用启动时，我们就会调用之前创建的 CustomNavigationBarStyle 中的 setup() 方法来设置全局导航栏样式。

步骤3：在每个需要适配的页面设置导航栏样式

对于每个需要适配导航栏的页面，你需要在对应的 UIViewController 子类中添加以下代码：

override func viewDidLoad() {
    super.viewDidLoad()
    
    let navigationBarAppearance = UINavigationBarAppearance()
    navigationBarAppearance.backgroundColor = .white
    navigationBarAppearance.titleTextAttributes = [.foregroundColor: UIColor.black]
    navigationBarAppearance.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
    
    navigationItem.standardAppearance = navigationBarAppearance
    navigationItem.scrollEdgeAppearance = navigationBarAppearance
}

上述代码创建了一个 UINavigationBarAppearance 对象，并设置了相应的属性。然后，将这个样式应用到当前页面的导航栏。

步骤4：在需要自定义返回按钮的页面实现返回按钮的点击事件

如果你需要在某些页面自定义返回按钮，并实现返回按钮的点击事件，你可以在对应的 UIViewController 子类中添加以下代码：

override func viewDidLoad() {
    super.viewDidLoad()
    
    let backButton = UIBarButtonItem(title: "返回", style: .plain, target: self, action: #selector(backButtonTapped))
    navigationItem.leftBarButtonItem = backButton
}

@objc func backButtonTapped() {
    // 处理返回按钮点击事件
}

上述代码创建了一个自定义的返回按钮，并设置了标题、样式和点击事件处理方法。

结论

通过以上步骤，你可以成功实现导航栏适配。总结一下，我们的流程如下图所示：

pie
    title 导航栏适配流程
    "步骤1" : 1
    "步骤2" : 1
    "步骤3" : 1
    "步骤4" : 1

希望本教程能够帮助你理解并实现导航栏适配。祝你顺利！