在 iOS 应用程序中,TableView 是流行的 UI 元素,用于以可滚动的方式显示数据列表。在 Apple 的尖端声明式 UI 框架 SwiftUI 中构建具有多种单元格类型的 TableView 是一种在单个列表中呈现多种形式的数据的有效方法。在本文中,我们将了解如何在 SwiftUI 中创建具有各种单元格类型的 TableView。
第 1 步:定义数据模型
定义数据模型是创建具有多种单元格类型的 TableView 的第一步。必须识别您希望在 TableView 中显示的多种数据类型,并且必须为每个类别创建关联的数据模型。为了便于说明,假设您要显示可以是文本或图像的对象列表。您可以描述以下两种数据模型:
struct TextItem : Identifiable {
let id = UUID ()
let text : String
}
struct ImageItem : Identifiable {
let id = UUID ()
let imageName : String
}
第 2 步:创建 TableView
然后可以使用 SwiftUI 中的列表视图来构建 TableView。各种数据模型被输入到列表视图中,列出了它们。当使用 SwiftUI 的组视图将多个视图分组在一起时,您可以为每个数据模型指定单元格类型。下面是如何制作具有多种单元格类型的 TableView 的示例:
import SwiftUI
struct MyTableView: View {