如何实现水平表格视图？

Question

我正在尝试使用以下功能快速实现水平表格视图：

• 以水平方式列出的图像
• 左右水平滚动

请参阅附加的线框。

有人能指出我正确的方向吗？我尝试深入研究 UICollectionView 来实现这一点。

Answer 1

- SwiftUI

这个问题被问了很多，使用CollectionView 有很多答案。但在 SwiftUI 中，您可以使用水平的 ScrollView，其中包含水平的 Stack，如下所示：

struct CardView: View {
    var body: some View {
        Rectangle()
        .foregroundColor(.gray)
        .frame(width: 100, height: 80, alignment: .center)
        .cornerRadius(8)
    }
}

struct ContentView: View {

    var body: some View {
        VStack {
            HStack {
                Text("Categories")
                Spacer()
                Button(action: {}) { Text("More") }
            }.padding(16)
            ScrollView(.horizontal) {
                HStack(spacing: 16) {
                    ForEach(0...15, id: \.self) { _ in
                        CardView()
                    }
                }.padding(16)
            }
        }
    }
}

- 结果

请注意您可以在 本月晚些时候在 Apple 正式发布 SwiftUI 时在 UITableViewCell 中使用它。