导航栏标题与按钮定制

定制你的导航栏标题 🤩

在 SwiftUI 中，导航栏是用户界面的重要组成部分，它不仅显示当前页面的标题，还可以包含操作按钮。你可以通过各种方式定制导航栏，使其更符合你的应用风格和用户需求。

修改导航栏标题

修改导航栏标题非常简单。你可以使用 .navigationTitle() 修饰符来设置标题。例如：

NavigationView {
    Text("你好，世界！")
        .navigationTitle("我的应用")
}

这将创建一个带有 "我的应用" 标题的导航栏。你还可以使用动态字符串来设置标题，使其根据应用状态变化。

• 使用 \.navigationTitle() 修饰符
• 使用动态字符串来设置标题

添加导航栏按钮 🥳

导航栏按钮允许用户执行特定操作，例如保存、编辑或分享。你可以使用 .toolbar 修饰符来添加按钮。

NavigationView {
    Text("你好，世界！")
        .navigationTitle("我的应用")
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Button(action: {
                    // 执行操作
                }) {
                    Image(systemName: "square.and.arrow.up")
                }
            }
        }
}

这段代码在导航栏的右侧添加了一个分享按钮。你可以根据需要添加多个按钮，并自定义它们的位置和外观。

1. 使用 .toolbar 修饰符
2. 使用 ToolbarItem 定义按钮
3. 自定义按钮的位置和外观

定制导航栏外观 😎

除了标题和按钮，你还可以定制导航栏的整体外观，例如背景颜色、文字颜色和字体。你可以使用 UINavigationBarAppearance 来实现这些定制。

init() {
    let appearance = UINavigationBarAppearance()
    appearance.backgroundColor = .red
    appearance.titleTextAttributes = [.foregroundColor: UIColor.white]

    UINavigationBar.appearance().standardAppearance = appearance
    UINavigationBar.appearance().scrollEdgeAppearance = appearance
}

这段代码将导航栏的背景颜色设置为红色，文字颜色设置为白色。你可以根据需要修改其他属性，例如字体、阴影和透明度。

• 使用 UINavigationBarAppearance
• 修改背景颜色、文字颜色和字体
• 设置 standardAppearance 和 scrollEdgeAppearance

使用 SwiftUI 的新特性 🤩

SwiftUI 不断发展，新的特性不断涌现。你可以利用这些新特性来进一步定制导航栏，例如使用 \.toolbarRole(.editor) 来指定工具栏的角色，或者使用 \.toolbarColorScheme(.dark, for: .navigationBar) 来设置工具栏的颜色方案。

总而言之，SwiftUI 提供了强大的工具来定制导航栏，让你能够创建出美观且功能强大的用户界面。 🚀 记住，好的用户体验始于细节，而导航栏的定制正是提升用户体验的关键一步。🎉