使用 swiftUI 中的 inspector 组件
了解如何使用 iOS17 和 macOS 14 上新增的 inspector 组件,为你的应用添加 Panel 页面。
从 iOS17 或 macOS14 开始,SwiftUI 提供了新的inspector()
修饰符,可以更加方便的在需要的任何位置添加检查器视图。
inspector 支持平台与效果
inspector
支持 iOS、iPadOS 和 macOS。
- 在 iOS 上,
inspector
显示为类似.sheet
的效果。 - 在 iPadOS 上,和 macOS 上的效果类似。
- 在 macOS 上,效果与 Xcode 中的检查器类似,会在 UI 的边缘滑入。
可以根据需要与NavigationStack
或 NavigationSplitView
一起工作。
inspector 使用案例
使用 inspector 显示设置页面
一种常见的使用方式是,在 Toolbar 中添加一个 Icon,在用户点击时打开设置或编辑页面。
- 编辑页面通常是全局的
- 编辑页面通常和具体对象无关
使用 inspector 显示对象详情
另一种使用方式是,点击某个对象,使用 inspector 显示对象详情:
- 这种使用方式和 .sheet 类似
- 通常和一个具体的对象相关
inspector 使用方式
inspector 使用方式和 .sheet 组件类似,此处不再赘述。