最近在微博上看到一個很好的開源項目,是關於如何優化UITableView的,加上正好最近也在優化項目中的類似朋友圈功能這塊,思考了很多關於UITableView的優化技巧,所以決定詳細的整理下對優化UITableView的理解,需要的朋友們可以參考借鑒。 一、介紹 iOS開發中,UITableVie ...
最近在微博上看到一個很好的開源項目,是關於如何優化UITableView的,加上正好最近也在優化項目中的類似朋友圈功能這塊,思考了很多關於UITableView的優化技巧,所以決定詳細的整理下對優化UITableView的理解,需要的朋友們可以參考借鑒。
一、介紹
iOS開發中,UITableView可能是平時我們打交道最多的UI控制項之一,其重要性不言而喻。Android也是如此,Android中的ListView和UITableView是相同功能的一個控制項,但是iOS的UITableView更為強大一點,原因就不說了,如果你學過Android就知道iOS中的UITableView使用起來是非常簡單的,這也是峰哥喜歡iOS勝過Android的原因之一。今天研究的內容就是UITableView的優化。
開始之前,你能說出幾種UITableView的可優化項?cell復用(Android中經常稱為ListView的重用,其實重用復用都是一個意思,由於峰哥之前做過Android的原因,有時候我經常說“重用”,後面萬一說“重用”大家知道是“復用”的意思就行了)!除了cell重用呢?
二、UITableView的性能優化
1、cell復用
復用很簡單,這或許是所有iOS開發者最為熟知的一個優化內容,如下代碼:
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *Identifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
}
return cell;
}
但是,這樣重用就完美了嗎?
我們經常在註意cellForRowAtIndexPath:中為每一個cell綁定數據,實際上在調用cellForRowAtIndexPath:的時候cell還沒有被顯示出來,為了提高效率我們應該把數據綁定的操作放在cell顯示出來後再執行,可以在tableView:willDisplayCell:forRowAtIndexPath:(以後簡稱willDisplayCell)方法中綁定數據。
註意willDisplayCell在cell 在tableview展示之前就會調用,此時cell實例已經生成,所以不能更改cell的結構,只能是改動cell上的UI的一些屬性(例如label的內容等)。
2、cell高度的計算
這邊我們分為兩種cell,一種是定高的cell,另外一種是動態高度的cell。
(1)定高的cell,應該採用如下方式:
self.tableView.rowHeight = 88;
這個方法指定了所有cell高度都是88的tableview,rowHeight預設的值是44,所以一個空的TableView會顯示成這個樣子。對於定高cell,直接採用上面方式給定高度,不需要實現tableView:heightForRowAtIndexPath:以節省不必要的計算和開銷。
(2)動態高度的cell
我們需要實現它的代理,來給出高度:
(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
// return xxx
}
這個代理方法實現後,上面的rowHeight的設置將會變成無效。在這個方法中,我們需要提高cell高度的計算效率,來節省時間。
自從iOS8之後有了self-sizing cell的概念,cell可以自己算出高度,使用self-sizing cell需要滿足以下三個條件:
(1)使用Autolayout進行UI佈局約束(要求cell.contentView的四條邊都與內部元素有約束關係)。
(2)指定TableView的estimatedRowHeight屬性的預設值。
(3)指定TableView的rowHeight屬性為UITableViewAutomaticDimension。
(void)viewDidload {
self.myTableView.estimatedRowHeight = 44.0;
self.myTableView.rowHeight = UITableViewAutomaticDimension;
}
除了提高cell高度的計算效率之外,對於已經計算出的高度,我們需要進行緩存,對於已經計算過的高度,沒有必要進行計算第二次。
作為一個開發者,有一個學習的氛圍跟一個交流圈子特別重要,這是一個我的iOS交流群:519832104 不管你是小白還是大牛歡迎入駐,分享經驗,討論技術,大家一起交流學習成長!
另附上一份各好友收集的大廠面試題,需要iOS開發學習資料、面試真題,可以添加iOS開發進階交流群,進群可自行下載!
3、渲染
為了保證TableView的流暢,當快速滑動的時候,cell必須被快速的渲染出來。所以cell渲染的速度必須快。如何提高cell的渲染速度呢?
(1)當有圖像時,預渲染圖像,在bitmap context先將其畫一遍,導出成UIImage對象,然後再繪製到屏幕,這會大大提高渲染速度。具體內容可以自行查找“利用預渲染加速顯示iOS圖像”相關資料。
(2)渲染最好時的操作之一就是混合(blending)了,所以我們不要使用透明背景,將cell的opaque值設為Yes,背景色不要使用clearColor,儘量不要使用陰影漸變等
(3)由於混合操作是使用GPU來執行,我們可以用CPU來渲染,這樣混合操作就不再執行。可以在UIView的drawRect方法中自定義繪製。
4、減少視圖的數目
我們在cell上添加系統控制項的時候,實際上系統都會調用底層的介面進行繪製,大量添加控制項時,會消耗很大的資源並且也會影響渲染的性能。當使用預設的UITableViewCell並且在它的ContentView上面添加控制項時會相當消耗性能。所以目前最佳的方法還是繼承UITableViewCell,並重寫drawRect方法。
5、減少多餘的繪製操作
在實現drawRect方法的時候,它的參數rect就是我們需要繪製的區域,在rect範圍之外的區域我們不需要進行繪製,否則會消耗相當大的資源。
6、不要給cell動態添加subView
在初始化cell的時候就將所有需要展示的添加完畢,然後根據需要來設置hide屬性顯示和隱藏。
7、非同步化UI,不要阻塞主線程
我們時常會看到這樣一個現象,就是載入時整個頁面卡住不動,怎麼點都沒用,仿佛死機了一般。原因是主線程被阻塞了。所以對於網路數據的請求或者圖片的載入,我們可以開啟多線程,將耗時操作放到子線程中進行,非同步化操作。這個或許每個iOS開發者都知道的知識,不必多講。
8、滑動時按需載入對應的內容
如果目標行與當前行相差超過指定行數,只在目標滾動範圍的前後指定3行載入。
(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{
NSIndexPath *ip = [self indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];
NSIndexPath *cip = [[self indexPathsForVisibleRows] firstObject];
NSInteger skipCount = 8;
if (labs(cip.row-ip.row)>skipCount) {
NSArray *temp = [self indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, self.width, self.height)];
NSMutableArray *arr = [NSMutableArray arrayWithArray:temp];
if (velocity.y<0) {
NSIndexPath *indexPath = [temp lastObject];
if (indexPath.row+33) {
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-3 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1 inSection:0]];
}
}
[needLoadArr addObjectsFromArray:arr];
}
}
記得在tableView:cellForRowAtIndexPath:方法中加入判斷:
if (needLoadArr.count>0&&[needLoadArr indexOfObject:indexPath]==NSNotFound) {
[cell clear];
return;
}
滑動很快時,只載入目標範圍內的cell,這樣按需載入(配合SDWebImage),極大提高流暢度。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
點擊此處,立即與iOS大牛交流學習