這篇文章主要講解了“分析iOS自適應(yīng)cell行高”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“分析iOS自適應(yīng)cell行高”吧!
成都創(chuàng)新互聯(lián)主要為客戶提供服務(wù)項目涵蓋了網(wǎng)頁視覺設(shè)計、VI標(biāo)志設(shè)計、網(wǎng)絡(luò)營銷推廣、網(wǎng)站程序開發(fā)、HTML5響應(yīng)式成都網(wǎng)站建設(shè)公司、手機(jī)網(wǎng)站開發(fā)、微商城、網(wǎng)站托管及網(wǎng)站建設(shè)維護(hù)、WEB系統(tǒng)開發(fā)、域名注冊、國內(nèi)外服務(wù)器租用、視頻、平面設(shè)計、SEO優(yōu)化排名。設(shè)計、前端、后端三個建站步驟的完善服務(wù)體系。一人跟蹤測試的建站服務(wù)標(biāo)準(zhǔn)。已經(jīng)為成都被動防護(hù)網(wǎng)行業(yè)客戶提供了網(wǎng)站建設(shè)服務(wù)。
需求背景
iOS的cell行高自適應(yīng)是個非常常見的需求,也是一個非常簡單的需求,之前我遇到過很多小伙伴不知道怎么來實現(xiàn),在這里就一步步的來分析一下,供大家參考。
問題分析
其他的實現(xiàn)場景就不說了,我們現(xiàn)在來分析一下具體的需求,如圖所示:
其實主要實現(xiàn)這幾點(diǎn)就可以解決所謂的自適應(yīng)行高的問題,下面我們就來逐步實現(xiàn)這個需求。
計算UITableViewCell的高度
說到計算高度,大家都不陌生,最簡單常見的就是計算出每個子視圖的高度累積起來返回我們所需要的cell高度,然后在UITableViewDelegate中調(diào)用:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{return 666;}
或者高度固定的情況下直接
self.tableView.rowHeight = 666;
但是這就要求我們需要提前拿到model中的數(shù)據(jù)來手動計算每個控件的高度,這樣既麻煩又不能通用,所以在autolayout出來之后我們只要給cell的contentView的上下左右都添加了約束,系統(tǒng)就可以自動的幫我們實現(xiàn)高度的自適應(yīng),就是一定要保證cell的高度可以被子視圖撐開就可以了,利用的是systemLayoutSizeFittingSize這個API;
iOS8之后就更簡單了,直接使用:
self.tableView.estimatedRowHeight = 666;self.tableView.rowHeight = UITableViewAutomaticDimension;
就可以了,其中estimatedRowHeight是預(yù)估高度,這里要注意delegate中的返回高度方法就不用在寫了。
關(guān)于這方面的文章,UITableView+FDTemplateLayoutCel的作者寫的一篇文章十分詳細(xì),建議先去了解一下(優(yōu)化UITableViewCell高度計算的那些事)
但是這個方法實際上在有多個子視圖的cell上滑動是很卡頓的,特別是在iOS8尤其是iOS10上卡頓尤為明顯,這跟系統(tǒng)的算高機(jī)制有一定關(guān)系,具體可以看上面的文章,這里不再解釋了。
如果脫離開autolayout來說,平時計算高度的話,最開始都是根據(jù)cell內(nèi)子控件內(nèi)容的高度來手動累加起來,但是這個方法每次都要去手動處理其中的算高邏輯,而且橫豎屏切換的時候還要重新計算,在平時開發(fā)中就會浪費(fèi)大量不必要的精力。所以后來我在項目中是通過調(diào)用layoutSubviews來獲取到子控件的實際frame,這樣就可以得到我們所需的cell高度值,如下代碼所示:
cell.frame = CGRectSetWidth(cell.frame, contentViewWidth);cell.contentView.frame = CGRectSetWidth(cell.contentView.frame, CGRectGetWidth(tableView.frame));[cell layoutIfNeeded];UIView *cellBottomView = nil;if (cell.FS_cellBottomView) {cellBottomView = cell.FS_cellBottomView;}else if (cell.FS_cellBottomViews && cell.FS_cellBottomViews.count > 0) {cellBottomView = cell.FS_cellBottomViews[0];for (UIView *view in cell.FS_cellBottomViews) {if (CGRectGetMaxY(view.frame) > CGRectGetMaxY(cellBottomView.frame)) {cellBottomView = view;}}}else {NSArray *contentViewSubViews = cell.contentView.subviews;if (contentViewSubViews.count == 0) {cellBottomView = cell.contentView;}else{cellBottomView = contentViewSubViews[0];for (UIView *view in contentViewSubViews) {if (CGRectGetMaxY(view.frame) > CGRectGetMaxY(cellBottomView.frame)) {cellBottomView = view;}}}}CGFloat cellHeight = CGRectGetMaxY(cellBottomView.frame) + bottomOffset;
其中的cellBottomView是位于cell最底部的子視圖,為了提高計算效率最好傳入,如果不確定哪個子視圖在最下面,可以傳入一個視圖數(shù)組contentViewSubViews,詳細(xì)使用方式可以查看demo。
緩存cell高度
高度計算出來后,正常來說我們的需求已經(jīng)達(dá)到了,但是如果這個高度值每次滑動的時候由于cell的復(fù)用機(jī)制都會重新計算,若果這個cell的自定義樣式很復(fù)雜,子視圖太多,那么大量的計算一定會損耗性能而導(dǎo)致明顯的卡頓,所以緩存機(jī)制就是個必要的措施,更何況蘋果也建議這樣做;demo提供了兩個計算行高的API:
/**cell自動計算行高@param tableView tableView@param indexPath indexPath@param contentViewWidth cell內(nèi)容寬度,不確定可傳0@return cell高度*/+ (CGFloat)FSCellHeightForTableView:(UITableView *)tableView indexPath:(NSIndexPath *)indexPath cellContentViewWidth:(CGFloat)contentViewWidth bottomOffset:(CGFloat)bottomOffset;/**cell自動計算行高優(yōu)化版@param tableView tableView@param indexPath indexPath@param cacheKey 當(dāng)前cell唯一標(biāo)識符@param contentViewWidth cell內(nèi)容寬度,不確定可傳0@return cell高度*/+ (CGFloat)FSCellHeightForTableView:(UITableView *)tableView indexPath:(NSIndexPath *)indexPath cacheKey:(NSString *)cacheKey cellContentViewWidth:(CGFloat)contentViewWidth bottomOffset:(CGFloat)bottomOffset;
第一種使用數(shù)組來做緩存,傳入對應(yīng)cell的indexPath作為數(shù)組索引值;第二種則采用字典來緩存數(shù)據(jù),要求傳入一個唯一標(biāo)識符cacheKey來區(qū)分;
兩種方式都可以準(zhǔn)確獲得cell高度,第一種實現(xiàn)更簡潔,缺點(diǎn)就是數(shù)據(jù)源發(fā)生變化時,所有的緩存就會清空重新計算后緩存,比如reloadData的時候;第二種就是在前者的基礎(chǔ)上添加一個區(qū)分不同cell的標(biāo)識符,使用時還是建議使用第二種,不會清空緩存數(shù)據(jù),輕量級頁面沒什么區(qū)別??傊畠煞N方法都做了緩存數(shù)據(jù)的容錯處理,支持以下方法:
@selector(reloadData),@selector(insertSections:withRowAnimation:),@selector(deleteSections:withRowAnimation:),@selector(reloadSections:withRowAnimation:),@selector(moveSection:toSection:),@selector(insertRowsAtIndexPaths:withRowAnimation:),@selector(deleteRowsAtIndexPaths:withRowAnimation:),@selector(reloadRowsAtIndexPaths:withRowAnimation:),@selector(moveRowAtIndexPath:toIndexPath:)
兼容橫豎屏
這個需求實現(xiàn)較為簡單,就是橫屏和豎屏分別采用兩套緩存數(shù)據(jù),互不影響,切換橫豎屏的時候自動切換數(shù)據(jù)源。
- (NSMutableArray *)indexCacheArrForCurrentOrientation{return UIDeviceOrientationIsPortrait([UIDevice currentDevice].orientation) ? self.indexCacheArr_Portrait: self.indexCacheArr_Landscape;}
最后實現(xiàn)的效果如圖所示:
總之答題思路就是這些,使用方便,感興趣的可以移步下載demo查看:FSAutoAdjust-cellHeightDemo(本地下載)
感謝各位的閱讀,以上就是“分析iOS自適應(yīng)cell行高”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對分析iOS自適應(yīng)cell行高這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!