Swift中如何用下载属性修改UI及实现图片驱动的动态表格行高

1. 如何在Swift中使用已下载的属性修改UI？ #

首先得牢牢记住：所有UI操作必须在主线程执行，这是iOS开发的铁规则，违反的话轻则界面无响应，重则直接崩溃。当你完成数据或资源下载后，一定要切回主线程再更新UI。

举个最常见的场景，比如用URLSession下载图片：

// 发起异步下载请求
URLSession.shared.dataTask(with: targetImageURL) { data, response, error in
    guard let data = data, let downloadedImage = UIImage(data: data) else {
        // 处理下载失败的情况
        return
    }
    // 切回主线程更新UI
    DispatchQueue.main.async {
        self.userAvatarImageView.image = downloadedImage
        self.downloadStatusLabel.text = "图片加载完成"
    }
}.resume()

如果你的下载逻辑封装在模型类里，那可以通过这几种方式通知UI层更新：

• 闭包回调：在模型中定义一个闭包属性，下载完成时触发闭包，让控制器在主线程更新UI
• 代理模式：给模型设置代理对象，下载完成后调用代理方法，控制器实现代理方法并处理UI更新
• Combine框架（iOS 13+）：用@Published包装下载后的属性，控制器订阅这个属性的变化，自动在主线程更新UI

不管用哪种方式，核心都是把UI更新代码放在DispatchQueue.main.async闭包里执行。

2. UITableView动态调整行高的可行策略 #

你遇到的问题本质是：cell初始化时图片还没下载完成（模型里的异步加载还没结束），此时访问图片size自然是nil，导致自动行高计算错误。针对这个问题，我给你几个实用的解决思路：

策略一：开启自动行高+设置预估行高 #

这是实现动态行高的基础配置，先确保你的tableView开启了自动计算：

override func viewDidLoad() {
    super.viewDidLoad()
    // 开启自动行高
    tableView.rowHeight = UITableView.automaticDimension
    // 设置预估行高，避免滚动时出现跳动
    tableView.estimatedRowHeight = 200 // 选一个接近实际行高的数值即可
}

策略二：图片加载完成后刷新对应行 #

在你的模型类里，当图片在DispatchQueue.main.async中加载完成时，添加一个回调通知控制器，刷新对应的cell。示例如下：

// 模型类示例
class FeedModel {
    var feedImage: UIImage? {
        didSet {
            // 图片加载完成后触发回调
            imageLoadedHandler?()
        }
    }
    // 定义回调闭包
    var imageLoadedHandler: (() -> Void)?

    // 模拟图片加载逻辑
    func loadImage(from url: URL) {
        URLSession.shared.dataTask(with: url) { data, _, _ in
            guard let data = data, let image = UIImage(data: data) else { return }
            DispatchQueue.main.async {
                self.feedImage = image
            }
        }.resume()
    }
}

// 控制器中使用模型
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "FeedCell", for: indexPath) as! FeedCell
    let model = feedData[indexPath.row]
    cell.feedImageView.image = model.feedImage
    
    // 设置回调，图片加载完成后刷新当前行
    model.imageLoadedHandler = { [weak self] in
        guard let self = self else { return }
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
    
    return cell
}

策略三：确保cell的约束完整正确 #

自动行高完全依赖自动布局约束，你的cell里的imageView必须有明确的约束来撑开cell高度：

• 给imageView设置top、leading、trailing约束关联到contentView
• 给imageView设置bottom约束关联到contentView（或者和cell内其他元素的top约束关联）
• 设置imageView的contentMode为.scaleAspectFit或.scaleAspectFill，确保图片加载后能正确适配约束

策略四：缓存已下载的图片 #

如果用户反复滚动tableView，重复下载图片会导致行高反复刷新，体验很差。你可以在模型里缓存已下载的图片，或者用NSCache做全局缓存，这样下次复用cell时，图片已经存在，行高会直接计算正确，不需要等待下载。

可选：使用第三方图片加载库 #

如果不想自己处理这些细节，SDWebImage、Kingfisher这类成熟的图片加载库都自带这些实用功能：

• 异步加载+自动缓存
• 图片加载完成后的回调
• 自动更新imageView布局，间接帮助tableView计算行高

比如用Kingfisher的示例：

cell.feedImageView.kf.setImage(with: targetURL) { [weak self] result in
    guard let self = self else { return }
    switch result {
    case .success:
        tableView.reloadRows(at: [indexPath], with: .automatic)
    case .failure:
        // 处理加载失败的情况
        break
    }
}

内容的提问来源于stack exchange，提问作者user372382