iOS開發——專案實戰總結&UITableView效能優化與卡頓問題
1.最常用的就是cell的重用, 註冊重用識別符號
- 如果不重用cell時,每當一個cell顯示到螢幕上時,就會重新建立一個新的cell
- 如果有很多資料的時候,就會堆積很多cell。如果重用cell,為cell建立一個ID
- 每當需要顯示cell 的時候,都會先去緩衝池中尋找可迴圈利用的cell,如果沒有再重新建立cell
2.避免cell的重新佈局
- cell的佈局填充等操作 比較耗時,一般建立時就佈局好
- 如可以將cell單獨放到一個自定義類,初始化時就佈局好
3.提前計算並快取cell的屬性及內容
- 當我們建立cell的資料來源方法時,編譯器並不是先建立cell 再定cell的高度
- 而是先根據內容一次確定每一個cell的高度,高度確定後,再建立要顯示的cell,滾動時,每當cell進入螢幕顯示都會計算高度,提前估算高度告訴編譯器,編譯器知道高度後,緊接著就會建立cell,這時再呼叫高度的具體計算方法,這樣可以方便浪費時間去計算顯示以外的cell
4.減少cell中控制元件的數量
- 儘量使cell的佈局大致相同,不同風格的cell可以使用不用的重用識別符號,初始化時新增控制元件,不適用的可以先隱藏
5.不要使用ClearColor,無背景色,透明度也不要設定為0
- 渲染耗時比較長
6.使用區域性更新
- 如果只是更新某組的話,使用reloadSection進行區域性更新
7.載入網路資料,下載圖片,使用非同步載入,並快取
8.少使用addView 給cell動態新增view
9.按需載入cell,cell滾動很快時,只載入範圍內的cell
10.不要實現無用的代理方法,tableView只遵守兩個協議
11.快取行高:estimatedHeightForRow不能和HeightForRow裡面的layoutIfNeed同時存在,這兩者同時存在才會出現“竄動”的bug。所以我的建議是:只要是固定行高就寫預估行高來減少行高呼叫次數提升效能。如果是動態行高就不要寫預估方法了,用一個行高的快取字典來減少程式碼的呼叫次數即可
有了上面的問題,我們在優化tableView的時候就能好解決一個卡頓的問題了。
在iOS應用中,UITableView應該是使用率最高的檢視之一了。iPod、時鐘、日曆、備忘錄、Mail、天氣、照片、電話、簡訊、 Safari、App Store、iTunes、Game Center…幾乎所有自帶的應用中都能看到它的身影,可見它的重要性。
然而在使用第三方應用時,卻經常遇到效能上的問題,普遍表現在滾動時比較卡,特別是table cell中包含圖片的情況時。
實際上只要針對性地優化一下,這種問題就不會有了。有興趣的可以看看 LazyTableImages這個官方的例子程式,雖然也要從網上下載圖片並顯示,但滾動時絲毫不卡。
下面就說說我對UITableView的瞭解。不過由於我也是初學者,或許會說錯或遺漏一些,因此僅供參考。
首先說下UITableView的原理。有興趣的可以看看 《About Table Views in iOS-Based Applications》。
UITableView是UIScrollView的子類,因此它可以自動響應滾動事件(一般為上下滾動)。
它 內部包含0到多個UITableViewCell物件,每個table cell展示各自的內容。當新cell需要被顯示時,就會呼叫tableView:cellForRowAtIndexPath:方法來獲取或建立一個 cell;而不可視時,它又會被釋放。由此可見,同一時間其實只需要存在一螢幕的cell物件即可,不需要為每一行建立一個cell。
此 外,UITableView還可以分為多個sections,每個區段都可以有自己的head、foot和cells。而在定位一個cell時,就需要2 個欄位了:在哪個section,以及在這個section的第幾行。這在iOS SDK中是用NSIndexPath來表述的,UIKit為其新增了indexPathForRow:inSection:這個建立方法。
其他諸如編輯之類的就不提了,因為和本文無關。
介紹完原理,接下來就開始優化吧。
使用不透明檢視。
不透明的檢視可以極大地提高渲染的速度。因此如非必要,可以將table cell及其子檢視的opaque屬性設為YES(預設值)。
其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);影象的alpha值也應該為1,或者在畫圖時設為不透明。不要重複建立不必要的table cell。
前面說了,UITableView只需要一螢幕的UITableViewCell物件即可。因此在cell不可見時,可以將其快取起來,而在需要時繼續使用它即可。
而UITableView也提供了這種機制,只需要簡單地設定一個identifier即可:
1 static NSString *CellIdentifier = @"xxx";
2 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
3 if (cell == nil) {
4 cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
5 }
值得一提的是,cell被重用時,它內部繪製的內容並不會被自動清除,因此你可能需要呼叫setNeedsDisplayInRect:或setNeedsDisplay方法。
此 外,在新增table cell的時候,如果不需要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接調 用reloadData方法。因為前者會對所有indexPaths呼叫tableView:cellForRowAtIndexPath:方法,即便該 cell並不需要顯示(不知道是不是bug),這就可能建立大量多餘的cell。勘誤:只是在模擬器上測試如此,真機除錯時沒有這種bug。
- 減少檢視的數目,或者最好使用自定義的view檢視
UITableViewCell包含了textLabel、detailTextLabel和imageView等view,而你還可以自定義一些檢視放在它的contentView裡。然而view是很大的物件,建立它會消耗較多資源,並且也影響渲染的效能。
如果你的table cell包含圖片,且數目較多,使用預設的UITableViewCell會非常影響效能。奇怪的是,使用自定義的view,而非預定義的view,明顯會快些。
當然,最佳的解決辦法還是繼承UITableViewCell,並在其drawRect:中自行繪製:
1 - (void)drawRect:(CGRect)rect
2 {
3 if (image)
4 {
5 [image drawAtPoint:imagePoint];
6 self.image = nil;
7 } else {
8 [placeHolder drawAtPoint:imagePoint];
9 }
10 [text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];
11 }
不過這樣一來,你會發現選中一行後,這個cell就變藍了,其中的內容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設為UITableViewCellSelectionStyleNone,這樣就不會被高亮了。
此 外還可以建立CALayer,將內容繪製到layer上,然後對cell的contentView.layer呼叫addSublayer:方法。這個例 子中,layer並不會顯著影響效能,但如果layer透明,或者有圓角、變形等效果,就會影響到繪製速度了。解決辦法可參見後面的預渲染影象。
不要做多餘的繪製工作。
在實現drawRect:的時候,它的rect引數就是需要繪製的區域,這個區域之外的不需要進行繪製。
例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪製image和text,然後再呼叫繪製方法。預渲染影象
你會發現即使做到了上述幾點,當新的影象出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap context裡先將其畫一遍,匯出成UIImage物件,然後再繪製到螢幕,詳細做法可見《利用預渲染加速iOS裝置的影象顯示》。不要阻塞主執行緒
做到前幾點後,你的table view滾動時應該足夠流暢了,不過你仍可能讓使用者感到不爽。常見的現象就是在更新資料時,整個介面卡住不動,完全不響應使用者請求。
出現這種現象的原因就是主執行緒執行了耗時很長的函式或方法,在其執行完畢前,無法繪製螢幕和響應使用者請求。其中最常見的就是網路請求了,它通常都需要花費數秒的時間,而你不應該讓使用者等待那麼久。
解決辦法就是使用多執行緒,讓子執行緒去執行這些函式或方法 . 這裡面還有一個學問,當下載執行緒數超過2時,會顯著影響主執行緒的效能。因此在使用 ASIHTTPRequest時,可以用一個NSOperationQueue來維護下載請求,並將其 maxConcurrentOperationCount設為2。而NSURLRequest則可以配合GCD來實現,或者使用NSURLConnection的setDelegateQueue:方法。
當然,在不需要響應使用者請求時,也可以增加下載執行緒數,以加快下載速度:
此外,自動載入更新資料對使用者來說也很友好,這減少了使用者等待下載的時間。例如每次載入50條資訊,那就可以在滾動到倒數第10條以內時,載入更多資訊:
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
if (count - indexPath.row < 10 && !updating) {
updating = YES; [self update];
}
}
// update方法獲取到結果後,設定updating為NO
還有一點要注意的就是當圖片下載完成後,如果cell是可見的,還需要更新影象:
1 NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];
2 for (NSIndexPath *visibleIndexPath in indexPaths) {
3 if (indexPath == visibleIndexPath) {
4 MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];
5 cell.image = image;
6 [cell setNeedsDisplayInRect:imageRect]; break;
7 }
8 }// 也可不遍歷,直接與頭尾相比較,看是否在中間即可。
最後還是前面所說過的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行需要在主執行緒執行,而一次插入很多行的話(例如50行),會長時間阻塞主執行緒。而換成reloadData方法的話,瞬間就處理完了。
相關文章
- iOS 效能篇一一UITableView效能優化iOSUIView優化
- 深入解析:Android卡頓檢測及優化專案實戰經驗總結,任君白嫖Android優化
- vuejs專案效能優化總結VueJS優化
- iOS 效能優化總結iOS優化
- Android效能優化----卡頓優化Android優化
- iOS應用千萬級架構:效能優化與卡頓監控iOS架構優化
- Android效能優化——效能優化的難題總結Android優化
- 六、Android效能優化之UI卡頓分析之渲染效能優化Android優化UI
- iOS問題整理08----效能優化iOS優化
- Linux效能優化實戰CPU篇之總結(四)Linux優化
- Android效能優化——列表類控制元件卡頓優化Android優化控制元件
- UITableView效能優化-中級篇UIView優化
- 實習專案開發總結
- 史上更全的 MySQL 高效能優化實戰總結!MySql優化
- 史上更全的MySQL高效能優化實戰總結!MySql優化
- ⚠️Flutter 效能優化實踐 總結⚠️Flutter優化
- 優化動畫卡頓:卡頓原因分析及優化方案優化動畫
- MySQL專案實戰總結MySql
- vue專案問題總結Vue
- 伺服器專案實戰與總結(五)伺服器
- ios微信小程式 BLE藍芽通訊開發介面UI卡頓問題iOS微信小程式藍芽UI
- android檢測卡頓問題,recycleview卡頓AndroidView
- 專案實戰小問題:
- UITableView效能優化的幾點建議UIView優化
- 前端效能優化總結前端優化
- React 效能優化總結React優化
- React效能優化總結React優化
- canvas效能優化總結Canvas優化
- 電腦出現常見問題卡頓,教你優化提速技巧優化
- 推薦:非常全面的 MySQL 高效能優化實戰總結~MySql優化
- 高薪之路,史上更全的 MySQL 高效能優化實戰總結高薪MySql優化
- Vue 專案效能優化 — 實踐指南Vue優化
- python爬蟲實操專案_Python爬蟲開發與專案實戰 1.6 小結Python爬蟲
- uniapp專案所遇問題總結APP
- 詳細整理iOS中UITableView的效能最佳化iOSUIView
- Flutter卡頓優化錦輯Flutter優化
- iOS app秒開H5優化總結iOSAPPH5優化
- App瘦身、效能優化總結APP優化