UITableView的原理——探究及重新實現代碼

来源:https://www.cnblogs.com/charleschwang/p/18331400
-Advertisement-
Play Games

我們非常激動地宣佈,詞雲圖大師(WordCloudMaster)現已正式上線Web端!這一全新版本為用戶帶來了更多的便捷和功能,讓創建和分享詞雲變得更加輕鬆。無論是企業、教育機構還是個人用戶,都可以通過Web端實現快速生成和定製屬於自己的詞雲圖。 https://studio.wordcloudma ...


轉自簡書,原文地址,本文主要探討一些特殊細節,像視圖重用這類最基本的原理可在源碼里查看。


先前重新實現了一個list容器視圖,由於Apple沒有開源,在此分享過程中探索到的UITableView一些細節。MPTableView: A list view like UITableView, more fast, more features.

1·捉摸不定的contentOffset

UISrollview在滑動的時候,要獲取其不斷變化的contentOffset值,可通過其協議來獲取也可以在其layoutSubviews裡面獲得,而後者所獲取到的offset值會來得頻繁很多——當快速滑動的時候,scrollView的協議回調次數遠遠低於layoutSubviews調用次數,也即contentOffset的獲取次數更少,那樣一旦需要根據contentOffset來做某些精確的工作的話,則效果會更差。

即使選擇最容易被調用的layoutSubviews,其調用次數也並非都是線性變化的,layoutSubviews被回調的次數是有限(n次1s)的,所以一旦急速滑動,並不會逐像素回調,而是總的滑動距離內調用一定次數,最後每次獲得的contentOffset也將呈跳躍狀。

2·關於UIView的視圖層次

發現在addSubview之後通過insertSubview: AtIndex:來設置子視圖的層級後,一旦重新修改子視圖的frame則這個index將失效。而後面發現了通過view.layer.zPosition的提升則可以令view在其父視圖中一直處於高層級或者低層級。

這個是在實現plain模式下tableview的section header/footer停浮時候,需要解決的問題。因為section視圖很多是比cell早加入顯示區域的(header),那麼當滾動到需要header浮在cell的頭上時(遮住),則會出現cell遮住header的情況。一開始選擇了zPosition,但是發現這個就破壞了視圖的原始狀態,後面直接bringToFront實現plain的section懸浮。

3·update相關

多路insert/delete/reload操作。

(1)最好把某種操作的IndexSet/Array全部整合成一個數組,這樣最多就只有3個數組了

(2)這3種操作中reload是優先進行的,至於insert和delete,UIKit是讓delete先進行,再進行insert,在這裡面,reload其實就是做了先delete後insert操作。

(3)經常可以看見某些app進行reload某個cell來進行擴張其內容(cell的height變大)的效果,如果這個cell底部有分割線或者是其他內容的話,那麼在這個擴張cell的過程中,動畫效果是這個cell下麵的cell往下移動,cell的高度被擴充,但是那個分割線卻沒有移動的效果而是直接出現在了最底部。這是由於我們通常選擇了None的動畫方式來進行reload,而None的動畫方式其實就是單純的視圖hidden.

(4)willInsertCell這個協議在insert動畫之前是會被回調的,如果在insert操作裡面選擇了None的動畫枚舉,那麼興許可以通過這個協議做點自定義效果動畫。這個不知道apple是否提供了這個機制。

4·UIScrollView的layoutSubviews調用時機

UIScrollView先進行setContentSize再進行addSubview操作,會執行layoutSubviews多次,而如果把setContentSize操作放到最後,那麼只會執行一次layoutSubviews

5·UITableView的cell重用限制

UITableView並未對重用cell的數量做限制,在測試過程中,被划出屏幕外的所有cell都沒被銷毀。這個測試過程中,將cell按順序用height遞增,即每個cell的高度越來越大,那麼將會導致一個情況,越是滑動到後面,顯示區域裡面的cell會越少(相比之前滑動經過的區域來說),導致了進入重用的cell數量遞增(因為前面一屏顯示的cell數量會更多),那麼這些等待重用的cell雖然數量很大也不會被釋放掉的。

6·實用的hidden。

UITableView對滑出屏幕的cell都是進行hidden的而非remove,在設計cell重用緩存的時候,發現一旦頻繁的進行cell的remove操作會比使用hidden的cpu使用率高上10%(在iPhone5上面),而UITableView好像早前版本是remove現在也改為hidden了。

在實際開發中,如果不是得銷毀UIView,那麼hidden是比直接remove來得快。另外設置hidden為YES會觸發一次其子視圖的removeFromSuperView操作。

7·xib和純frame設置的問題

xib載入的視圖再用frame進行設置,接著如果改變父視圖的frame會導致其height變為0,那麼就是因為xib載入的這個視圖的預設autoresizingMask有height相關的,置為none即可。這個問題之前很困擾,一直沒有發現這個貓膩,當然,只有在前面提到的這個特定條件下(手動改變視圖frame,而其上面的子視圖又是通過xib載入的)才會出現的。

8·cell相關。

(1)dequeueReusableCellWithIdentifier:identifier這個函數不調用並不能幫助你實現cell的不重用,僅需要在進行初始化的時候把reuseIdentifier賦值為nil即可,在這裡initWithFrame創建的cell應該就是預設reuseIdentifier為nil了,因為UITableViewCell的NS_DESIGNATED_INITIALIZER不在initWithFrame。

(2)UITableViewCell被點選的觸發操作,其實並非在cell內部實現手勢點擊,而是通過在UITableView裡面通過獲得當前點擊的位置,來判斷點擊的是哪一個cell,接著調用cell的setSelected:animated函數的。這樣做應該也是為了避免耦合吧。

(3)UITableViewCell的選中高亮。當選中cell的時候,你會發現cell上面的所有視圖,都變成了clearColor來讓cell的高亮背景色顯示出來,而當取消cell高亮的時候又會變回去,那麼這個問題出現了。這些子視圖的背景色被動了!那麼原本的背景色又被記錄在哪裡呢,需要複原的時候又能跑出來。

在這裡有2個思路:

·繼承UIColor來寫一個類,提供一個屬性,受記錄的顏色,當setBackgroundColor的時候碰到的是這個class,就用他記錄的顏色來設置顏色。每次要將所有子視圖都設置為clearColor的時候,就將這些子視圖的背景色都用這個類記錄下來。

·用一個容器存儲這些視圖對應的背景色,按鍵值對應,這裡的key則選用每個UIView的記憶體地址。

·UITableView使用了一個UIView的私有api來解決這個問題:-[UIView _descendent:willMoveFromSuperview:toSuperview:]。

很重要的一點是,當cell上面的willRemoveSubview被觸發時,如果當前cell呈被選中高亮狀態,他就會幫這個要被remove的子視圖回覆原有的背景色。

(4)UITableViewCell的layoutSubviews。一般來講cell上面的那些預設元素,titleLabel和刪除按鈕左右滑動的,很多時候是沒有用的。而一旦在UITableViewCell子類的layoutSubviews裡面有super layoutSubviews,也會照顧到這些預設視圖,實測中也會使cpu的占用率下滑幾個%。


MPTableView對UITableView的改進:

·提供了方法- (void)reloadDataAsyncWithCompletion:(void(^)(void))completion來進行非同步的載入cell高度,選擇了gcd的全局隊列去計算和緩存高度完了再主線程刷新tableview——在這個過程中,如果tableview先前還有內容顯示,那麼在這個非同步計算過程中,仍然可以滑動瀏覽原本的內容。

·修複了update動畫,特別針對UITableView的plain模式下,進行多路的insert/delete/reload操作之後,section的header/footer都會有很奇怪的運動軌跡(這個情況也發生在Mac OX下的NSTable組件)。同時提供了insert/delete等的自定義動畫方法。

·可以選擇強制在reload的時候,繼續重用之前產生的cell重用對象。UITableView的每次reload都會清除所有數據,可是很多時候,其實cell都是跟先前的一樣,這樣每次reload,無疑是多了刪除舊的cell和創建新的過程——而實際上可以使用舊的。

·多路的update操作支持,可以同時/延遲開啟多個update事務,並且設定不同時間、動畫狀態。

·同樣的子視圖樣式下,cpu的占用率一定會比UITableView來得低。在同樣的update操作下麵,cpu的占用率也更低。還有cell拖動模式下也是。

·以及其他的一些改進和新增api,可以在更低系統版本下使用新的api。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 《數據資產管理核心技術與應用》是清華大學出版社出版的一本圖書,全書共分10章,第1章主要讓讀者認識數據資產,瞭解數據資產相關的基礎概念,以及數據資產的發展情況。第2~8章主要介紹大數據時代數據資產管理所涉及的核心技術,內容包括元數據的採集與存儲、數據血緣、數據質量、數據監控與告警、數據服務、數據許可權 ...
  • 在當今數字化的時代,企業對於數據的管理和利用愈發重視,而構建全面的指標管理體系成為了企業提升數據價值、優化決策流程的關鍵環節。 構建完整的指標屬性體系 指標屬性體系是指標管理的核心,我們一般將指標屬性劃分為四類:基礎屬性、業務屬性、技術屬性和管理屬性。 基礎屬性:如指標名稱、編碼等。 業務屬性:如業 ...
  • 在實現用戶協議彈窗時,通常我們會想到使用系統自定義彈窗,併在彈窗中點擊跳轉到Web頁面。但在HarmonyOS中,由於系統彈窗的顯示優先順序高於其他組件,即使跳轉到Web頁面,彈窗依然會顯示在最上層。 為瞭解決這個問題,我們可以自定義一個組件來模擬彈窗,這樣當跳轉到Web頁面時,Web內容會覆蓋這個模 ...
  • 面向對象編程(OOP)是一種編程範式,它通過創建包含數據和方法的對象來組織代碼。相較於過程式編程,OOP 提供了更快更清晰的結構,有助於遵守 DRY(Don't Repeat Yourself)原則,使代碼更易於維護和擴展。在 Kotlin 中,類和對象是 OOP 的核心。類作為對象的模板,定義了對... ...
  • Kotlin中的迴圈結構讓你能輕鬆遍曆數組或範圍內的元素。使用`for`迴圈結合`in`操作符,可以簡潔地訪問數組中的每個項,如字元串數組或整數數組。對於範圍,可以用`..`來定義一系列連續的值併進行迭代。此外,Kotlin支持通過`break`和`continue`控制迴圈流程。函數則允許封裝可復... ...
  • 鴻蒙(Harmony) NEXT 9月份就要正式上架了,並且不會再相容安卓平臺,於是我也趕緊給App開發鴻蒙版本,接下來會寫一系列的Harmony開發教程。 今天使用AlphabetIndexer實現聯繫人字母索引,AlphabetIndexer是官方封裝好的組件 咱們實現後的效果圖: 代碼實現 首 ...
  • Kotlin的`when`表達式提供了一種比`if..else`更清晰的方式來選擇執行多個代碼塊之一,類似於Java的`switch`語句但更為強大和靈活。`while`迴圈允許在條件為真時重覆執行代碼塊,而`do..while`迴圈則保證至少執行一次。`break`和`continue`可用於控制... ...
  • Objective-C中,類的實例變數(instance variables)和屬性(properties)是兩種不同的概念,其中屬性的記憶體管理就較為複雜。Objective-C 提供了多種屬性修飾符,用於管理對象的記憶體。這些修飾符用於控制對象的生命周期和記憶體管理行為。 以下是一些常見的屬性修飾符及 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...