Swift实现Pinterest双列CollectionView：列高失衡问题咨询

嘿，Kevin！这个情况绝对不是正常现象——Pinterest风格的瀑布流核心就是要让两列高度尽可能平衡，滚动时出现一列集中大量高图的失衡问题，肯定是布局逻辑或者加载逻辑出了漏洞，得针对性排查优化。

优先排查布局代码（大概率是核心问题） #

这种滚动时的异常，大多和布局的高度计算、Cell复用逻辑有关：

• 先确认collectionView(_:layout:sizeForItemAt:)里的尺寸计算是否正确：必须根据图片的原始宽高比，结合列的固定宽度，动态算出每个Item的显示高度，绝对不能用固定高度或者估算值糊弄
• 检查你有没有维护两列的实时高度记录：标准的瀑布流逻辑是每次添加新图片时，把它分配到当前总高度更矮的那一列。如果你的布局没有做这个判断，只是按顺序轮流塞到左右列，遇到一批高图集中的情况，必然会失衡
• 警惕Cell复用的坑：滚动时Cell被复用，要是没有在cellForItemAt里正确重置图片的尺寸约束，或者旧的高度计算值没有被清空，就会导致复用后的Cell高度错误，积累下来就会让某一列越来越高

再检查loadMore()的逻辑问题 #

如果布局本身没问题，那就要看加载更多时的图片分配逻辑：

• 有没有可能loadMore()加载的新一批图片，没有按照“选矮列”的规则分配，而是直接按数组顺序硬塞到左右列？比如这批图片里高图都在奇数位，就全跑到同一列了
• 加载更多完成后，有没有正确触发布局刷新？比如调用collectionView.collectionViewLayout.invalidateLayout()让布局重新计算，而不是只调用reloadData()——有时候后者不会强制重新计算所有Item的位置

快速定位小技巧 #

你可以在每次添加新图片后，打印左右两列的当前总高度，看看是从加载第一批就开始失衡，还是滚动到加载更多后才出现问题，这样能快速锁定是布局还是加载逻辑的锅。

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