工欲善其事必先利其器UIiOS文章

ios 倒计时列表的性能优化

2015-12-29  本文已影响4327人  嘿晴天

在最近的开发中遇到了一个需求,要在tableview 揭晓接下来正要展示的倒计时展示即将揭晓的物品,倒计时展示类似这个demo
demo 地址: https://github.com/heysunnyboy/leftTimeDemo.git

time.gif

(关键词:倒计时)听到这个上面的这个需求,第一点你会想到什么了,定时器没错,接下来是cell 里面放定时器 吗,那么如果是这样的话会产生什么样的后果呢,
我一开始也是这样想的,然后tableview 显示出来没多久,由于创建的定时器过多程序就卡死了,cell 的高度100左右 ,在iphone 6的屏幕大致创建 至少6个定时器左右(只是在屏幕内的cell 创建定时器)这个足以导致 性能下降

那么让我们尝试使用一个定时器来完成所有的倒计时操作,既然要往这个方向做,我们先来整理下思路

33471EE3-2679-4001-895F-842834241C31.png

在这里,可能会遇到一个问题,获取屏幕内可见的cell的时候,并不知道当前cell是那个,对应的需要的展示的倒计时,怎么对应上,那么我们可以给cellforindexpath 的方法给cell.tag = indexPath.row 通过 tag 标签 和时间数组的索引,对应找出相应的时间展示的倒计时

//定时器刷新倒计时
-(void)calTime
{
    NSArray  *cells = _tableView.visibleCells; //取出屏幕可见cell
    for (UITableViewCell *cell in cells) {
        cell.textLabel.text = [self getTimeStr:timeArr[cell.tag]];
    }
}
//返回倒计时
-(NSString *)getTimeStr:(NSString *)fireStr
{
    NSDateFormatter* formater = [[NSDateFormatter alloc] init];
    [formater setDateFormat:@"yyyy-MM-dd HH:mm:ss"];
    NSDate* fireDate = [formater dateFromString:fireStr];
    NSDate *today = [NSDate date];
    NSCalendar *calendar = [NSCalendar currentCalendar];
    unsigned int unitFlags = NSYearCalendarUnit | NSMonthCalendarUnit | NSDayCalendarUnit | NSHourCalendarUnit | NSMinuteCalendarUnit | NSSecondCalendarUnit;
    NSDateComponents *d = [calendar components:unitFlags fromDate:today toDate:fireDate options:0];//计算时间差
    long hour = [d day] *24 + [d hour];
    NSString *seconds;
    NSString *minutes;
    NSString *hours;
    if([d second]<10)
        seconds = [NSString stringWithFormat:@"0%ld",[d second]];
    else
        seconds = [NSString stringWithFormat:@"%ld",[d second]];
    if([d minute]<10)
        minutes = [NSString stringWithFormat:@"0%ld",[d minute]];
    else
        minutes = [NSString stringWithFormat:@"%ld",[d minute]];
    if(hour < 10)
        hours = [NSString stringWithFormat:@"0%ld", hour];
    else
        hours = [NSString stringWithFormat:@"%ld",hour];
    return [NSString stringWithFormat:@"            倒计时%@:%@:%@", hours, minutes,seconds];
}

这里已经将需要展示的倒计时正常展示出来了,那么还有什么可以优化一下,我们还可以对定时器进行简单的优化,就是在页面消失的时候,将定时器置空,停止轮询,在页面出现才可以轮询。

-(void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    if (_timer == nil) {
        _timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(calTime) userInfo:nil repeats:YES];
    }
}
-(void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];
    if(_timer)
    {
        _timer = nil;//关闭定时器,
    }
}

上一篇下一篇

猜你喜欢

热点阅读