UICollectionView在PerformBatchUpdates时出现奇怪的动画

时间:2020-07-20 14:16:30

标签: ios swift xcode uicollectionview uikit

在具有performBatchUpdates的水平滚动UICollectionView上调用contentOffset.x > 0时,它将执行一个相当奇怪的动画。

我使用示例单元重新创建了错误,该示例单元准确显示了我们在应用程序中遇到的错误。当根本没有在performBatchUpdates中执行任何更改时,也会发生这种情况。完成后,UICollectionView中的项目是正确的,因此这只是一个动画问题。

Example GIF of behaviour

有人有没有遇到过这个问题并且对此有解决方案?

我的ViewController.swift

class CollectionViewCell: UICollectionViewCell {
    @IBOutlet var label: UILabel!
}

class ViewController: UIViewController {
    @IBOutlet private var collectionView: UICollectionView!
    
    private var items: [Int] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let layout = UICollectionViewFlowLayout()
        layout.estimatedItemSize = CGSize(width: 1, height: 1)
        layout.scrollDirection = .horizontal
        
        collectionView.collectionViewLayout = layout
        collectionView.dataSource = self
        collectionView.delegate = self
        collectionView.contentInset = UIEdgeInsets(top: 0, left: 10, bottom: 0, right: 10)
        collectionView.showsHorizontalScrollIndicator = false
    }
}

extension ViewController: UICollectionViewDataSource {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        items.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as? CollectionViewCell
        
        cell?.label.text = items[indexPath.row].description
        
        return cell ?? UICollectionViewCell()
    }
}

extension ViewController: UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        items.remove(at: indexPath.row)
        
        collectionView.performBatchUpdates({
            self.collectionView.deleteItems(at: [indexPath])
        }, completion: nil)
    }
}

在此处下载示例项目: https://wetransfer.com/downloads/74454a6b9df114529ba3a26b7b9488ab20200720141429/05eb4d

1 个答案:

答案 0 :(得分:0)

您必须为collectionView单元格设置itemSize

layout.itemSize = CGSize(width: 44, height: 44)

代替(或另外):

layout.estimatedItemSize = CGSize(width: 1, height: 1)

有关估算值以及何时需要的更多信息:
https://developer.apple.com/documentation/uikit/uicollectionviewflowlayout/1617709-estimateditemsize

和itemSize:
https://developer.apple.com/documentation/uikit/uicollectionviewflowlayout/1617711-itemsize

不客气!