如何使UITableView看起来像这样?

时间:2014-03-07 17:20:00

标签: ios uitableview custom-cell

我很好奇Youtube的UITableViewCells是如何完成的,这是一个截图:

enter image description here

就像你可以看到细胞像方形和中心一样,我该怎么做?

2 个答案:

答案 0 :(得分:4)

虽然您实际上可以使用UICollectionView而不是UITableView,但实际上也可以使用UITableView来实现此布局(YouTube应用)。

您需要创建一个自定义UITableViewCell,其中包含少量图片和标签。创建自定义UITableViewCell时,会将项目添加到contentView属性中。然后,您可以更改contentView属性的约束或框架以实现此效果。

当然,有更多方法可以实现这种布局,但我会遵循这个:

  1. 创建UITableViewCell
  2. 的自定义子类
  3. UITableViewCell一个明确的背景。
  4. 为创建的子类的contentView UIView属性提供白色背景。
  5. contentView
  6. 中将细胞之间的边距限制添加到UITableViewCell
  7. contentView
  8. 中设计单元格的布局

    创建这样的设计基本上并不困难。

答案 1 :(得分:2)

使用UICollectionView而不是UITableView

单元格自动居中,只需创建一个正方形大小。