UICollectionView 将在调用 "reloadItems" 方法时重新创建单元格

Question

我的单元格有一个从网络下载的图像，因此我需要将单元格的高度设置为动态。图片下载完成后，我将调用 self.collectionView.reloadItems(at: [indexPath]) 来触发设置新高度的委托方法。

但是reloadItems方法似乎会重新创建一个单元格，而不仅仅是重新布局一个原来的复用单元格。

我该如何解决这个问题？这是苹果的 UICollectionView 上的错误还是我做错了什么？

完整代码：

// code from ViewController
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: AnnounmentWallCollectionViewCell.cellIdentifier, for: indexPath) as! AnnounmentWallCollectionViewCell

    let announcement = announcements[indexPath.row]
    cell.collectionView = collectionView
    cell.setBanner(from: announcement.banner, indexPath: indexPath, completion: { [unowned self] (height) in
        self.bannersHeight[indexPath.row] = height
    })
    cell.setHTMLContent(announcement.content)
    contentsHeight[indexPath.row] = cell.htmlContentSize.height
    printD("indexPath: \(indexPath)")
    return cell
}

// code from cell
func setBanner(from url: URL?, indexPath: IndexPath, completion: @escaping (_ height: CGFloat)->()) {
    // URL(string: "https://i.imgur.com/qzY7BJ9.jpg")
    if let url = url {
        if let banner = SDImageCache.shared().imageFromDiskCache(forKey: url.absoluteString) {
            self.bannerView.isHidden = false
            self.bannerView.image = banner.scaleWidth(to: self.bounds.width - 32) // leading + trailling
            self.bannerHeight.constant = self.bannerView.image?.size.height ?? 1
            completion(self.bannerHeight.constant)
            printD("NO Download: \(indexPath)")
            let animationsEnabled = UIView.areAnimationsEnabled
            UIView.setAnimationsEnabled(false)
            self.collectionView.reloadItems(at: [indexPath])
            UIView.setAnimationsEnabled(animationsEnabled)
        } else {
            DispatchQueue.global().async {
                SDWebImageDownloader.shared().downloadImage(with: url, options: .useNSURLCache, progress: nil) { (banner, data, error, finished) in
                    DispatchQueue.main.async {
                        if let banner = banner {
                            SDImageCache.shared().store(banner, forKey: url.absoluteString, toDisk: true)
                            self.bannerView.isHidden = false
                            self.bannerHeight.constant = banner.scaleWidth(to: self.bounds.width - 32)?.size.height ?? 1
                            completion(self.bannerHeight.constant)
                            self.collectionView.reloadData()
                            printD("Download: \(indexPath): \(self.bannerHeight.constant)")
                        } else {
                            self.bannerView.isHidden = true
                            self.bannerHeight.constant = 1
                            completion(self.bannerHeight.constant)
                        }
                    }
                }
            }
        }
    } else {
        bannerView.isHidden = true
        bannerHeight.constant = 1
        completion(bannerHeight.constant)
    }
}

// code from delegate 
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let width = self.view.bounds.width
    let height = bannersHeight[indexPath.row] + contentsHeight[indexPath.row]
        + 1 // sticker
        + 11 // banner top
    printD("indexPath: \(indexPath): \(height)")
    return CGSize(width: width, height: height)
}

Answer 1

这不是错误。这就是为给定索引路径重新加载单元格的方式。如果你只想更新布局你也可以试试

[self.collectionView.collectionViewLayout invalidateLayout]

而不是

self.collectionView.reloadItems(at: [indexPath])

然后 return 委托方法中的适当大小。

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
return //whatever size that you want to return.

}

我还强烈建议您缓存图像大小，以便下次使用，而不是 downloading/calculating 超过...

UICollectionView 将在调用 "reloadItems" 方法时重新创建单元格

UICollectionView will recreate cells when calling the "reloadItems" method

ios

uicollectionview

uicollectionviewcell

uicollectionviewlayout