最近看了一下 iOS 的定时器的使用,我们来模拟一个发送短信验证码时候的等待计时动画
要想了解定时器,首先需要了解一下 iOS 系统的运行循环(RunLoop),这能帮助你更好的理解 iOS 的定时器功能。
关于 RunLoop 可以看一下这篇文章: iOS - RunLoop 深入理解
定时器大致分为三类:
- NSTimer
- CADisplayLink
- GCD定时器
因为GCD定时器拥有非常高的精度,所以我选用GCD来实现这个Demo
Storyboard 创建页面
我们在Storyboard中拖进去一个Button,并且一定要将Button的Type
属性设置成Custom
,否则,显示时间的时候会一闪一闪。
将Button拖进ViewController
中,命名为sendBtn
。
构建计时逻辑
首先我们声明一个timeout
属性,用来记录时间,我们这里赋值为60,代表着60秒。
思路:
- 创建一个定时器timer,我们用的GCD,所以我将timer的queue设置成为
global
,这样就不会受RunLoop的影响。 - 设置时间间隔为1秒。
- 创建执行逻辑。
@IBAction func startCountdown(_ sender: UIButton) {
if (timeout > 0) {
return
}
timeout = 60
let timer = DispatchSource.makeTimerSource(flags: [], queue: DispatchQueue.global())
timer.scheduleRepeating(deadline: .now(), interval: .seconds(1), leeway: .milliseconds(100))
timer.setEventHandler { [weak self] in
if self!.timeout <= 0 {
timer.cancel()
DispatchQueue.main.async {
self!.sendBtn.backgroundColor = .orange
self!.sendBtn.setTitle("发送", for: .normal)
self!.sendBtn.isEnabled = true
}
} else {
DispatchQueue.main.async {
self!.sendBtn.backgroundColor = .gray
self!.sendBtn.setTitle("重发(\(self!.timeout))", for: .normal)
self!.sendBtn.isEnabled = false
}
self!.timeout -= 1
}
}
timer.resume()
}
当时间小于或者等于 0 时,我们就取消定时器,并且设置UI。
当点击的时候,我们就设置计时的动画,并且此时的Button是不能点击的。