首页 > 解决方案 > 执行BatchUpdates时UICollectionView奇怪的动画

问题描述

当调用具有performBatchUpdates的水平滚动条时,它会执行一个相当奇怪的动画。UICollectionViewcontentOffset.x > 0

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

行为 GIF 示例

是否有人已经面临这个问题并有解决方案?

我的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

标签: iosswiftxcodeuicollectionviewuikit

解决方案


您必须itemSize为您设置 collectionView 单元格:

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

不客气!


推荐阅读