最近项目中需要实现一个需求,需要在一个订单列表中给订单添加一个时间倒计时,不是每一个都显示,有的话显示,没有的话不显示,下图是我做的一个简单Demo的效果,Demo地址点这里。
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,核心的代码就是这些,是不是很简单,具体的代码点这里。
网友评论