使用 swiftUI 中的 inspector 组件

了解如何使用 iOS17 和 macOS 14 上新增的 inspector 组件,为你的应用添加 Panel 页面。

使用 swiftUI 中的 inspector 组件

从 iOS17 或 macOS14 开始,SwiftUI 提供了新的inspector() 修饰符,可以更加方便的在需要的任何位置添加检查器视图

Inspectors in SwiftUI: Discover the details - WWDC23 - Videos - Apple Developer
Meet Inspectors — a structural API that can help bring a new level of detail to your apps. We’ll take you through the fundamentals of the…

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 组件类似,此处不再赘述。