iOS:在cell中使用倒计时的最佳方法

一、简单介绍

在UITableViewCell中每条数据中显示该内容的倒计时, 并随时间进行倒数,这是很多电商app最常见的活动推销功能模块,自然想到用的就是计时器了。

二、基本想法

想法1:在每个cell中添加NSTimer, 负责对cell的倒数

出现的问题: cell有重用机制,每次重用时数据不好处理, 而且每个cell的倒数数不同, 需要在重用时对NSTimer进行废除并重新开启, 如果显示的cell数量过多, 需要创建很多的NSTimer对象。

想法2:在模型中添加NSTimer, 负责对数据进行倒计数

出现的问题:与想法1一样, 因为cell重用, 以及数据数量导致出现一样的问题。

三、最佳方案

创建倒计时管理类, 拥有一个时间差属性, 并且每秒对时间差进行加1的操作,并发出一个通知;     而每个cell都监听这个通知, 在通知回调中, 将服务器返回的剩余时间减去时间差再进行格式化显示即可.

好处: 全局只需要一个NSTimer对象, 没有耦合性, 不需要对NSTimer作过多的操作。

四、实现效果

iOS:在cell中使用倒计时的最佳方法

iOS:在cell中使用倒计时的最佳方法

五、使用方法

1. 导入"OYCountDownManager.h"

2. 在第一次使用的地方调用[kCountDownManager start]核心代码:

- (void)viewDidLoad {
[super viewDidLoad];
// 启动倒计时管理
[kCountDownManager start];
}

3. 在Cell中监听通知 kCountDownNotification

- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// 监听通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(countDownNotification) name:kCountDownNotification object:nil];
}
return self;
}

4. 在cell设置通知回调, 取得时间差, 根据时间差进行处理

/// 计算倒计时
NSInteger countDown = [self.model.count integerValue] - kCountDownManager.timeInterval;
if (countDown < ){
  // 倒计时结束时回调
  xxxx(使用代理或block)
} return;
/// 重新赋值
self.timeLabel.text = [NSString stringWithFormat:@"倒计时zd:zd:zd", countDown/, (countDown/)%, countDown%];

5. 当刷新数据时,调用[kCountDownManager reload]

- (void)reloadData {
// 网络加载数据
// 调用[kCountDownManager reload]
[kCountDownManager reload];
// 刷新
[self.tableView reloadData];
}

6. 当不需要倒计时时, 废除定时器

[kCountDownManager invalidate];

六、注意事项

(1)滚动cell时出去文字闪烁,在给cell的模型赋值后, 最好手动调用一下countDownNotification方法, 保证及时刷新

///  重写setter方法
- (void)setModel:(Model *)model {
_model = model;
self.titleLabel.text = model.title;
// 手动调用通知的回调
[self countDownNotification];
}

(2)倒计时为0后出现复用问题,在倒计时为0后, 应该回调给控制器, 从后台请求一次数据, 保证倒计时没有出现误差

if (countDown <= ) {
// 倒计时结束时回调
xxxx(使用代理或block)
}return;

七、完整代码

github:  GitHub-herobin22/OYCountDownManger

八、附注

原文作者:大头herob

本文转载自简书: http://www.jianshu.com/p/af62a56ef7e2

上一篇:javascript中基本类型和引用类型的区别分析


下一篇:第15次Scrum会议(10/27)【欢迎来怼】