WWDC22 的 UINavigationBar：新风格、适配度和示例

2024-01-16 15:25:06

UINavigationBar 改头换面，提升 iOS 导航体验

焕然一新的风格

在今年的 WWDC22 上，Apple 发布了 UINavigationBar 的重大更新，引入了三种新颖的样式，可将 iOS 应用程序的导航体验提升至新高度：

navigator ：熟悉的导航体验，带有标准标题和后退按钮。
browser ：简洁的工具栏和隐藏式标题，模仿 Safari 浏览器。
editor ：专为文本编辑应用程序打造，配有可自定义的工具栏，包含“取消”和“完成”按钮。

自定义的力量

UINavigationItem 的崭新 style 属性赋予开发者前所未有的灵活性，让他们能够根据应用程序的特定需求定制导航栏的外观和行为。通过设置此属性，您可以轻松切换至预定义的样式，如：

navigationItem.style = .browser

适配性升级

UINavigationBar 现已获得适配性增强，可无缝适应各种设备和显示尺寸。无论屏幕方向或大小如何，导航栏都会自动调整尺寸和布局，确保所有设备上的一致且优化的导航体验。

代码示例

以下代码展示了如何利用 UINavigationBar 的新特性：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 设置导航栏样式为 browser
        navigationItem.style = .browser

        // 添加自定义标题视图
        let titleView = UILabel()
        titleView.text = "自定义标题"
        titleView.sizeToFit()
        navigationItem.titleView = titleView

        // 添加左侧栏按钮
        let leftButton = UIBarButtonItem(title: "返回", style: .plain, target: self, action: #selector(backButtonTapped))
        navigationItem.leftBarButtonItem = leftButton
    }

    @objc func backButtonTapped() {
        navigationController?.popViewController(animated: true)
    }
}