Question

我想我在这里遇到了一个非常奇怪的问题。在我的一些TableView中，当我从Parse加载图像时，没有任何数据的单元格有时会显示其他图像。

我的代码的方式是检查Parse上是否存在文件，如果有图片，PFImageView会在后台为每个单元格加载图像。

但是，如果数据库中没有存储图像，PFImageView应该使用占位符的本地图像。但是，通常在我的PFTableView中，没有图像数据的单元格会从其他单元格中获取图像。有谁知道为什么？或者知道修复？

以下是代码：

if business["businessImage"] as? PFFile != nil {
    var file: PFFile = business["businessImage"] as PFFile
    cell.businessPhoto.file = file
    cell.businessPhoto.loadInBackground()
}                        
else {
    cell.businessPhoto.image = UIImage(named: "placeholder user photo")
}

是因为我使用loadInBackground()代替loadInBackgroundWithBlock()吗？

Answer 1

在不使用缓存的情况下，我发现的解决方法是首先将cellForRowAtIndexPath中的图像文件设置为占位符图像，然后如果在服务器上找到图像对象，则将单元格图像设置为新文件，然后将其加载到后台。

以下是代码：

        myCell.profilePic.image = UIImage(named: "placeholder user image")

        if let file: PFFile = object["profilePicture"] as? PFFile {
            myCell.profilePic.file = file
            myCell.profilePic.loadInBackground()
        }

感谢大家的帮助！

Answer 2

滚动浏览tableview时，将重复使用单元格。之前在该单元格中显示的图像未被清除。您可以使用UITableViewCell prepareForReuse方法或UITableView委托didEndDisplayingCell / willDisplayCell来取消图像并取消加载或该单元格。

<强>更新

试试这个：

func tableView(tableView: UITableView, didEndDisplayingCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
  cell.businessPhoto.file.cancel()
  cell.businessPhoto.image = nil
}

请确保您使用自定义单元格类

而不是UITableViewCell

Answer 3

该问题并未显示基于indexPath设置业务的代码。希望它只是基于行的数组中的简单查找。

发布代码的一个特定问题是，在您执行异步提取的情况下，它不会立即设置cell.businessPhoto.image。

您将看到的效果是，在获取正确的图像时，单元格将包含来自另一行的图像（因为重用）。解决方案是无条件地设置占位符图像。

第二个问题是更可选的，但几乎是必需的：缓存图像。这样，当用户滚动时，您不会继续重新抓取。这会导致您的cellForRowAtIndexPath代码中的组织不同：

// this outer conditional is your original code
if (this business has a "businessImage" PFFile) {
    // new: check for cached image
    if (the image is cached) {
        set cell image to the cached image
    } else {
       // new: always set a placeholder, maybe a special one for fetching
       set cell image to a placeholder (one that indicates fetching)
       asynch fetch the image, with completion block {
           cache the image
           set cell image to the image
       }
    }
} else {
    set cell image to a placeholder (one that indicates no image)
}

请注意，我们会立即设置单元格图像 - 即使在我们开始提取的情况下也是如此。通过这种方式，不需要实现prepareForReuse或didEndDisplay挂钩。

TableView单元格中的PFImageView加载错误的图像

3 个答案: