ios - 图片下载后更新单元格高度

Question

我在 UITableView 中显示一些文本和图像。图像首先被下载。因为在图片下载之前，我不知道图片的大小，所以我最初放了一个固定大小的 UIImageView。下载图像后，我调整了 UIImageView 的大小。

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

// Download image

    dispatch_async(dispatch_get_main_queue(), ^{

    // UIImageView resizing  
    });  
});

所有这一切都发生在 cellForRowAtIndexPath 中。
我在这里面临的问题是:
1.如何更新单元格的高度？考虑到单个单元格中可以有很多图像。所以我需要在上面一个下载时更改底部图像的位置。
2. 我尝试使用 UITableView beginUpdates 和 endUpdates，但滚动到单元格的顶部导致用户体验不佳。

这是用户界面在 reloadData 上的样子。有5张图片需要下载:UI experience after UITableView reloadData

Answer 1

简答

• 给 estimatedRowHeight 足够的呼吸空间
• 一旦 dequeueReusableCellWithIdentifier 返回，更改 UITableViewCell 将不用于缓存单元
• 使用 reloadRowsAtIndexPaths 触发单个单元格重新加载
• 使用 Core Data 管理您的缓存，让 NSFetchedResultsController 样板代码可以完成所有 UI 工作。

---

详情

没有意外的滚动，只在图片出现时更新:

1. 如果正在刷新的单元格位于或低于地平线，UITableView将不滚动<
2. 如果正在刷新的单元格位于顶部上方，UITableView 将不滚动
3. UITableView 只会在单元格清晰可见时滚动，并且需要比可用空间更多的空间。

让 UITableViewAutomaticDimension 完成繁重的工作

您需要告诉 Cocoa Touch 该单元格陈旧，以便它会触发一个新 dequeueReusableCellWithIdentifier，您将前往返回具有适当高度的单元格。
无需重新加载整个 TableView 或其部分之一，并假设您的索引稳定，调用 -tableView:reloadRows:at:with: 传递刚刚更改的单元格的 indexPath，然后.fade 动画。

代码:

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.estimatedRowHeight = 250 // match your tallest cell
    tableView.rowHeight = UITableViewAutomaticDimension
}

使用URLSession。当图像可用时，触发 reloadRows:at:with:

func loadImage(_ url: URL, indexPath: IndexPath) {
    let downloadTask:URLSessionDownloadTask =
        URLSession.shared.downloadTask(with: url, completionHandler: {
        (location: URL?, response: URLResponse?, error: Error?) -> Void in
        if let location = location {
            if let data:Data = try? Data(contentsOf: location) {
                if let image:UIImage = UIImage(data: data) {
                    self.cachedImages[indexPath.row] = image // Save into the cache
                    DispatchQueue.main.async(execute: { () -> Void in
                        self.tableView.beginUpdates()
                        self.tableView.reloadRows(
                            at: [indexPath],
                            with: .fade)
                        self.tableView.endUpdates()
                    })
                }
            }
        }
    })
    downloadTask.resume()
}

一旦在缓存中，cellForRow 只是从 UI 线程读入它:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
    let cell = tableView.dequeueReusableCell(withIdentifier: "id") as! CustomCell
    cell.imageView.image = cachedImages[indexPath.row]      // Read from the cache
    return cell
}

---

示例:从 *Wikipedia* 中随机获取一组图像

► 在 GitHub 上找到此解决方案以及有关 Swift Recipes 的更多详细信息.