文章來(lái)源于:Perfect smooth scrolling in UITableViews 南峰子的技術(shù)博客
手動(dòng)布局和高度優(yōu)化
- cell/header/footer的重用
之前只知道重用cell，沒(méi)注意到section的header/footer也可以重用着裹，在這里就不舉例cell的重用了校读。
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
static NSString *headerIdentify = @"Hearder";
UIView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentify];
return headerView;
}
數(shù)據(jù)綁定
我之前一般在方法 tableView:cellForRowAtIndexPath:
當(dāng)中去綁定數(shù)據(jù)，然而此時(shí)屏幕上還沒(méi)有cell清女，我們可以把綁定cell數(shù)據(jù)放在另一個(gè)方法中 tableView:willDisplayCell:forRowAtIndexPath:
這個(gè)方法會(huì)在顯示cell之前調(diào)用。
具體使用哪個(gè)方法，網(wǎng)上頗有爭(zhēng)議结澄，具體來(lái)說(shuō)執(zhí)行效率是一樣的哥谷，只是視覺(jué)效果不一樣，放在前者的話出現(xiàn)cell的時(shí)候已經(jīng)設(shè)置好了數(shù)據(jù)麻献，而且也會(huì)比后者稍微慢一點(diǎn)出來(lái)们妥，后者的話數(shù)據(jù)則在稍后填充進(jìn)去。高度計(jì)算
建議使用方法 tableView:heightForRowAtIndexPath:
去計(jì)算cell的高度勉吻，但是要先輸入數(shù)據(jù)去計(jì)算高度监婶，再進(jìn)行綁定數(shù)據(jù)。
不建議使用這個(gè)便捷的方法去計(jì)算cell的行高齿桃，這里會(huì)使用復(fù)雜的數(shù)學(xué)計(jì)算去獲取cell的高度惑惶，
會(huì)影響滾動(dòng)的流暢性，子視圖越多越明顯
self.tableView.rowHeight = UITableViewAutomaticDimension;
繪制數(shù)據(jù)
-
渲染最慢的操作之一是混合(blending)
在iOS模擬器上運(yùn)行App短纵，在模擬器的菜單中選擇’Debug‘带污，然后選中’Color Blended Layers‘。然后iOS模擬器就會(huì)將全部區(qū)域顯示為兩種顏色：綠色和紅色香到。綠色是無(wú)混合鱼冀，紅色是混合。
如果你在一個(gè)UITableView 下面墊了一層背景圖悠就，這時(shí)候整個(gè)UITableView都會(huì)顯示成紅色千绪，系統(tǒng)會(huì)將上層view和下層view混合之后才能計(jì)算出像素點(diǎn)實(shí)際顏色，如果混合過(guò)多梗脾，流暢的滑動(dòng)是不可能的荸型。
有背景圖：
566C44F8-5D34-408C-A19F-CEC6CECD319B.png
無(wú)背景圖：
- 關(guān)鍵點(diǎn)是在平衡CPU和GPU的負(fù)載。
1.減少iOS執(zhí)行無(wú)用混合的區(qū)域：不要使用透明背景炸茧，使用iOS模擬器 或者Instruments來(lái)確認(rèn)這一點(diǎn)帆疟；如果可以，盡量使用沒(méi)有混合的漸變宇立。
2.優(yōu)化代碼踪宠，以平衡CPU和GPU的負(fù)載。你需要清楚地知道哪部分渲染需要使用GPU妈嘹，哪部分可以使用CPU柳琢，以此保持平衡。
UIView的drawRect:方法中使用CoreGraphics操作來(lái)執(zhí)行CPU渲染润脸，從而減少對(duì)GPU的負(fù)載
3.為特殊的cell類(lèi)型編寫(xiě)特殊的代碼柬脸。
像素獲取
- 在iOS模擬器上運(yùn)行程序，在”Debug“菜單中選中”Color Misaligned Image“毙驯。
紫色區(qū)域會(huì)執(zhí)行子像素渲染倒堕，在真機(jī)上可能或出現(xiàn)模糊；而黃色區(qū)域是圖片大小沒(méi)有對(duì)齊的情況爆价，可能會(huì)有變形的感覺(jué)垦巴。
效果圖：
紫色區(qū)域的字體媳搪，我對(duì)它進(jìn)行固定高度和寬度的約束，所以會(huì)出現(xiàn)紫色骤宣，需要對(duì)像素相關(guān)數(shù)據(jù)進(jìn)行四舍五入處理秦爆。
優(yōu)化建議：
- 對(duì)所有像素相關(guān)的數(shù)據(jù)做四舍五入處理，包括點(diǎn)坐標(biāo)憔披，UIView的高度和寬度等限。
跟蹤你的圖像資源：圖片必須是像素完美的，否則在Retina屏幕上渲染時(shí)芬膝，它會(huì)做不必要的抗鋸齒處理望门。
定期復(fù)查你的代碼，因?yàn)檫@種情況可以會(huì)經(jīng)常出現(xiàn)锰霜。
異步UI
- 這個(gè)不用多說(shuō)了怒允，異步處理復(fù)雜cell的需求，再顯示到cell上面锈遥。
