[發明專利]列表項渲染方法、裝置、計算機程序產品和存儲介質

在審

• 申請號: 202111056518.3
• 申請日: 2021-09-09
• 公開（公告）號: CN113971026A
• 公開（公告）日: 2022-01-25
• 發明（設計）人: 杜俊達
• 申請（專利權）人: 北京房江湖科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京路浩知識產權代理有限公司 11002
• 代理人: 王治東

本發明提供一種列表項渲染方法、裝置、計算機程序產品和存儲介質，方法包括：在基于跨平臺用戶界面UI框架的應用中列表移動的情況下，在當前幀內渲染與至少兩個待渲染列表項對應的至少兩個占位視圖；其中，至少兩個待渲染列表項與至少兩個占位視圖一一對應；在從當前幀的下一幀開始的至少兩個幀內，分別對至少兩個占位視圖對應的至少兩個待渲染列表項進行渲染；其中，至少兩個幀與至少兩個占位視圖一一對應。本發明能夠降低列表在滾動過程中出現卡頓的概率，從而提升列表在滾動過程中的流暢度。

技術領域

本發明涉及計算機技術領域，尤其涉及一種列表項渲染方法、裝置、計算機程序產品和存儲介質。

背景技術

跨平臺用戶界面(UI)框架，比如Flutter(相應中文例如可翻譯為振動)，其內部采用2維向量圖形處理函數庫(Skia)引擎框架直接繪制UI，不需要借助安卓(Android)、IOS移動操作系統和網頁(Web)等平臺的組件能力。開發者基于Flutter可以開發跨平臺的移動應用，即開發者只需要針對移動應用開發一套代碼，該移動應用可以在Android、IOS和Web等平臺運行。

現有技術中，在Flutter不借助Android、IOS和Web等平臺的組件能力的情況下，在一些列表滾動的過程中，Flutter會在一幀內同時渲染多個列表項；但是，當列表項比較復雜時，會存在滾動過程中某一幀構建耗時過長，導致滑動過程中出現卡頓的問題。

發明內容

本發明提供一種列表項渲染方法、裝置、計算機程序產品和存儲介質，用以解決現有技術中列表滾動過程中出現卡頓的缺陷，實現降低列表在滾動的過程中出現卡頓的概率，提升列表在滾動過程中的流暢度。

本發明提供一種列表項渲染方法，包括：

在基于跨平臺用戶界面UI框架的應用中列表移動的情況下，在當前幀內渲染與至少兩個待渲染列表項對應的至少兩個占位視圖；其中，所述至少兩個待渲染列表項與所述至少兩個占位視圖一一對應；

在從所述當前幀的下一幀開始的至少兩個幀內，分別對所述至少兩個占位視圖對應的至少兩個待渲染列表項進行渲染；其中，所述至少兩個幀與所述至少兩個占位視圖一一對應。

根據本發明提供的一種列表項渲染方法，所述在從所述當前幀的下一幀開始的至少兩個幀內，分別對所述至少兩個占位視圖對應的至少兩個待渲染列表項進行渲染，包括：

在任務隊列中添加所述至少兩個占位視圖對應的至少兩個任務；其中，所述至少兩個任務與所述至少兩個占位視圖一一對應；所述至少兩個占位視圖對應的至少兩個任務，包括渲染所述至少兩個占位視圖對應的至少兩個待渲染列表項的操作；

在從所述當前幀的下一幀開始的至少兩個幀內，分別調度并執行所述任務隊列中的所述至少兩個任務。

根據本發明提供的一種列表項渲染方法，所述在任務隊列中添加所述至少兩個占位視圖對應的至少兩個任務，包括：

在所述任務隊列中任務數量小于隊列最大容量的情況下，在所述任務隊列中添加所述至少兩個占位視圖中的一個占位視圖對應的任務；

或者，在所述任務隊列中任務數量等于隊列最大容量、且所述隊列最大容量小于應用界面上可顯示的列表項數量的情況下，將所述隊列最大容量更新為所述應用界面上可顯示的列表項數量；在所述任務隊列中添加所述至少兩個占位視圖中的一個占位視圖對應的任務；

或者，在所述任務隊列中任務數量等于隊列最大容量、且所述隊列最大容量大于或等于應用界面上可顯示的列表項數量的情況下，從所述任務隊列中移除至少一個任務；在所述任務隊列中添加所述至少兩個占位視圖中的一個占位視圖對應的任務。

根據本發明提供的一種列表項渲染方法，所述在從所述當前幀的下一幀開始的至少兩個幀內，分別調度并執行所述任務隊列中的所述至少兩個任務，包括：