今天给各位猿友说一下怎么使用GCD来实现倒计时的功能效果,首先给大家简单介绍一下实现的原理:使用GCD创建定时器并设置定时器的间隔时间为1秒,然后在定时器的响应事件方法中将倒计时的总时间依次减1,由于定时器响应事件是在block中,所有控件的修改需要使用__weak来修饰,避免循环调用。下面来给大家上代码:
1、为了清晰的展示效果,先声明一个button属性
#import "ViewController.h"
@interface ViewController ()
//倒计时的button
@property (nonatomic, strong) UIButton * btn;
@end
声明好之后需要实现,创建该按钮button并实现点击响应事件方法
#pragma mark - create button
- (void)createButton {
_btn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 200, 50)];
_btn.center = self.view.center;
_btn.backgroundColor = [UIColor orangeColor];
[_btn setTitle:@"获取验证码" forState:UIControlStateNormal];
[_btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:_btn];
}
#pragma mark - button event
- (void)btnClick:(UIButton *)btn{
//点击button 关闭可交互 背景颜色变为灰色
_btn.userInteractionEnabled = NO;
_btn.backgroundColor = [UIColor grayColor];
//同时创建计时器 开始倒计时
[self createTimer];
}
2、核心代码就是使用GCD创建定时器并对UI操作
#pragma mark - 定时器 (GCD)
- (void)createTimer {
//设置倒计时时间
//通过检验发现,方法调用后,timeout会先自动-1,所以如果从15秒开始倒计时timeout应该写16
//__block 如果修饰指针时,指针相当于弱引用,指针对指向的对象不产生引用计数的影响
__block int timeout = 16;
//获取全局队列
dispatch_queue_t global = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
//创建一个定时器,并将定时器的任务交给全局队列执行(并行,不会造成主线程阻塞)
dispatch_source_t timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, global);
// 设置触发的间隔时间
dispatch_source_set_timer(timer, DISPATCH_TIME_NOW, 1.0 * NSEC_PER_SEC, 0 * NSEC_PER_SEC);
//1.0 * NSEC_PER_SEC 代表设置定时器触发的时间间隔为1s
//0 * NSEC_PER_SEC 代表时间允许的误差是 0s
//block内部 如果对当前对象的强引用属性修改 应该使用__weak typeof(self)weakSelf 修饰 避免循环调用
__weak typeof(self)weakSelf = self;
//设置定时器的触发事件
dispatch_source_set_event_handler(timer, ^{
//倒计时 刷新button上的title ,当倒计时时间为0时,结束倒计时
//1. 每调用一次 时间-1s
timeout --;
//2.对timeout进行判断时间是停止倒计时,还是修改button的title
if (timeout <= 0) {
//停止倒计时,button打开交互,背景颜色还原,title还原
//关闭定时器
dispatch_source_cancel(timer);
//MRC下需要释放,这里不需要
// dispatch_realse(timer);
//button上的相关设置
//注意: button是属于UI,在iOS中多线程处理时,UI控件的操作必须是交给主线程(主队列)
//在主线程中对button进行修改操作
dispatch_async(dispatch_get_main_queue(), ^{
weakSelf.btn.userInteractionEnabled = YES;
weakSelf.btn.backgroundColor = [UIColor orangeColor];
[weakSelf.btn setTitle:@"获取验证码" forState:UIControlStateNormal];
});
}else {
//处于正在倒计时,在主线程中刷新button上的title,时间-1秒
dispatch_async(dispatch_get_main_queue(), ^{
NSString * title = [NSString stringWithFormat:@"%d秒后重新获取验证码",timeout];
[weakSelf.btn setTitle:title forState:UIControlStateNormal];
});
}
});
dispatch_resume(timer);
}
OK!现在已经实现了倒计时的效果,代码比较简单。由于小编还不太会录演示视频,下边只能以图片来简单说明一下,相信聪明的我们都会理解是什么意思的。

这是点击按钮前的样式,按钮可以被点击。

这是点击按钮之后的样式,进入倒计时状态,按钮不可被点击。倒计时结束之后自动恢复为点击之前的状态。
相信这两张图片可以让大家清晰的看到效果,最后还是希望能够帮助有需要的猿友们,如果有什么不足之处,还需要大家多多给出建议。愿同是程序猿的我们能够共同学习进步,谢谢!
网友评论