来自 CKAsset 的图像在 Swift 中乱序加载

Question

我正在加载从 public CloudKit 数据库中作为 CKAssets 获取的图像的表格视图。但是，在将正确的图像加载到自定义 UITableview 单元格的 UIImageView 之前，图像会乱序加载大约两秒钟。我知道问题在于，由于该单元格是可重复使用的，因此在图像视图中显示正确的图像之前，当用户在 TableView 中滚动时，图像仍然从 CloudKit 下载并显示在任何可见的单元格中。我想知道 swift 中是否有对此的修复，以便下载的图像仅适用于可见单元格而不是任何以前的单元格。

这是 cellForRowAtIndexPath 的代码：

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! PostsTableViewCell
    cell.userInteractionEnabled = false

    photoRecord = sharedRecords.fetchedRecords[indexPath.row]

    cell.photoTitle.text = photoRecord.objectForKey("photoTitle") as? String

    cell.photoImage.backgroundColor = UIColor.blackColor()
    cell.photoImage.image = UIImage(named: "stock_image.png")

    if let imageFileURL = imageCache.objectForKey(self.photoRecord.recordID) as? NSURL {
        cell.photoImage.image = UIImage(data: NSData(contentsOfURL: imageFileURL)!)
        cell.userInteractionEnabled = true
        print("Image Cached: \(indexPath.row)")
    } else {

        let container = CKContainer.defaultContainer()
        let publicDatabase = container.publicCloudDatabase
        let fetchRecordsImageOperation = CKFetchRecordsOperation(recordIDs:[self.photoRecord.recordID])
        fetchRecordsImageOperation.desiredKeys = ["photoImage"]
        fetchRecordsImageOperation.queuePriority = .VeryHigh

        fetchRecordsImageOperation.perRecordCompletionBlock = {(record:CKRecord?, recordID:CKRecordID?, error:NSError?) -> Void in
            if let imageRecord = record {
                NSOperationQueue.mainQueue().addOperationWithBlock() {
                    if let imageAsset = imageRecord.objectForKey("photoImage") as? CKAsset{
                        cell.photoImage.image = UIImage(data: NSData(contentsOfURL: imageAsset.fileURL)!)
                        self.imageCache.setObject(imageAsset.fileURL, forKey:self.photoRecord.recordID)
                        cell.userInteractionEnabled = true
                        }
                    }
                }
            }
        publicDatabase.addOperation(fetchRecordsImageOperation)
        }
    return cell
}

提前致谢！

Answer 1

您的 table 视图出现与 fetchRecordsImageOperation.perRecordCompletionBlock 被调用之间存在延迟。在那段时间内，如果您不检查单元格的索引路径是与构造 fetchRecordsImageOperation.perRecordCompletionBlock 时相同，此行：cell.photoImage.image = UIImage(data: NSData(contentsOfURL: imageAsset.fileURL)!) 将导致图像放置在已经显示不同数据的单元格中。您可以像这样修改完成块以避免这种情况。

if let imageRecord = record {
                NSOperationQueue.mainQueue().addOperationWithBlock() {
                    if let imageAsset = imageRecord.objectForKey("photoImage") as? CKAsset{
                        if indexPath == tableView.indexPathForCell(cell){
                            cell.photoImage.image = UIImage(data: NSData(contentsOfURL: imageAsset.fileURL)!)
                        }
                        self.imageCache.setObject(imageAsset.fileURL, forKey:self.photoRecord.recordID)
                        cell.userInteractionEnabled = true
                        }
                    }
                }

Answer 2

我相信你会在这里找到答案，我当然有偏见，因为我写了它。

您应该设置一个图像以在加载图像时显示并显示该图像以便用户了解发生了什么？

来自 CKAsset 的图像在 Swift 中乱序加载

Images from CKAsset Load Out of Order in Swift

uitableview

ios

swift

cloudkit

ckasset