溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ios11中estimatedRowHeight屬性的示例分析

發(fā)布時(shí)間:2021-08-04 14:03:09 來源:億速云 閱讀:118 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章主要介紹了ios11中estimatedRowHeight屬性的示例分析,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

什么是estimatedRowHeight?

ios11中estimatedRowHeight屬性的示例分析

簡而言之estimatedRowHeight是一個(gè)預(yù)估高度,iOS11之前是為0,在iOS11下,這個(gè)值默認(rèn)為44。

我們知道tableView是繼承于ScrollView的,一個(gè)scrollView能滑動(dòng),需要設(shè)置contentSize,那么tableView的contentSize怎么來呢?iOS11之前,會(huì)調(diào)用tableView每一個(gè)cell的heightForRowAtIndexPath來算出整個(gè)高度,從而相加得出contentSize來,這一個(gè)步驟挺耗性能!

所以iOS11,默認(rèn)打開了estimatedRowHeight估算高度功能,當(dāng)tableView創(chuàng)建完成后,contentSize為estimatedRowHeight(默認(rèn)值為44)*cell的數(shù)量,不需要遍歷每一個(gè)cell的heightForRowAtIndexPath來計(jì)算了。但是這樣子真實(shí)的contentSize又怎么得出來呢?

不要急,我們看官方文檔的描述,里面的一句話

ios11中estimatedRowHeight屬性的示例分析

也就是說在滑動(dòng)的時(shí)候,來計(jì)算這個(gè)值。具體是怎么計(jì)算的,我們可以舉2個(gè)例子:

例子一

我們創(chuàng)建一個(gè)TableView,在iPhone7(iOS11)下,origin = (x = 0, y = 20),size = (width = 375, height = 657),此時(shí)方法返回的cell高度為50

-(NSInteger)tableView:(UITableView )tableView numberOfRowsInSection:(NSInteger)section{   return 100; }  `
-(CGFloat)tableView:(UITableView )tableView heightForRowAtIndexPath:(NSIndexPath )indexPath{   return 50; } 
-(void)scrollViewDidScroll:(UIScrollView )scrollView {   NSLog(@”table ContentSize %@”, 
NSStringFromCGSize(scrollView.contentSize)); }

ios11中estimatedRowHeight屬性的示例分析

結(jié)果我們可以看到下圖,初始高度為100 * 44=4400

table ContentSize {375, 4400}

當(dāng)我往下拉(往下不是往上),不會(huì)出現(xiàn)新的cell,僅僅是為了觸發(fā)scrollViewDidScroll這個(gè)方法來打印出下面語句來

table ContentSize {375, 4490}

這個(gè)值怎么出來的呢?按照計(jì)算的話,也應(yīng)該是4400+(50-44)*13=4478 (這里50-44是每一行的實(shí)際高度和預(yù)估的高度的差值;13是界面顯示出0~12,總共13行)。

后面經(jīng)過調(diào)試你會(huì)發(fā)現(xiàn),實(shí)際上會(huì)調(diào)用15次heightForRow的方法,這15次,是預(yù)估高度為44,在657高度的屏幕上,會(huì)顯示出657/44=15個(gè)cell出來,所以它的實(shí)際計(jì)算會(huì)根據(jù)這個(gè)值來進(jìn)行,那么此時(shí)我們就能得出正確的結(jié)論來了4400+15*(50-44)=4490。

后面當(dāng)你每次顯示出新的cell出來的時(shí)候,再進(jìn)行調(diào)整,增加50-44=6的高度。

例子二

和例子一的區(qū)別在于,cell高度返回為30,也就是小于預(yù)估高度44,其余不變

-(CGFloat)tableView:(UITableView )tableView heightForRowAtIndexPath:(NSIndexPath )indexPath{      
  return 30; 
}

ios11中estimatedRowHeight屬性的示例分析

結(jié)果我們可以看到下圖,初始高度為100 * 44=4400

table ContentSize {375, 4400}

當(dāng)我往下拉(往下不是往上),不會(huì)出現(xiàn)新的cell,僅僅是為了觸發(fā)scrollViewDidScroll這個(gè)方法來打印出下面語句來

table ContentSize {375, 4092}

按照例子一的解釋,我們計(jì)算下:4400 -(44-30)15= 4190 ?。∷质窃趺磥淼哪??經(jīng)過調(diào)試,我們發(fā)現(xiàn)它調(diào)用了heightForRow這個(gè)方法22次,也就是目前顯示在屏幕上的可見cell數(shù)量,按照這個(gè),確實(shí)符合:4400 -(44-30)22= 4092。同樣的,當(dāng)你往上滑動(dòng),出現(xiàn)新的cell的時(shí)候,contentSize的高度會(huì)減去(44-30)

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“ios11中estimatedRowHeight屬性的示例分析”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI