UICollectionView 布局在滚动时表现异常

Posted 2023-03-14

【中文标题】UICollectionView 布局在滚动时表现异常

【英文标题】：UICollectionView layout behave weirdly on scrolling

【发布时间】：2019-11-24 00:52:41

【问题描述】：

我正在设置一个集合视图，以便在 Instagram 上显示内容。 instagram's grid

为了设置布局，我使用了 UIcollectionviewDelegateFlowLayout 的一些委托方法：

extension ProfileViewController : UICollectionViewDelegateFlowLayout

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat
        return 0
    


    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat
        return 0
    

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize 
        return CGSize(width: (view.frame.width)/3, height: (view.frame.width)/3)
    

当我打开项目时，collectionView 运行良好。 当您快速向下滚动 collectionView 以使所有单元格瞬间消失时，就会出现问题。 在那一刻，我之前设置的单元格布局不成立，图像变得超放大并且一个在彼此之上，就像这样：messed Up collectionView 我不知道如何解决这个问题。 同样在编译器中我得到这个错误：

the item width must be less than the width of the UICollectionView minus the section insets left and right values, minus the content insets left and right values.

Please check the values returned by the delegate.
The relevant UICollectionViewFlowLayout instance is <UICollectionViewFlowLayout:   0x7fbbe972d1f0>, and it is attached to <UICollectionView: 0x7fbbeb056400; frame = (0 0; 414 896); clipsToBounds = YES; autoresize = RM+BM; 
gestureRecognizers = <NSArray: 0x60000203c4e0>; layer = <CALayer: 0x600002ef19c0>; contentOffset: 0, 424; contentSize: 414, 16048; adjustedContentInset: 88, 0, 83, 0; layout: <UICollectionViewFlowLayout: 0x7fbbe972d1f0>; dataSource: <InstagramClone.ProfileViewController: 0x7fbbe9708890>>.

【参考方案1】：

我认为您的问题可能与post 中的问题相同。

尝试通过将UICollectionView's estimatedSize 设置为无来解决您的问题。

这是因为在 Xcode 11 中，CollectionView 中的单元格现在可以使用画布中的自动布局约束视图自行调整大小。