在自定义 TableView 中添加图像

Question

是否可以使用 tableview 设计以下 UI？

我知道，我可以在表视图中定义 numberOfSections。在每个单元格中，我可以定义列数。但是，我不确定如何在 tableView 中添加图像？我的理解是图像将在右侧合并一些单元格。但是如何去做或者可能与否？

非常感谢任何帮助。

Answer 1

您将无法同时向这 4 个单元格添加图像。

在我看来，有两种选择：

为这 4 个单元格创建一个单元格，在其中使用 UIStackViews 或自动布局将内容与图像一起布置。
将 tableView 更改为具有自定义布局实现的 collectionView，然后您可以将图像作为单个单元格布置在这些单元格的右侧。

我自己会选择第一种方法，因为我相信它实施起来会更容易、更快。

Answer 2

是的，这是可能的。您需要对 Y 位置进行一些计算，从表视图尾随 space，等等

将您的图像视图添加到 tableView 中。

let imageWidth: CGFloat = 150.0
let imageHeight: CGFloat = 150.0    //Addition of height of meging cells
let trailingSpace: CGFloat = 25.0

let yPosition: CGFloat = 100        //Calculate Y position depend on NavigationBar, Name cell, etc...

let imgView = UIImageView(frame: CGRect(x: view.frame.width - imageWidth - trailingSpace, y: yPosition, width: imageWidth, height: imageHeight))
imgView.backgroundColor = .clear
imgView.image = UIImage(named: "Waterfall")
imgView.contentMode = .scaleAspectFit

tableView.addSubview(imgView)

在自定义 TableView 中添加图像

Image adding in a Custom TableView

ios

swift

tableview

collectionview