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 8、WPF、Prism.DryIoc、MVVM設計模式、Blazor以及MySQL資料庫構建的企業級工作流系統的WPF客戶端框架-AIStudio.Wpf.AClient 6.0。 項目介紹 框架採用了 Prism 框架來實現 MVVM 模式,不僅簡化了 MVVM 的典型 ...
  • 先看一下效果吧: 我們直接通過改造一下原版的TreeView來實現上面這個效果 我們先創建一個普通的TreeView 代碼很簡單: <TreeView> <TreeViewItem Header="人事部"/> <TreeViewItem Header="技術部"> <TreeViewItem He ...
  • 1. 生成式 AI 簡介 https://imp.i384100.net/LXYmq3 2. Python 語言 https://imp.i384100.net/5gmXXo 3. 統計和 R https://youtu.be/ANMuuq502rE?si=hw9GT6JVzMhRvBbF 4. 數 ...
  • 本文為大家介紹下.NET解壓/壓縮zip文件。雖然解壓縮不是啥核心技術,但壓縮性能以及進度處理還是需要關註下,針對使用較多的zip開源組件驗證,給大家提供個技術選型參考 之前在《.NET WebSocket高併發通信阻塞問題 - 唐宋元明清2188 - 博客園 (cnblogs.com)》講過,團隊 ...
  • 之前寫過兩篇關於Roslyn源生成器生成源代碼的用例,今天使用Roslyn的代碼修複器CodeFixProvider實現一個cs文件頭部註釋的功能, 代碼修複器會同時涉及到CodeFixProvider和DiagnosticAnalyzer, 實現FileHeaderAnalyzer 首先我們知道修 ...
  • 在軟體行業,經常會聽到一句話“文不如表,表不如圖”說明瞭圖形在軟體應用中的重要性。同樣在WPF開發中,為了程式美觀或者業務需要,經常會用到各種個樣的圖形。今天以一些簡單的小例子,簡述WPF開發中幾何圖形(Geometry)相關內容,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 在 C# 中使用 RabbitMQ 通過簡訊發送重置後的密碼到用戶的手機號上,你可以按照以下步驟進行 1.安裝 RabbitMQ 客戶端庫 首先,確保你已經安裝了 RabbitMQ 客戶端庫。你可以通過 NuGet 包管理器來安裝: dotnet add package RabbitMQ.Clien ...
  • 1.下載 Protocol Buffers 編譯器(protoc) 前往 Protocol Buffers GitHub Releases 頁面。在 "Assets" 下找到適合您系統的壓縮文件,通常為 protoc-{version}-win32.zip 或 protoc-{version}-wi ...
  • 簡介 在現代微服務架構中,服務發現(Service Discovery)是一項關鍵功能。它允許微服務動態地找到彼此,而無需依賴硬編碼的地址。以前如果你搜 .NET Service Discovery,大概率會搜到一大堆 Eureka,Consul 等的文章。現在微軟為我們帶來了一個官方的包:Micr ...
  • ZY樹洞 前言 ZY樹洞是一個基於.NET Core開發的簡單的評論系統,主要用於大家分享自己心中的感悟、經驗、心得、想法等。 好了,不賣關子了,這個項目其實是上班無聊的時候寫的,為什麼要寫這個項目呢?因為我單純的想吐槽一下工作中的不滿而已。 項目介紹 項目很簡單,主要功能就是提供一個簡單的評論系統 ...