UICollectionView CustomCell重用

Question

我获取用户的Photo Asset ，并试图创建一个自定义UICollectionViewCell我UICollectionView其中第一个指标是Camera Image和其他细胞的摄像机图像。 但是，当我滚动时，就像重新创建了索引处的图像，并且我注意到单元格中的某些图像获得了在index[0]处添加的视图。

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    //Deque an GridViewCell
    let cell: GridViewCell = (collectionView.dequeueReusableCellWithReuseIdentifier(CellReuseIdentifier, forIndexPath: indexPath) as? GridViewCell)!
    if indexPath.item != 0 {

        let asset = assetsFetchResults[indexPath.item - 1] as! PHAsset
        cell.representedAssetIdentifier = asset.localIdentifier

        imageManager.requestImageForAsset(asset, targetSize: AssetGridThumbnailSize, contentMode: PHImageContentMode.AspectFill, options: nil) { (result: UIImage?, info: [NSObject : AnyObject]?) -> Void in
            //print(result)
            if cell.representedAssetIdentifier.isEqualToString(asset.localIdentifier) {
                if let imageResult = result {
                    cell.imageView.image = imageResult
                }
            }
        }
    } else {
        let cameraButton = UIButton(frame: CGRectMake(0,0,80,80))
        cameraButton.setTitle("Camera", forState: .Normal)
        cameraButton.frame = cell.imageView.bounds
        cell.imageView.addSubview(cameraButton)
    }

    return cell
}

下面是用于说明的图像

Answer 1

当可重用单元在视图外滚动时，它们会被收集视图重用，以防止占用大量内存。 当某个单元格滚动到视图外部时，集合视图会将它们标记为可重用。 可重用的单元将被集合视图重用，而不是创建新的单元。 这将大大减少内存使用。 如果只有20个单元同时显示在屏幕上，为什么还要在内存中保留1000个单元。

因为单元格已被重用，所以它们仍将包含先前单元格的内容，这意味着该单元格仍将cameraButton作为子视图。 与图片的故事相同，您需要从单元格中手动删除它们，并确保替换或删除所有旧内容。

当您执行将下载图像并将图像设置到该单元格的方法之后，该单元格仍可能包含前一个单元格的图像。 您应该在cellForRowAtIndexPath方法的开头清除图像，以删除旧的图像/子视图。

请参见下面的示例：

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("Cell", forIndexPath: indexPath) as! GridViewCell


    if indexPath.row == 0 {
        // Show the title becouse it's the first cell.
        cell.titleLabel.hidden = false

        // Title needs to be set in storyboard
        // Default image for camera roll needs to be set in storyboard

    } else {
        // All the other cells.
        cell.titleLabel.hidden = true

        // Clear old content
        cell.imageView.image = nil

        // I don't exactly know what all this code does behind the screen, but I assume it's a method that downloads the image and add it to the imageView when it's done.
        let asset = assetsFetchResults[indexPath.item - 1] as! PHAsset
        cell.representedAssetIdentifier = asset.localIdentifier

        imageManager.requestImageForAsset(asset, targetSize: AssetGridThumbnailSize, contentMode: PHImageContentMode.AspectFill, options: nil) { (result: UIImage?, info: [NSObject : AnyObject]?) -> Void in
            //print(result)
            if cell.representedAssetIdentifier.isEqualToString(asset.localIdentifier) {
                if let imageResult = result {
                    cell.imageView.image = imageResult
                }
            }
        }
}

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {

    // Cell that needs to open the camera roll when tapped)
    if indexPath.row == 0 {

        // Do something that opens the camera roll

    }

}

我没有测试此代码，但应该与此类似。