原文鏈接:http://www.reibang.com/p/64f0e1557562
cell高度計(jì)算的歷史
在iOS8之前良风,如果UITableViewCell的高度是動(dòng)態(tài)的揉阎,如果想要顯示正確的話梅桩,我們需要在下面這個(gè)UITableView的代理方法中,返回每一行的精確高度:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;
如果cell的控件很多,樣式很復(fù)雜的話,在這里面我們就可能需要寫(xiě)很多代碼去做一些復(fù)雜的計(jì)算炼邀,甚至可能導(dǎo)致滑動(dòng)不流暢。
后來(lái)也有一些人寫(xiě)了一些第三方去解決這個(gè)問(wèn)題剪侮,例如UITableView-FDTemplateLayoutCell汤善。只要給cell自上而下加好約束,它就可以幫我們?nèi)ニ鉩ell的高度并且可以緩存票彪,省去了我們自己寫(xiě)計(jì)算代碼的成本红淡。具體可以進(jìn)鏈接里面看看它的demo。
但是在iOS10的系統(tǒng)下降铸, FDTemplateLayoutCell
會(huì)卡界面在旱,而且tableview
的行數(shù)越多表現(xiàn)的越卡。
而且蘋(píng)果在iOS8之后推掸,推出了一種超級(jí)簡(jiǎn)單的cell動(dòng)態(tài)自適應(yīng)的方法桶蝎,使用起來(lái)比FDTemplateLayoutCell
也簡(jiǎn)單一些,而且現(xiàn)在iOS10都出來(lái)了谅畅,沒(méi)有必要去支持iOS7了登渣,所以最后我還是選擇了用系統(tǒng)的辦法。這樣我們以后就再也不用寫(xiě)heightForRowAtIndexPath
方法了毡泻。
系統(tǒng)的cell自適應(yīng)高度的使用方法
首先我們需要把cell上的控件自上而下加好約束胜茧,如果對(duì)約束不熟悉的話建議看看下面這兩篇文章學(xué)習(xí)一下:
Auto Layout Tutorial in iOS 9 Part 1: Getting Started
Auto Layout Tutorial in iOS 9 Part 2: Constraints
注意約束一定要自上而下加好,讓系統(tǒng)知道怎么去計(jì)算高度仇味。在這篇文章的demo里面的cell加的約束是這樣的:
加好約束后呻顽,然后告訴tableView自己去適應(yīng)高度就可以了。有兩種寫(xiě)法:
self.tableView.rowHeight = UITableViewAutomaticDimension;self.tableView.estimatedRowHeight = 100;
或者直接寫(xiě)這個(gè)代理方法就可以了
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
{ return 100;
}
這個(gè)的意思就是告訴tableView丹墨,你需要自己適應(yīng)高度廊遍。但是我們需要告訴它一個(gè)大概高度,例如上面的100贩挣,理論上這個(gè)是可以隨便寫(xiě)的喉前,并不影響顯示結(jié)果,但是越接近真實(shí)高度越好王财。
其實(shí)section的header和footer也是可以自動(dòng)適應(yīng)的卵迂,對(duì)應(yīng)的方法有:
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForHeaderInSection:(NSInteger)section;
- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForFooterInSection:(NSInteger)section;
但是我們?cè)趯?shí)際開(kāi)發(fā)中,一般都是根本沒(méi)有header和footer搪搏,有的話一般也是給一個(gè)固定高度狭握。所以在這里就不講解了,原理都一樣疯溺。
可能遇到的問(wèn)題和解決辦法
1.高度不對(duì)
有時(shí)候有可能運(yùn)行出來(lái)后看到cell的高度顯示的不對(duì)论颅,就像這樣:
這個(gè)問(wèn)題是因?yàn)榧s束沒(méi)有滿足自上而下,從而系統(tǒng)不知道怎么去計(jì)算囱嫩。解決辦法就是去修改約束恃疯,直到滿足為止。一定要好好理解約束澳小今妄!
2.點(diǎn)擊狀態(tài)欄無(wú)法滾動(dòng)到頂部
我們知道,如果界面中有UIScrollView的話,點(diǎn)擊狀態(tài)欄會(huì)讓其滾動(dòng)到頂部盾鳞,就像這樣:
但是如果我們用了自動(dòng)計(jì)算高度的方法犬性,又調(diào)用了tableView的reloadData方法(例如我們的數(shù)據(jù)有分頁(yè)的時(shí)候,加載完下一頁(yè)的數(shù)據(jù)后會(huì)去刷新tableView)腾仅。這時(shí)候就會(huì)出現(xiàn)問(wèn)題乒裆,點(diǎn)擊狀態(tài)欄就有幾率不能精確滾動(dòng)到頂部了,解決這個(gè)問(wèn)題的辦法是去緩存cell的高度推励,代碼如下:
@property (nonatomic, strong) NSMutableDictionary *heightAtIndexPath;//緩存高度所用字典
#pragma mark - UITableViewDelegate-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
{ NSNumber *height = [self.heightAtIndexPath objectForKey:indexPath]; if(height)
{ return height.floatValue;
} else
{ return 100;
}
}
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{ NSNumber *height = @(cell.frame.size.height);
[self.heightAtIndexPath setObject:height forKey:indexPath];
}
解釋一下鹤耍,就是用一個(gè)字典做容器,在cell將要顯示的時(shí)候在字典中保存這行cell的高度验辞。然后在調(diào)用estimatedHeightForRowAtIndexPath
方法時(shí)稿黄,先去字典查看有沒(méi)有緩存高度,有就返回跌造,沒(méi)有就返回一個(gè)大概高度杆怕。
這段代碼其實(shí)可以寫(xiě)在viewController
的基類(lèi)
里面,這樣寫(xiě)一遍就可以每個(gè)地方都能緩存cell的高度了鼻听。