在Custom TableView中添加图像

Question

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

我知道，我可以在tableview中定义numberOfSections。在每个单元格中，我可以定义列数。但是，我不知道如何在tableView中添加图像？我的理解是图像将在右侧合并一些细胞。但是怎么做或者有可能吗？

任何帮助都将受到高度赞赏。

Answer 1

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

我认为，有两种选择：

1. 为这4个单元创建一个单元格，其中使用UIStackView或仅使用autolayout将内容与图像一起放置。

2. 使用自定义布局实现将tableView更改为collectionView，然后您可以将图像作为单个单元格放置在这些单元格的右侧。

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

Answer 2

是的可能。您需要对Y Position，tableview的尾随空间等进行一些计算

将您的图片视图添加到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)