在UICollectionView中显示错误图像

问题描述：

！我需要你的帮助。我有UICollectionView里面的UIImageView里面的UITableView。当我第一次从API获取数据时，它会显示正确的图像，但是当我开始向下滚动并返回时，它会显示错误的图像。我的代码如下所示：在UICollectionView中显示错误图像

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! AllPostsOfUserCollectionViewCell 

    let post = allPostsOfUserArray[collectionView.tag] 
    if post.imageLinks.count != 0 { 
     let imageLink = post.imageLinks[indexPath.row] 

     if imageLink.imageLink != nil { 
      let url = URL(string: imageLink.imageLink!) 

      cell.imageOfAnimalInCollectionView.sd_setImage(with: url!, placeholderImage: UIImage(named: "App-Default"),options: SDWebImageOptions(rawValue: 0), completed: { (image, error, cacheType, imageURL) in 
      }) 
     } 
    } 

    return cell 
}

我的模型看起来是这样的：

class UserContent { 

var name = "" 
var imageLinks = [UserImages]() 

init(name: String, imageLinks: [UserImages]?) {   
    self.name = name 
    if imageLinks != nil { 
     self.imageLinks = imageLinks! 
    } 
} 

init() { } 

deinit { 
    imageLinks.removeAll() 
    } 
} 


class UserImages { 

var imageLink: String? 

init(imageLink: String?) { 
    self.imageLink = imageLink 
} 

init() { } 

deinit { 
    imageLink = "" 
    } 
}

我的UITableView做什么

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { 

    let index = indexPath.row 

    let cell = tableView.dequeueReusableCell(withIdentifier: "cell") as! AllPostsOfUserTableViewCell 

    cell.collectionView.tag = index 

    let post = allPostsOfUserArray[index] 
    if post.imageLinks.count == 0 { 
     cell.collectionView.isHidden = true 
    } else { 
     cell.collectionView.isHidden = false 
    } 

    return cell 
}

UPD：我加cell.collectionView.reloadData （） to func tableView（cellForRowAt indexPath）。现在它工作正常。

在所有'else'（你没有做的）中，你需要删除图片或放置一个占位符。 – Larme

答

cell.imageOfAnimalInCollectionView.image = nil 
if post.imageLinks.count != 0 { 
    let imageLink = post.imageLinks[indexPath.row] 

    if imageLink.imageLink != nil { 
     let url = URL(string: imageLink.imageLink!) 

     cell.imageOfAnimalInCollectionView.sd_setImage(with: url!, placeholderImage: UIImage(named: "App-Default"),options: SDWebImageOptions(rawValue: 0), completed: { (image, error, cacheType, imageURL) in 
     }) 
    } 

}

（未测试，但应该工作。你也可以使用sd_image的方法来分配一个空的网址，用一个占位符图像只显示图像占位符，或者只是给一个空的URL字符串''无占位符图像）

无论何时滚动，单元格都会重新使用，并且分配给单元格的图像会重新出现，因为它仍在单元格上。您必须通过使用else子句来删除这些图像，其中每个if您正在将图像分配给imageView。

希望这会有所帮助。

谢谢，但我仍然有一些麻烦。我想，也许这是因为错误的模型。 –

@DmytroRyshchuk很棒，你找到了解决方案。不过，我认为将图像设置为零或占位符图像是一种很好的做法。因为你正在处理更多的数据 –

答

难道你试试这个代码：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! AllPostsOfUserCollectionViewCell 
    cell.imageOfAnimalInCollectionView.image = UIImage(named: "App-Default") 
    let post = allPostsOfUserArray[collectionView.tag] 
    if post.imageLinks.count != 0 { 
     let imageLink = post.imageLinks[indexPath.row] 

     if imageLink.imageLink != nil { 
      let url = URL(string: imageLink.imageLink!) 

      cell.imageOfAnimalInCollectionView.sd_setImage(with: url!, placeholderImage: UIImage(named: "App-Default"),options: SDWebImageOptions(rawValue: 0), completed: { (image, error, cacheType, imageURL) in 
      }) 
     } 
    } 

    return cell 
}

答

这个问题有点像竞争状态。您可以参考我的答案similair question

您可能需要找到另一个模块下载图像并手动设置为单元格。

在UICollectionView中显示错误图像

相关推荐