UIButton点击触发函数时，多Label按任务完成时序更新异常问题

首先得说清楚你遇到的核心问题：UIKit的界面刷新依赖主线程RunLoop，而如果你的下载操作是在主线程同步执行的，会把主线程彻底卡住，导致所有Label的更新请求都被积压，直到所有下载完成、当前函数执行完毕，RunLoop才有机会处理这些刷新请求，所以会一次性更新所有Label。

哪怕你不介意用户等待，也绝对不应该在主线程做同步网络请求——这会让你的APP完全失去响应，用户甚至可能以为APP崩了。不过既然你提到不想用异步任务，我先给你两种思路：

思路1：临时救急（不推荐，但能解决即时需求） #

如果非要在主线程同步执行下载，那可以在每次更新Label后，手动让主线程的RunLoop处理一下pending的UI刷新事件，这样就能立刻看到Label更新：

@IBAction func buttonTapped(_ sender: UIButton) {
    // 下载图片1
    let image1 = downloadImage(url1)
    label1.text = "图片1下载完成"
    // 让RunLoop处理当前的UI刷新请求
    RunLoop.current.run(until: Date())
    
    // 下载图片2
    let image2 = downloadImage(url2)
    label2.text = "图片2下载完成"
    RunLoop.current.run(until: Date())
    
    // 下载图片3
    let image3 = downloadImage(url3)
    label3.text = "图片3下载完成"
    RunLoop.current.run(until: Date())
}

func downloadImage(_ url: URL) -> UIImage? {
    do {
        let data = try Data(contentsOf: url)
        return UIImage(data: data)
    } catch {
        print("图片下载失败：\(error.localizedDescription)")
        return nil
    }
}

这个方法的原理是：每次更新Label后，强制RunLoop跑一个极小的周期，处理掉当前积压的UI刷新任务，这样Label的文本就能立刻显示出来。但主线程被阻塞的问题依然存在，用户操作APP会完全没反应，非常影响体验。

思路2：正确的做法（强烈推荐） #

其实你误解了“异步任务”的用途——不是说只有你介意等待的时候才用，而是只要涉及网络请求、文件IO这类耗时操作，都应该放到后台线程执行，这样主线程能保持活跃，UI更新也能实时响应。而且这个实现其实非常简单：

@IBAction func buttonTapped(_ sender: UIButton) {
    // 把整个下载序列放到后台线程执行，避免阻塞主线程
    DispatchQueue.global(qos: .userInitiated).async {
        // 下载图片1
        if let _ = self.downloadImage(self.url1) {
            // 回到主线程更新UI（必须在主线程操作UI！）
            DispatchQueue.main.async {
                self.label1.text = "图片1下载完成"
            }
        }
        
        // 下载图片2
        if let _ = self.downloadImage(self.url2) {
            DispatchQueue.main.async {
                self.label2.text = "图片2下载完成"
            }
        }
        
        // 下载图片3
        if let _ = self.downloadImage(self.url3) {
            DispatchQueue.main.async {
                self.label3.text = "图片3下载完成"
            }
        }
    }
}

func downloadImage(_ url: URL) -> UIImage? {
    do {
        let data = try Data(contentsOf: url)
        return UIImage(data: data)
    } catch {
        print("图片下载失败：\(error.localizedDescription)")
        return nil
    }
}

这个方案里，三个下载任务在后台线程依次执行（和你原来的同步逻辑一样，还是按顺序下载），但主线程完全不受影响，用户可以正常操作APP。每完成一个下载，就回到主线程更新对应的Label，这样Label会一个接一个地实时更新，完美符合你的需求。

关键知识点回顾 #

UIKit的所有UI操作必须在主线程执行，但设置Label的text只是标记视图需要刷新，并不会立刻渲染到屏幕上——这个渲染动作要等主线程的RunLoop进入下一个周期才会执行。如果主线程被耗时任务（比如同步下载）阻塞，RunLoop根本没机会处理刷新请求，自然就会等到所有任务完成后一次性更新。

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