美文网首页ios面试
TableViewCell添加计时器功能(只需创建一个定时器

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

作者: Timemit | 来源:发表于2018-12-10 16:43 被阅读21次

    最近项目中需要实现一个需求,需要在一个订单列表中给订单添加一个时间倒计时,不是每一个都显示,有的话显示,没有的话不显示,下图是我做的一个简单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添加计时器功能(只需创建一个定时器

        本文链接:https://www.haomeiwen.com/subject/pptdhqtx.html