10、SwiftUI 表单数据展示与交互开发指南

SwiftUI 表单数据展示与交互开发指南

1. 表单中展示数据

在开发应用时，能够展示静态数据对于一些不需要动态更新的界面（如应用的设置界面）很有用。但大多数应用需要展示动态更新的数据，因此我们要将表单 UI 与数据模型绑定，并使其可编辑。

Forms API 利用了 SwiftUI 的常规 UI 视图，其所有功能都能按预期工作，它仅影响表单内 UI 元素的外观。借助此特性，我们可以使用 SwiftUI 的所有状态管理工具，将 Text、Label、Image 等 UI 元素，甚至更复杂的选择器绑定到数据模型。

假设我们有如下数据模型来表示书籍：

struct Book: Hashable, Identifiable {
  var id = UUID()
  var title: String
  var author: String
  var isbn: String
  var pages: Int
  var isRead: Bool = false
}
extension Book {
  var smallCoverImageName: String { return "\(isbn)-S" }
  var mediumCoverImageName: String { return "\(isbn)-M" }
  var largeCoverImageName: String { return "\(isbn)-L" }
}

要展示 Book 实例的数据，需替换之前代码片段中的静态文本，转而访问模型属性。Swift 的字符串插值功能在 SwiftU