ios - 如何在 UITableView 中一次为多个单元格添加边框？

Question

我正在使用 Swift 创建一个 iOS 应用程序，其中我有一个包含多个单元格的 tableView。我想要一个 tableView，其中每组三个单元格都有一个边框，并且每组三个单元格之间有一个小间隙。这是每个单元格在 tableView 中的样子。

我想结合三个单元格的阴影效果/边框，使其看起来像一个实体。下一个单元格将是一组新的三个单元格的一部分。

我想这样做是因为很多应用程序都像我上面提到的那样显示 tableView。例如，Flipkart 在“音乐”下显示一个包含三个单元格的 tableView，每个单元格包含一个耳机，在一个小间隙后显示“鞋子”，每个单元格包含三只鞋。我如何获得类似的效果？

Answer 1

我在我的应用程序中做了类似的事情。我使用的方法是在每个表格 View 单元格中放置一个 UICollectionView。有一个关于如何做到这一点的优秀教程。

在 Swift 中将 UICollectionView 放入 UITableViewCell 中: https://ashfurrow.com/blog/putting-a-uicollectionview-in-a-uitableviewcell-in-swift/

这应该对你有一些修改:

例子中，他有一个水平滚动的collection view。您将需要一个垂直的 Collection View ， Collection View 单元格覆盖表格 View 单元格的整个宽度。执行此操作的最佳方法很可能是在 Storyboard 中同时选择 TableView 单元格和 Collection View 并添加约束“等宽”。

您还需要将表格 View 单元格的高度设置为等于整个 Collection View 的高度。如果您在固定高度的 Collection View 中总是恰好有 3 个项目，那么您可以简单地硬编码表格 View 单元格的高度。但是，如果 Collection View 中的项目数量会因不同的表格 View 单元格而改变，那么您将需要为“等高”添加约束，这与我在上一步中描述的类似。

应该注意的是，由于您的内容将垂直显示，您可以通过向每个 TableView 单元格添加 UITableView(而不是 UICollectionView)来实现相同的结果，但这会增加一些复杂性，因为两个 TableView 都将调用ViewController.swift 文件中的相同方法。解决方法是使用标签来识别哪个 TableView 正在调用该方法，但我个人认为将 UITableView 作为父项，将 UICollectionView 作为子项更为直接。

如果您需要任何详细说明，请随时发表评论 :)