TableViewCell添加计时器功能(只需创建一个定时器

最近项目中需要实现一个需求,需要在一个订单列表中给订单添加一个时间倒计时,不是每一个都显示,有的话显示,没有的话不显示,下图是我做的一个简单Demo的效果,Demo地址点这里。

录屏.gif

1.分析

看到上面的需求,首先想到的是给需要展示的cell添加定时器,给不需要的cell不添加定时器,这样会出现一些问题。

问题:

1.1当cell复用,定时器的开启和销毁怎么处理?定时器初值怎么处理?
1.2如果我们在cell展示的时候开启定时器,那么对于没有展示的cell(定时器也没有开启),怎么保证前台倒计时和后台计时同步?
1.3当列表中开辟多个计时器,性能消耗很严重,这些怎么优化?
1.4当我们的列表有上拉加载下拉刷新操作的时候,定时器的销毁开启怎么处理?
……
等等这些问题,我们该怎么处理?
其实上面有些问题,如果不存在复用的情况下是可以解决的,但1.3的问题会很严重,会出现页面卡顿,那么要解决卡顿问题,很明显我们需要减少定时器创建的数量,那么减少到多少个还能完成功能呢?(越少也好,一个足最好),经过思考决定就只用一个定时器来实现,那么怎么实现呢,看下面

2.思路

可以全局创建一个定时器,然后每秒发一个通知然后将数据源的所有数据的计时器值减1,所有接收到通知的cell将计时器值显示出来,这样就可以解决上面的所有问题。
1.1只使用一个计时器减少性能消耗
1.2 本地数据更新保证复用的时候做到和服务端计数同步,还能保证看不到的cell,计时值也在变化。
1.3定时器 开启可以在页面展示的时候开启,页面销毁的时候销毁很方便

3.实现

通知没有使用NSNotificationCenter而是采用RAC信号量实现,利用属性监听
具体实现代码

计时器相关
#pragma mark- 计时器相关
//开启定时器
-(void)startTimer{
     if (!self.timer) {
          self.timer = [NSTimer scheduledTimerWithTimeInterval:1
                                                        target:self
                                                      selector:@selector(timerLoop)
                                                      userInfo:nil
                                                       repeats:YES];
          [[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
     }
}
//停止定时器
-(void)stopTimer{
     if (self.timer) {
          [self.timer invalidate];
          self.timer = nil;
     }
}
//计时
-(void)timerLoop{
     //这样处理不管有没有展示到,时间也会做倒计时处理
    //更新本地数据计时器值
     for (CYTimeModel * model in self.dataArray) {
          model.restTime -= 1;
     }
     self.countDown +=1;
}
通知接收

通过属性监听实现,监听countDown 属性

@weakify(self);
          [RACObserve(self.viewModel, countDown) subscribeNext:^(id  _Nullable x) {
               @strongify(self);
               CYTimeModel * model = self.viewModel.dataArray[self.indexPath.row];
               self.timeLabel.text = [self transformTime:model.restTime];
          }];

刷新UI,核心的代码就是这些,是不是很简单,具体的代码点这里。

如果有更好的实现方式,欢迎大家留言讨论,谢谢大家

你可能感兴趣的:(TableViewCell添加计时器功能(只需创建一个定时器)