UICollectionView搜索新GIF后collectionViewContentSize.height变为0怎么解决？

问题根因 #

你遇到的collectionViewContentSize.height为0的问题核心出在高度计算的两个逻辑缺陷上：

1. heightForCell方法的兜底逻辑错误：你在该方法中判断如果imageAtIndexPath返回nil就直接返回0，而imageAtIndexPath内部调用的SDWebImage的loadImage是异步方法，刚搜索返回的新GIF还未完成下载时，同步获取到的image必然为nil，所有cell高度都返回0的情况下，collectionView的内容高度自然为0。
2. 高度计算时机错误：你在reloadCollectionView中调用完reloadData后立刻执行layoutIfNeeded和heightChanged，此时异步图片还未下载完成，布局计算用的都是未完成下载的错误高度。
   初始加载正常是因为你加了1秒的延迟加载逻辑，这段时间足够图片下载完成，所以能拿到正确的高度。

排查验证 #

你可以通过加两处打印确认问题：

• 在heightForCell的guard return处加打印，确认搜索后新数据对应的cell高度是不是全部返回0
• 在imageAtIndexPath的return nil处加打印，确认新搜索的GIF是不是都没有同步拿到已下载的图片

修复方案 #

1. 修正cell高度兜底逻辑 #

把heightForCell中图片不存在时的返回值从0改成默认的正方形高度，和你后续异常判断的兜底逻辑对齐：

func heightForCell(givenWidth cellWidth: CGFloat, at indexPath: IndexPath!) -> CGFloat {
    guard let image = self.imageAtIndexPath(indexPath) else {
        // 替换原return 0为默认高度，避免内容高度塌陷
        return cellWidth
    }
    // 原有后续逻辑保持不变
    if (image.size.height < 1 || image.size.width < 1 || self.activityIndicator.isAnimating) {
        return cellWidth
    }
    let scaleFactor = image.size.height / image.size.width
    let imageViewToHighlightedViewSpacing: CGFloat = 4
    return cellWidth * scaleFactor + imageViewToHighlightedViewSpacing
}

2. 图片加载完成后同步更新高度 #

你已经在cell的setupUI方法中实现了图片加载完成的回调，只需要在回调中新增高度更新逻辑即可，确保图片下载完成后会重新计算collectionView的总高度：

cell.setupUI(withState: cellState, URL: previewURL) { [weak self] () in
    guard let weakSelf = self else { return }
    UIView.animate(withDuration: Constants.gifLoadDuration) {
        weakSelf.GIFCollectionView.collectionViewLayout.invalidateLayout()
        weakSelf.GIFCollectionView.layoutIfNeeded()
        // 新增：图片加载完成后重新计算总高度
        weakSelf.heightChanged()
    }
}

3. 可选优化 #

建议移除viewDidLayoutSubviews中的heightChanged()调用，该方法触发频率极高，重复的高度计算和约束更新可能引发性能问题和布局抖动，仅在数据刷新、布局失效、图片加载完成的节点调用即可。

如果修复后问题依然存在，需要检查你使用的PAGiphyCellLayout是否有旧布局高度缓存逻辑，搜索返回新数据时需要先清空旧缓存再调用invalidateLayout。

内容的提问来源于stack exchange，提问作者JFortYork