内在内容大小在UITableView内的UICollectionView上

Question

让我作为序言说，过去几个月来我在搜索Google和StackOverflow上花费了大约100个小时，试图回答这个问题。我已经阅读了许多教程，但无法解决我的问题。每个人都感到非常失望，令人沮丧。

期望

现实

问题

我有一个包含UIView的UITableView。 UIView具有自动布局约束，可将其固定在单元格边缘的15pt处，然后给它阴影和圆角。在该UIView中，我有一些标签，然后是UICollectionView和堆栈视图。

我的UICollectionView的高度一直为0，我不知道如何使它具有固有尺寸。我似乎可以使其正确显示的唯一方法是，通过情节提要板中的自动布局将其强制设置为特定的高度（这就是我截取此屏幕截图的方式）。不幸的是，由于以下两个原因，强制这样的高度是不现实的：

1. 高度取决于设备的宽度。由于图像是正方形，因此高度大约是设备宽度的一半（但不完全是）。
2. 如果没有图像，则集合视图的高度应为0。

看来应该可以在这里使用流布局的固有内容大小。

故事板

约束

每个标签，集合视图和堆栈视图之间都有大约15pt的空间（因此，垂直空间）。集合视图原型单元格中具有图像视图。图像视图的顶部，底部，尾部和前导空间到集合视图单元格都设置为0，并且比例为1：1。

馆藏视图布局

要实现一张大图像和四张小图像的布局，我使用了SNCollectionViewLayout。

数据源/委托

在我的控制器的viewDidLoad中，我已经将UITableView的estimatedRowHeight设置为400，并且将rowHeight设置为UITableView.automaticDimension。

在tableView cellForRowAt中，我使可重用的自定义UITableViewCell类出队，在表视图单元格中设置各种出口，并在集合视图中为表视图单元格调用reloadData()。在情节提要中，我将表视图单元格设置为集合视图的数据源和委托。

在表格视图单元格的awakeFromNib函数中，我设置了它的拐角半径，阴影，并使用以下代码在集合视图上进行流布局（您可以在示例中看到）：

let snCollectionViewLayout = SNCollectionViewLayout()
snCollectionViewLayout.fixedDivisionCount = 4
snCollectionViewLayout.delegate = self
snCollectionViewLayout.itemSpacing = 10
collectionView.collectionViewLayout = snCollectionViewLayout

我还通过编写以下函数实现了可选的SNCollectionViewLayoutDelegate协议：

func scaleForItem(inCollectionView collectionView: UICollectionView, withLayout layout: UICollectionViewLayout, atIndexPath indexPath: IndexPath) -> UInt {
    if indexPath.row == 0 || collectionView.numberOfItems(inSection: indexPath.section) <= 2 {
        return 2
    } else {
        return 1
    }
}

此功能是为什么第一个图像的高度和宽度是其余图像的两倍的原因。

研究

在试图解决这个问题时，我检查了表视图单元格的cellForRowAt和willDisplay方法中的collectionView.collectionViewLayout.collectionViewContentSize。无论哪种情况，都是（0,0）。

我也尝试在集合视图单元格的cellForItemAt和willDisplay中对其进行检查。除非我在集合视图中添加一个高度约束以使其变高，否则这些日志行甚至都不会打印，但是那时，我没有一种好方法可以在任何时候将高度降低到应该的高度。尝试过，我收到了冲突的约束警告和真正不稳定的拉伸视图（例如完全压缩了堆栈视图）。

在测试中，我强行设置了一个足以使集合视图适合的高度限制，当这种情况发生时，它可以正确渲染并且集合视图内容的大小正确，因此我知道它能够跟踪（可以看到here）。

有人对此有任何见识吗？如果您有任何需要研究的细节，我很乐意提供更多代码。我试图提供完整的图片，同时将图片尽可能的短（我知道很长）。

我觉得这个问题与表格视图单元格中的集合视图有关。

谢谢。

Answer 1

在表格视图单元格中保持高度约束连接。

@IBOutlet weak var collectionViewHeightConstraint: NSLayoutConstraint!

并根据高度计算以编程方式更新高度约束值

self. collectionViewHeightConstraint.constant = 100 // set it to 0 if nothing to display