持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情
前言
今天又来撸RXSwift功能了!
说起倒计时按钮这个功能大家应该都不陌生,在iOS中,有很多方法可以去实现,比如GCD,NSTimer等,按使用情况来说,GCD还是出场机会比较多,毕竟代码量少。
今天要说的主角并不是GCD,而是用RXSwift去实现这个功能。
正赶上公司需求,就顺便用RXSwift去实现一下,看看它到底好不好用。
先声明 咱们使用的版本是
pod 'RxSwift', '~> 5.0'
pod 'RxCocoa', '~> 5.0'
版本比较新,对应以前的版本,RXSwift有语法上的变化,注意
正文
第一步:咱们先定义一个timer
let timer = Observable<Int>.interval(RxTimeInterval.seconds(1), scheduler: MainScheduler.instance)
在这里先说明一下,我参考过其他人的写法,很多人写定时器的时候容易把 Observable<Int>.interval
和 Observable<Int>.timer
弄错,这里解释一下
interval:每隔一段时间,发出一个索引数,将发出无数个
timer:在一段延时后,每隔一段时间产生一个元素
如果不是需要延时操作,我们就选择interval
。
然后第一个参数 RxTimeInterval.seconds(1)
表示的是间隔1秒,在老版本中,这个参数可以直接填1
或者 DispatchTimeInterval.seconds(1)
但是在新的版本中,这么天会有警告,还是改成最新的写法把。
第二个参数 MainScheduler.instance
,这里解释一下
MainScheduler
其实是对DispatchQueue.main
的封装。提供了一些访问方法,包括init
、instance(同步)
、asyncInstance(异步)
等,在这里,定时器需要传入在那个线程上,所以我们选择MainScheduler.instance
。
第二步:声明两个BehaviorRelay
private let countDownSeconds: Int = 60
let countDownStopped = BehaviorRelay(value: true)
let leftTime = BehaviorRelay(value: countDownSeconds)
countDownStopped
和leftTime
理解起来不用太复杂,就相当与定义了个变量,countDownStopped
是初始值为true
的BOOL类型,leftTime
是初始值为60的Int类型。
别问我为什么要这么做,因为装逼因为帅😎.....
ps : 在以前的版本里 很多都用的不是BehaviorRelay
而是 Variable
,官方说了,以后都不会支持 Variable
,所以用新的不会错。至于为什么,请参考
第三步:关键代码
func countdownTime(){
// 开始倒计时
self.countDownStopped.accept(false)
timer.takeUntil(countDownStopped.asObservable().filter{$0})
.observeOn(MainScheduler.asyncInstance)
.subscribe(onNext: { [weak self](event) in
self!.leftTime.accept(self!.leftTime.value - 1)
/// UI操作
if (self!.leftTime.value == 0) {
print("倒计时结束")
self!.countDownStopped.accept(true)
self!.leftTime.accept(countDownSeconds)
/// UI操作
}
}, onError: nil )
.disposed(by: disposeBag)
}
当我们点击执行countdownTime
时,先修改 countDownStopped
为false,然后开始倒计时。
解释:
takeUntil(countDownStopped.asObservable().filter{$0})
就是有一个东西观察timer
的时候同时观察countDownStopped
的值,当countDownStopped
的值改变时,就停止timer
(重点!!多读几遍)
解释:.observeOn(MainScheduler.asyncInstance)
observeOn
来决定在主线程异步(MainScheduler.asyncInstance
)监听这个数据序列
接下来看每次定时器变化时的操作
self!.leftTime.accept(self!.leftTime.value - 1)
定时器每次改变时,将leftTime
进行 -1操作
if (self!.leftTime.value == 0)
当leftTime
为0时,
self!.countDownStopped.accept(true)
将countDownStopped
变为true
self!.leftTime.accept(countDownSeconds)
同时将leftTime
变为60
这样就完成了一个基本的定时操作
如何随时停止呢?
只要执行 countDownStopped.accept(true)
就行,这时定时器就不会继续走了。
结语
至此,倒计时功能就完成了,说实话,学习成本比GCD高上不少,因为网上的文档不是太全,而且RXSwift的使用函数又很多,所以很容易蒙圈。我觉得在学习量比较多的情况下,最好是能自己形成一个套路,封装成代码块,这样就很方便了。