前言
以前就有人問過這樣一個問題:如果一個tableView的很多或者所有cell上都顯示一個倒計時,該怎么實現? 今天自己恰好也遇到了這樣的需求:很多產品,每個都有一個時限,在時限內才可以申購,過了申購功能就會關閉.簡單描述就是,每個cell上有個倒計時,時間結束與否,點擊cell響應的事件是不一樣的.那么怎么實現呢?下面談談自己的思考過程.
1.Cell內部加一個定時器
既然每個cell都有一個倒計時,時間還可能不一樣.根據"高內聚,低耦合"的思想,我首先想著直接讓cell自己來實現倒計時功能:每個cell添加一個NSTimer,沒隔1秒,讓其顯示的時間減少一秒.
- (void)timeChange { self.totalSeconds --; if (self.totalSeconds < 0) { self.timerLabel.text = @"倒計時結束"; return; } self.timerLabel.text = [self timeChangeWithSeconds:self.totalSeconds];}- (void)setDataDict:(NSDictionary *)dataDict { _dataDict = dataDict; NSString *totalTime = dataDict[@"totalTime"]; self.totalSeconds = totalTime.integerValue; self.timerLabel.text = [self timeChangeWithSeconds:self.totalSeconds]; if (!_timer) { _timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(timeChange) userInfo:nil repeats:YES]; [[NSRunLoop currentRunLoop] addTimer:_timer forMode:UITrackingRunLoopMode]; }}- (NSString*)timeChangeWithSeconds:(NSInteger)seconds { NSInteger temp1 = seconds/60; NSInteger temp2 = temp1/ 60; NSInteger d = temp2 / 24; NSInteger h = temp2 % 24; NSInteger m = temp1 % 60; NSInteger s = seconds %60; NSString * hour = h< 9 ? [NSString stringWithFormat:@"0%ld",(long)h] :[NSString stringWithFormat:@"%ld",(long)h]; NSString *day = d < 9 ? [NSString stringWithFormat:@"0%ld",(long)d] : [NSString stringWithFormat:@"%ld",(long)d]; NSString *minite = m < 9 ? [NSString stringWithFormat:@"0%ld",(long)m] : [NSString stringWithFormat:@"%ld",(long)m]; NSString *second = s < 9 ? [NSString stringWithFormat:@"0%ld",(long)s] : [NSString stringWithFormat:@"%ld",(long)s]; return [NSString stringWithFormat:@"%@天:%@時:%@分:%@秒",day,hour,minite,second];}
乍看,好像一切都OK,但是當我們拖動cell時,會發現一旦cell移除屏幕,再拖回來的時候,又會重頭倒計時.當然,這和我在setDataDict:方法中的賦值方式有關,可以通過totalSeconds這個屬性,保存當前剩余的時間,下一次再進來的時候,去取保存好的值.
- (void)setDataDict:(NSDictionary *)dataDict { _dataDict = dataDict; if (self.totalSeconds !=0) { self.timerLabel.text = [self timeChangeWithSeconds:self.totalSeconds]; }else { NSString *totalTime = dataDict[@"totalTime"]; self.totalSeconds = totalTime.integerValue; self.timerLabel.text = [self timeChangeWithSeconds:self.totalSeconds]; } if (!_timer) { _timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(timeChange) userInfo:nil repeats:YES]; [[NSRunLoop currentRunLoop] addTimer:_timer forMode:UITrackingRunLoopMode]; }}這樣做,會發現當cell移除屏幕,再移回來的時候,不再是從頭倒計時,但是多拖動幾次又會發現新的問題:顯示錯亂,某個cell出現在了不該出現的位置.
仔細分析不難發現,cell的復用機制是引起上述現象的"罪魁禍首",要解決這個問題,可以讓cell不復用,比方說,可以給每個cell綁定不同的標識,達到不復用的目的,看到這里,如果你也是這么想的,那么最好打住,因為為了達到這個目的,而讓cell不復用,以犧牲內存占用為代價,無疑是飲鴆止渴,丟了西瓜,撿個芝麻.
值得的注意的是,如果在cell中實現,每個cell都添加一個定時器,這也是一筆可觀的開銷.
2. 在tableView的parentView中實現
既然在cell中實現遇到的坑比較多,那么又想著在外面做.這樣有一個明顯的好處,就是只需要一個定時器.每次觸發,讓每個cell上顯示的時間遞減.由于tableView的顯示,取決于傳入的數據,只要我在傳入數據之前把需要傳的數據處理好,這樣就不會因為cell的復用機制而帶來顯示錯亂的問題.運行代碼,發現問題圓滿解決!
/**定時器觸發*/- (void)timeChange { NSMutableArray *tempArrM = [NSMutableArray array]; for (NSDictionary *dict in self.dataArr) { NSString *totalTime = dict[@"totalTime"]; if ([totalTime isEqualToString:@"0"]) { totalTime = @"0"; }else { totalTime = [NSString stringWithFormat:@"%ld",totalTime.integerValue -1]; } [tempArrM addObject:@{@"totalTime":totalTime}]; } self.dataArr = tempArrM; [self.pageTableView reloadData];}3. 值得注意的幾個地方
當我們拖動cell時,如果發現定時器不工作,可以用如下方式解決.
_timer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(timeChange) userInfo:nil repeats:YES]; [[NSRunLoop currentRunLoop] addTimer:_timer forMode:UITrackingRunLoopMode];
關于數據的傳入:
雖然,我這邊自己用的第一種方式寫的Demo,但是,相比之下,我更加傾向于第二種數據的傳遞方式,準確性高,也能為后端同事剩些事.
總結
由于這只是一個最初的Demo,也只是一些個人的初步看法,難免有些疏漏,如有紕漏,還望指正.
好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
