亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 系統 > iOS > 正文

你應該知道的tableViewCell行高計算處理

2019-10-21 18:39:12
字體:
來源:轉載
供稿:網友

前言

UITableView 是在app界面里非常常用的一個控件了,打開一個app,內容列表 作者列表 朋友圈列表等等,,,都離不開 UITableView 。

而 UITableView 的精髓,則是在 UITableViewCell 展現的, 最常用的 自定義cell 有的行高是固定的,而大部分 則需要根據內容來計算行高展示的。

下面就說說我在實際開發中處理cell行高的幾種情況:

1. 不需要動態計算高度

我在寫tableview時,基本都是自定義cell,而所有的自定義cell,都會繼承一個基類BaseTableViewCell:

.h里:

.h里:// 重用標識+ (NSString *)reuseIdentifier;// cell高度+ (CGFloat)staticHeight;.m里:- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if (self) { self.opaque = NO; self.selectionStyle = UITableViewCellSelectionStyleNone; } return self;}// 重用標識+ (NSString *)reuseIdentifier { return NSStringFromClass([self class]);}// cell高度+ (CGFloat)staticHeight { return 44.f;}

這樣寫的好處是,當我們在使用tableview時,會方便我們對重用標識符 行高使用,看一下:

tableViewCell,行高

staticHeight可以在子類的自定義cell里更改設置,使用時:

tableViewCell,行高

這樣寫,更能清晰明了的看到對每個自定義cell的設置,也會讓代碼看上去優雅整齊一些。

2. 動態計算高度

實際開發中,使用最多的應該是動態計算cell高度了,這也是tableView很基本的一個功能。

比如搜索資訊這塊:

tableViewCell,行高

標題高度不固定,內容高度不固定,標簽不固定,這樣的就需要根據model里的內容計算行高了:

tableViewCell,行高

用的時候,在tableview的代理里設置:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {  WMSearchResultQAModel *model = self.dataArray[indexPath.row];  return [WMSearchResultQAModel calutWholeCellHeightWithModel:model];}

這樣就可以達到每個cell根據內容展示不同高度的要求了。

這種方法很繁瑣,但是也是最精確的,最可控的,都支持autolayout和frame。

3. 動態計算 - 緩存高度

為什么要緩存高度?

因為當tableView滾動時會不停的回調 heightForRowAtIndexPath 這個代理方法,當cell的高度需自適應內容時,就意味著每次回調這個方法時都要計算高度,而計算是要花時間了,在用戶體驗上的體現就是卡頓,眾所周知 60fps是比較符合人眼審視的,如果幀數 低于這個數值過多,就會明顯感受到卡幀等現象,為了讓用戶體驗比較好些,我們就要對高度計算進行優化。

思路:為了避免重復且無意義的計算cell高度,緩存高度就顯得尤為重要了。

緩存高度機制

緩存高度 我們需要一個容器來保存高度數值,可以是model 可以是一個可變數組 也可以是一個可變字典,以達到每當回調 heightForRowAtIndexPath 這個方法時,我們先去這個緩存里去取,如果有,就直接拿出來,如果沒有,就計算高度,并且緩存起來。

以model為例:

在model里聲明個cellHeight屬性,用于保存Model所對應的Cell的高度,然后在 heightForRowAtIndexPath 方法中,如果當前Model的cellHeight為0,說明這個Cell沒有緩存過高度,則計算Cell的高度,并把這個高度記錄在Model中,這樣下次再獲取這個Cell的高度,就可以直接去Model中獲取,而不用重新計算:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { WMSearchResultQAModel *model = self.dataArray[indexPath.row]; if (model.cellHeight > 0) {  // 有緩存的高度,取出緩存高度  return model.cellHeight; } // 沒有緩存時,計算高度并緩存起來 CGFloat cellHeight; = [WMSearchResultQAModel calutWholeCellHeightWithModel:model]; // 緩存給model model.cellHeight = cellHeight; return cellHeight;}

這樣就實現了高度緩存和Model、Cell都對應的優化,我們無需手動管理高度緩存,在添加和刪除數據的時候,都是對Model在數據源中進行添加或刪除。

而如果使用可變數組或可變字典時,則需要額外的在刷新tableView時對其進行清空處理。

4. 自適應高度

在 iOS8 之后,系統結合autolayout提供了動態結算行高的方法 UITableViewAutomaticDimension,做好約束,我們都不用去實現 heightForRowAtIndexPath 這個代理方法了。

masonry支持毫無壓力。

實現步驟:

1、tableView設置

// 預設行高self.tableView.estimatedRowHeight = xxx;// 自動計算行高模式 self.tableView.rowHeight = UITableViewAutomaticDimension;

2、在自定義cell里,masonry布局,比如:

- (void)layoutSubviews { [super layoutSubviews]; [self.headImgView mas_makeConstraints:^(MASConstraintMaker *make) {  make.top.left.offset(kSpace15);  make.size.mas_equalTo(CGSizeMake(50.f, 50.f));  // 在自動計算行高模式下 要加上的   make.bottom.equalTo(self.contentView.mas_bottom).offset(-kSpace15); }]; [self.nickNameLabel mas_makeConstraints:^(MASConstraintMaker *make) {  make.left.equalTo(self.headImgView.mas_right).offset(12.f);  make.top.offset(17.f); }]; [self.jobWorkLabel mas_makeConstraints:^(MASConstraintMaker *make) {  make.left.equalTo(self.nickNameLabel.mas_right).offset(8.f);  make.right.lessThanOrEqualTo(self.contentView.mas_right).offset(-kSpace15);  make.top.offset(21.f); }]; [self.hospitalLabel mas_makeConstraints:^(MASConstraintMaker *make) {  make.left.equalTo(self.headImgView.mas_right).offset(12.f);  make.top.equalTo(self.jobWorkLabel.mas_bottom).offset(6.f); }]; [self.line mas_makeConstraints:^(MASConstraintMaker *make) {  make.left.right.bottom.offset(0);  make.height.mas_equalTo(0.5f); }];}

布局時兩個注意點:

· 所有子控件,都要依賴與self.contentView作為約束父控件,而不是self(cell)

· 關鍵控件要做bottom約束 (因為不再指定行高,所以要需要給出根據bottom的約束)

3、最關鍵的一步: [cell layoutIfNeeded]

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { WMDoctorEvaluateDescribeInputCell *cell = [tableView dequeueReusableCellWithIdentifier:[WMDoctorEvaluateDescribeInputCell reuseIdentifier] forIndexPath:indexPath]; kWeakSelf cell.describeInputBlock = ^(NSString * _Nonnull describeText) {   weakSelf.inputDescribeText = describeText;  }; //關鍵的一步,解決不正常顯示問題 [cell layoutIfNeeded]; return cell;}

這樣就完成了自動適應高度的要求了。

另外:

針對一些自動適應高度不好做的cell,可以單獨處理 如下:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { if (indexPath.section == 2) {   return [WMDoctorEvaluateStarCell staticHeight]; } return UITableViewAutomaticDimension;}

5.自適應高度 - 緩存行高

在用UITableViewAutomaticDimension,有的界面比較復雜,雖然這樣能完成顯示,但是在滑動的過程中,能肉眼感受到卡 掉幀,眾所周知 60fps是比較符合人眼審視的,如果幀數 低于這個數值過多,就會明顯感受到卡幀等現象,這屬于優化性能方面的問題,所以就要思考一下怎樣來達到優化tableview性能。

思路:

緩存高度機制

首先獲取cell實際顯示的高度

- (void)tableView:(UITableView *)tableView didEndDisplayingCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { NSString *key = [NSString stringWithFormat:@"%ld", (long)indexPath.row]; [self.heightDict setObject:@(cell.height) forKey:key]; NSLOG(@"第%@行的計算的最終高度是%f",key,cell.height);}

//didEndDisplayingCell 當cell滑出屏幕時會觸發此方法,是cell已經被真正的顯示在了屏幕上,所以在這里打印出的高度必然是最正確的高度。根據indexPath.row作為key,將高度緩存進字典.

然后在 heightForRowAtIndexPath 方法里判斷,如果字典里有值,則使用緩存高度,否則自動計算:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ NSString *key = [NSString stringWithFormat:@"%ld",indexPath.row]; if (self.heightDict[key] != nil) {  NSNumber *value = _heightDict[key];  return value.floatValue; } return UITableViewAutomaticDimension;}

注意:設置cell的預估高度時一定要設置最小高度cell的那個值。不然的話,在滑動的時候,當高度最小的那個滑動到一大半的時候,就會突然一下消失,造成掉幀的現象。

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對VEVB武林網的支持。


注:相關教程知識閱讀請移步到IOS開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91产国在线观看动作片喷水| 91精品视频网站| 欧洲精品毛片网站| 97视频网站入口| 日韩黄色在线免费观看| 人人做人人澡人人爽欧美| 91在线观看欧美日韩| 成人免费午夜电影| 91av在线网站| 国产精品久久久久久久久久久不卡| 亚洲人成网站777色婷婷| 欧美日韩视频免费播放| 91视频国产精品| 久青草国产97香蕉在线视频| 少妇高潮久久77777| 亚洲视频在线观看免费| 亚洲国产天堂久久综合网| 国产亚洲aⅴaaaaaa毛片| 久久激情视频免费观看| 精品女同一区二区三区在线播放| 久久精品国产久精国产一老狼| 国产精品专区h在线观看| 97色在线视频观看| 社区色欧美激情 | 亚洲欧洲黄色网| 久久精品国产成人| 国产精品自产拍高潮在线观看| 国产欧美精品va在线观看| 亚洲视频欧洲视频| 国产精品99久久99久久久二8| 国产精品露脸av在线| 欧美国产极速在线| 欧美富婆性猛交| 91在线观看免费高清完整版在线观看| 欧美激情亚洲国产| 亚洲精品国偷自产在线99热| 日本欧美在线视频| 欧美性猛交xxxx久久久| 欧美俄罗斯乱妇| 国产精品午夜国产小视频| 欧美理论片在线观看| 992tv在线成人免费观看| 国产午夜精品久久久| 日韩电影免费观看在线| 亚洲va欧美va国产综合剧情| 欧美—级a级欧美特级ar全黄| 国语自产精品视频在线看一大j8| 亚洲成人av资源网| 久久不射热爱视频精品| 成人写真视频福利网| 亚洲天堂免费观看| 日本一欧美一欧美一亚洲视频| 美女福利精品视频| 在线精品国产成人综合| 国产成人免费av电影| 伊人亚洲福利一区二区三区| 欧美老女人xx| www.国产精品一二区| 亚洲一区二区中文字幕| 久久久久久久影院| 国产精品久久久久久久久久小说| 91久久久国产精品| 日本高清久久天堂| 日韩av在线影院| 国内精品一区二区三区四区| 欧美日韩美女在线| 久久全国免费视频| 国产精品999999| 成人黄色激情网| 亚洲老头同性xxxxx| 欧美国产第一页| 久久久日本电影| 亚洲欧美日韩爽爽影院| 欧美精品www| 久久久日本电影| 精品国产91久久久久久| 久久久精品亚洲| 91在线无精精品一区二区| 亚洲精品国产免费| 日韩在线观看网址| 97久久伊人激情网| 久国内精品在线| 91色视频在线观看| …久久精品99久久香蕉国产| 国内精品在线一区| 亚洲欧美中文日韩在线v日本| 色妞色视频一区二区三区四区| 91国内免费在线视频| 九色91av视频| 狠狠躁夜夜躁人人爽超碰91| 欧美成人精品激情在线观看| 国产精品视频网址| 亚洲精品成a人在线观看| 成人性生交xxxxx网站| 懂色av影视一区二区三区| 国产欧美 在线欧美| 最新69国产成人精品视频免费| 欧美韩日一区二区| 久久综合88中文色鬼| 日韩在线观看精品| 夜夜狂射影院欧美极品| 欧美www在线| 国内精品视频一区| 亚洲日韩欧美视频一区| 精品久久久久久中文字幕| 成人av资源在线播放| 68精品久久久久久欧美| 国产91九色视频| 亚洲视频在线视频| 久久夜色精品亚洲噜噜国产mv| 日韩av一卡二卡| 日韩视频一区在线| 日韩在线视频导航| 97婷婷大伊香蕉精品视频| 美女性感视频久久久| 欧美性受xxxx白人性爽| 日韩亚洲精品视频| 国产亚洲精品高潮| 91国自产精品中文字幕亚洲| 亚洲电影中文字幕| 日韩精品中文字幕久久臀| 亚洲精品一区二区在线| 欧美野外猛男的大粗鳮| 一区二区三区亚洲| 日本91av在线播放| 欧美国产视频一区二区| 亚洲国产精品yw在线观看| 久久久久久久色| 精品国产一区久久久| 欧美日韩中文字幕综合视频| 欧美日韩亚洲精品一区二区三区| 精品国产乱码久久久久久虫虫漫画| 亚洲福利视频二区| 成人激情av在线| 国产欧美日韩免费| www.xxxx欧美| 97免费视频在线| 欧美精品中文字幕一区| 91精品国产91久久久久久最新| xxx成人少妇69| 91系列在线播放| 亚洲黄色www| 国产自产女人91一区在线观看| 欧美精品在线极品| 亚洲一区二区中文| 最近免费中文字幕视频2019| 国产精品久久久久不卡| 青青草原一区二区| 91在线观看免费网站| 中文字幕免费国产精品| 91免费高清视频| 伦理中文字幕亚洲| 日韩精品免费一线在线观看| 91在线精品播放| 国产精品情侣自拍| 5566日本婷婷色中文字幕97| 亚洲品质视频自拍网| 欧美激情精品久久久久久免费印度| 综合网日日天干夜夜久久| 26uuu日韩精品一区二区| 久久久久久久久综合| 亚洲国产成人精品久久久国产成人一区| 欧美大片网站在线观看| 日韩中文理论片|