图像未出现在 PFQueryCollectionViewController 中

Question

我正在开发一个应该在UICollectionView 中显示图像的 iPhone 应用程序。图像保存在 Parse 云中，我使用 PFQueryCollectionViewController 的子类进行查询并显示图像。

点击MKMapView 标注会触发显示CollectionViewController 的segue。第一次显示CollectionViewController 时，图像不会出现在单元格中。但是，如果我返回MapView，然后返回CollectionViewController，则图像会出现在单元格中。

如何让图像在PFQueryCollectionViewController 首次出现时出现？

这是我的代码：

class PhotoGridCollectionViewController: PFQueryCollectionViewController {

override func viewDidAppear(animated: Bool) {
}

override func viewDidLoad() {
  super.viewDidLoad()
}

override func didReceiveMemoryWarning() {
  super.didReceiveMemoryWarning()
  // Dispose of any resources that can be recreated.
}

// MARK: UICollectionViewDataSource

override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
  //#warning Incomplete method implementation -- Return the number of sections
  return 1
}

override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
  //#warning Incomplete method implementation -- Return the number of items in the section
  return self.objects.count
}

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath, object: PFObject?) -> PFCollectionViewCell? {

  let cell = collectionView.dequeueReusableCellWithReuseIdentifier("venuePhotoThumb", forIndexPath: indexPath) as! PhotoGridCollectionViewCell

  if let pfObject = object {
    cell.imageView.file = pfObject["imageFile"] as? PFFile
    cell.imageView.loadInBackground({ (img, err) -> Void in
      println("Download complete")
    })
  }

  return cell
}

}

由于我使用的是 Storyboard，因此我通过在属性检查器中设置我的自定义类 parseClass：

如您所见，我正在使用PFImageView 的loadInBackground 方法异步加载图像，我认为这个问题可能是由于返回单元格后正在下载的图像引起的，但是我没有任何其他想法。有谁知道为什么图像在第一次呈现视图时没有出现？

Answer 1

我的合作开发者终于找到了答案。在cellForItemAtIndexPath 中配置单元格时，我们必须为PFImageViews 设置占位符图像。 Parse 上的代码示例确实包括设置占位符图像，但他们没有说PFQueryCollectionViewController 需要它才能正常工作。我们认为这是一种美感，我们可以稍后再谈。

所以答案是：为了使图像在PFQueryCollectionViewController 的单元格中正确加载，您必须在配置cellForItemAtIndexPath 中的单元格时提供占位符图像。

这是有效的代码：

let placeholder = UIImage(named: "myPlaceholderImage")  //an image from images.xcassets in your xcode project
cell.imageView.image = placeholder

if let pfObject = object {
    cell.imageView.file = pfObject["image"] as? PFFile
    cell.imageView.loadInBackground()
}