如何在重新加载时清除 UICollectionViewCell？

Question

我遇到了一个问题，UICollectionView 中显示的数据覆盖了标签，并且单元格视图没有被清除。

这张图片显示了问题，

IE：

我的 UICollectionViewCell 是这样构造的；

// in viewDidLoad
self.playerHUDCollectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier:reuseIdentifer)

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell:UICollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifer, for: indexPath) as UICollectionViewCell
    let arr = UINib(nibName: "EYPlayerHUDView", bundle: nil).instantiate(withOwner: nil, options: nil)
    let view = arr[0] as! EYPlayerHUDView
    cell.contentView.addSubview(view)
    if let allPlayers = self.allPlayers
    {
        let player:EYPlayer = allPlayers[indexPath.row]
        view.updatePlayerHUD(player: player)
    }
    cell.layoutIfNeeded()
    return cell
}

我使用视图在单元格中显示。

我尝试删除cellForItemAt 中的所有单元格子子项，但它似乎删除了所有子视图。

我想知道如何清除UICollectionViewCell，以便UICollectionViewCell 上的标签和其他信息不会像上面的示例那样脏。

非常感谢

Answer 1

//cell = UICollectionViewCell
for subview in cell.contentView.subviews {
     // you can place "if" condition to remove image view, labels, etc.
     //it will remove subviews of cell's content view
     subview.removeFromSuperview()
}

Answer 2

在您的自定义单元类中使用prepareForReuse 方法，如下所示：

override func prepareForReuse() {
    super.prepareForReuse()
    //hide or reset anything you want hereafter, for example
    label.isHidden = true
}

在您的 cellForItemAtIndexPath 中，实例化您的自定义单元格：

let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "myCellIdentifier", for: indexPath) as! CustomViewCell

然后，始终在cellForItemAtIndexPath 中设置您的项目可见性/值

Answer 3

UICollectionViewCells 被重用以避免实例化，以优化性能。如果您正在滚动并且某个单元格变得不可见，则会再次使用相同的对象 (dequeueReusableCell) 并在 cellForItemAt...

中设置一个新的 content

正如前面的答案中提到的，在重用单元格之前，在单元格上调用prepareForReuse()。所以你可以覆盖prepareForReuse() 并做任何你需要做的准备。

但是，您在每次重复使用时都会创建一个新的 EYPlayerHUDView 并将其添加到单元格中，因此您的单元格会充满堆叠的 EYPlayerHUDViews。

为避免这种情况，将UICollectionViewCell 子类化并将EYPlayerHUDView 设为自定义单元格的属性（我建议使用XIB）：

class MyCell: UICollectionViewCell {
    @IBOutlet var player:EYPlayerHUDView!

    override func prepareForReuse() {
        super.prepareForReuse()
        // stop your player here
        // set your label text = ""
    }
}

这样做之后，您可以更新cellForItemAt 中的EYPlayerHUDView，而无需实例化它，也无需将其添加为新视图：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifer, for: indexPath) as? MyCell else {
        return nil
    }

    if let allPlayers = self.allPlayers {
        let player:EYPlayer = allPlayers[indexPath.row]
        cell.player.updatePlayerHUD(player: player)
    }

    return cell
}

（代码未经测试）

Answer 4

制作自定义 UICollectionView 类并在需要时实现 prepareForReuse 以清除内容。