Swift 4中UILabel数字递增动画实现问题求助

嘿，刚接触Swift 4遇到这个问题很正常，我来帮你理清楚问题出在哪，以及怎么解决～

为什么你的代码看不到递增动画？ #

不管是第一段直接在循环里赋值，还是第二段用DispatchQueue.main.async包裹，本质问题都是UI刷新的时机：

• iOS的UI更新依赖主线程的RunLoop周期，只有当RunLoop完成一次循环、进入空闲状态时，才会把pending的UI更新渲染到屏幕上。
• 你的循环执行速度快到离谱，几百次赋值操作几乎在同一瞬间完成，所有的text赋值都被挤到了同一个RunLoop周期里。系统只会处理最后一次赋值，所以标签直接跳到500。
• 第二段代码的async只是把任务放到主队列，但主队列会快速把这些任务全部执行完，同样没有给UI刷新留时间。

正确的实现方式 #

我们需要把数字更新的操作分散到不同的RunLoop周期，让UI有时间逐个显示每个数字。这里给你两种常用的方案：

方案1：用Timer定时更新

这是最直观的方式，通过定时器每隔一小段时间更新一次数字：

// 先定义两个属性存储当前计数和目标计数
var currentCount = 0
let targetCount = 500

// 启动定时器
func startCounterAnimation() {
    currentCount = 0
    let timer = Timer.scheduledTimer(withTimeInterval: 0.01, repeats: true) { [weak self] timer in
        guard let self = self else {
            timer.invalidate()
            return
        }
        self.currentCount += 1
        self.lbl_counter.text = "\(self.currentCount)"
        
        // 达到目标值就停止定时器
        if self.currentCount >= self.targetCount {
            timer.invalidate()
        }
    }
}

// 在需要启动动画的地方调用
startCounterAnimation()

• withTimeInterval: 0.01表示每隔0.01秒更新一次，你可以根据想要的速度调整这个值（比如0.05秒会慢一些）。
• 用[weak self]是为了避免循环引用，防止内存泄漏。

方案2：递归+异步延迟

这种方式更灵活，不需要维护Timer实例：

func updateCounter(to target: Int, current: Int = 1, interval: TimeInterval = 0.01) {
    guard current <= target else { return }
    
    // 更新标签文本
    self.lbl_counter.text = "\(current)"
    
    // 延迟interval后更新下一个数字
    DispatchQueue.main.asyncAfter(deadline: .now() + interval) { [weak self] in
        self?.updateCounter(to: target, current: current + 1, interval: interval)
    }
}

// 调用方式：传入目标数字即可
updateCounter(to: 500)

• 这个方法通过递归调用，每次延迟指定时间后更新下一个数字，直到达到目标值。
• 同样可以通过调整interval参数控制动画速度。

小提示 #

如果想要更丝滑的动画效果，还可以用CADisplayLink（和屏幕刷新频率同步），不过对于简单的数字递增，上面两种方案完全够用啦～

内容的提问来源于stack exchange，提问作者Kodr.F