iOS中多倒计时场景的解决方案

栏目: IOS · 发布时间: 6年前

内容简介:在我们开发APP的过程中,或多或少都遇到过需要使用倒计时的场景,大多数应用中的用户登录注册过程中获取验证码的倒计时,电商或者外卖APP中的订单送达的倒计时,以及秒杀类APP的秒杀倒计时等。对于这些需要倒计时的场景,通常情况下的解决方案是:在需要展示倒计时的各View模块各自维护一个自己的倒计时Timer,通过Timer的回调和模块本身需要的倒计时时间来更新对应View的倒计时的显示,再在此基础上加上对应的时间校准方案,一个简单的倒计时需求就完成了。对于APP内倒计时的业务如果只出现在单一的页面或者是少数的

背景

在我们开发APP的过程中,或多或少都遇到过需要使用倒计时的场景,大多数应用中的用户登录注册过程中获取验证码的倒计时,电商或者外卖APP中的订单送达的倒计时,以及秒杀类APP的秒杀倒计时等。对于这些需要倒计时的场景,通常情况下的解决方案是:在需要展示倒计时的各View模块各自维护一个自己的倒计时Timer,通过Timer的回调和模块本身需要的倒计时时间来更新对应View的倒计时的显示,再在此基础上加上对应的时间校准方案,一个简单的倒计时需求就完成了。

问题

对于APP内倒计时的业务如果只出现在单一的页面或者是少数的页面场景中没什么太大的问题的,通常对于秒杀类APP的倒计时场景往往是在某个页面或者某几个页面中有多个倒计时共同存在的,这种产品需求的技术展现方式可能是TableView或者CollectionView中的多个Cell,也可能是多个自定义的View模块,如果我们此时依然使用每个Cell或者每个View模块各自维护一个单独的倒计时Timer,当前APP内就会同时存在多个定时器Timer,这对于性能来说是存在一定程度的影响的。那么我们怎么才能更好的解决多倒计时场景的问题呢?

iOS中多倒计时场景的解决方案

解决方案

既然我们不能让每一个显示倒计时的View模块各自维护一个定时器Timer,那我们就提供一个专门的模块TimerService来提供倒计时的服务,TimerService内部负责维护唯一一个定时器,同时提供添加和移除监听者的接口以及监听者需要实现的协议protocol,内部通过HashTable来存储监听者,每次定时器回调,遍历所有监听者进行回调,监听者在不需要接收定时器回调的时候只需要从TimerService中移除即可。

TimerService.h对外提供的API和监听者需要实现的协议主要如下:

//监听者需要实现的协议
@protocol TimerListener <NSObject>
@required
- (void)didOnTimer:(TimerService *)timer;
@end

//对接提供的主要接口
+ (instancetype)sharedInstance;
- (void)addListener:(id<TimerListener>)listener;
- (void)removeListener:(id<TimerListener>)listener;复制代码

TimerService.m的内部主要实现如下:

//定时器回调
- (void)onTimer {    
    [self.map.allObjects enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {        
        id<TimerListener> listener = obj;        
        if([listener respondsToSelector:@selector(didOnTimer:)]){            
            [listener didOnTimer:self];       
         }    
    }];
}

#pragma mark - public
- (void)addListener:(id<TimerListener>)listener {    
    TIMER_SERVICE_LOCK(self.operationsLock)    
    if(![self.map containsObject:listener]){        
        [self.map addObject:listener];        
        if(self.map.count > 0){            
            //启动            
            [self startTimer];        
        }   
    }    
    TIMER_SERVICE_UNLOCK(self.operationsLock)
}
- (void)removeListener:(id<TimerListener>)listener {    
    TIMER_SERVICE_LOCK(self.operationsLock)    
    if([self.map containsObject:listener]){        
        [self.map removeObject:listener];        
        if(self.map.count == 0){            
            //暂停            
            [self stopTimer];       
        }    
    }    
    TIMER_SERVICE_UNLOCK(self.operationsLock)
}复制代码

使用

需要接收定时器回调的模块,只要实现TimerListener协议,在需要接收定时器回调的时把其添加到TimerService中,在业务不需要接收定时器回调的时候把其从TimerService中移除即可,这样所有的倒计时业务只需要维护一个定时器即可搞定。

其他

当然要很好的搞定一个倒计时还需要解决其他一些问题,比如客户端时间校准问题,关于这个问题推荐细细读一下MrPeak君的一篇文章《iOS关于时间的处理》。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Node.js:来一打 C++ 扩展

Node.js:来一打 C++ 扩展

死月 / 电子工业出版社 / 2018-6-1 / 109

Node.js 作为近几年新兴的一种编程运行时,托 V8 引擎的福,在作为后端服务时有比较高的运行效率,在很多场景下对于我们的日常开发足够用了。不过,它还为开发者开了一个使用C++ 开发 Node.js 原生扩展的口子,让开发者进行项目开发时有了更多的选择。 《Node.js:来一打 C++ 扩展》以 Chrome V8 的知识作为基础,配合 GYP 的一些内容,将教会大家如何使用 Node......一起来看看 《Node.js:来一打 C++ 扩展》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具