[發明專利]渲染方法、裝置、電子設備及存儲介質

在審

• 申請號: 202110093209.7
• 申請日: 2021-01-25
• 公開（公告）號: CN112417346A
• 公開（公告）日: 2021-02-26
• 發明（設計）人: 崔寶秋;吳華;王瑞端
• 申請（專利權）人: 北京小米移動軟件有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京法勝知識產權代理有限公司 11922
• 代理人: 戎鄭華

本公開關于一種渲染方法、裝置、電子設備及存儲介質，其中，方法包括：獲取當前視口之中頁面元素的狀態，其中，頁面元素對應一個渲染對象集合，且渲染對象集合之中包括多個渲染對象；如果頁面元素的狀態為預設狀態，則從多個渲染對象之中選擇部分渲染對象；以及根據選擇的部分渲染對象生成頁面元素的預覽視圖，并顯示在當前視口之中。該方法在頁面元素的狀態為預設狀態時，從頁面元素對應的多個渲染對象之中選擇部分渲染對象，以根據部分渲染對象將頁面元素進行顯示，有利于在降低流量消耗的基礎上，提高頁面元素的顯示的可靠性，改善用戶的觀看效果。

技術領域

本公開涉及互聯網技術領域，尤其涉及一種渲染方法、裝置、電子設備及存儲介質。

背景技術

目前，隨著電子設備，例如智能設備功能的不斷強大，對于智能設備的功能要求也越來越多，因此智能設備所需要顯示的頁面內容也越來越多，越來越豐富。然而，頁面內容的豐富也會帶來加載時間長等問題。

相關技術之中，在頁面被渲染之后，且在頁面的滑動過程之中，不停的有新的渲染對象進入到當前視口，如果頁面一直處于滑動狀態，頁面元素則以占位圖的方式進行添加，因此就會導致頁面元素的顯示可靠性較低、用戶觀感較差，影響用戶觀看效果。

發明內容

本公開旨在至少在一定程度上解決相關技術中的技術問題之一。

為此，本公開提出了如下技術方案。

本公開第一方面實施例提出了一種渲染方法，包括：獲取當前視口之中頁面元素的狀態，其中，所述頁面元素對應一個渲染對象集合，且所述渲染對象集合之中包括多個渲染對象；如果所述頁面元素的狀態為預設狀態，則從所述多個渲染對象之中選擇部分渲染對象；以及根據選擇的部分渲染對象生成所述頁面元素的預覽視圖，并顯示在所述當前視口之中。

另外，根據本公開上述實施例的渲染方法還可以具有如下附加的技術特征。

根據本公開的一個實施例，渲染方法，還包括：如果所述頁面元素的狀態不為預設狀態，則根據所述渲染對象集合之中的多個渲染對象生成所述頁面元素的正常視圖，并顯示在所述當前視口之中。

根據本公開的一個實施例，所述多個渲染對象包括內容渲染對象和多個屬性渲染對象，所述多個屬性渲染對象包括：顯示效果處理渲染對象、操作處理渲染對象、動畫處理渲染對象、布局渲染對象之中的多種。

根據本公開的一個實施例，所述從所述多個渲染對象之中選擇部分渲染對象，包括：將所述布局渲染對象作為選擇的部分渲染對象。

根據本公開的一個實施例，述頁面元素對應的所述渲染對象集合通過以下步驟獲得：獲取待處理頁面的數據；從所述待處理頁面的數據之中提取多個頁面元素；分別獲得每個所述頁面元素的內容和多個屬性；根據每個所述頁面元素的內容和多個屬性生成每個所述頁面元素對應的渲染對象集合。

根據本公開的一個實施例，所述根據每個所述頁面元素的內容和多個屬性生成每個所述頁面元素對應的渲染對象集合，包括：根據所述頁面元素的內容生成內容渲染對象，并將所述內容渲染對象添加至所述渲染對象集合；根據所述頁面元素的多個屬性生成所述頁面元素的多個屬性渲染對象，并將所述頁面元素的多個屬性渲染對象添加至所述渲染對象集合。

根據本公開的一個實施例，渲染方法，還包括：根據所述多個頁面元素對應的多個所述渲染對象集合生成渲染樹；根據所述渲染樹進行渲染。

根據本公開的一個實施例，所述根據所述多個頁面元素對應的多個所述渲染對象集合生成渲染樹，包括：獲取所述多個屬性和所述內容渲染對象分別對應的等級；根據所述多個屬性對應的等級和所述內容渲染對象的等級，對所述頁面元素對應的所述渲染對象集合之中的多個渲染對象進行排序；根據每個所述渲染對象集合之中排序后的多個渲染對象，生成每個所述渲染對象集合所對應的渲染對象子樹；以及根據所述多個渲染對象集合分別所對應的多個渲染對象子樹生成所述渲染樹。