[發(fā)明專利]頁面視圖的加載方法、裝置、存儲介質(zhì)和電子設(shè)備

有效

• 申請?zhí)枺?/td>: 202011071321.2
• 申請日: 2020-10-09
• 公開（公告）號: CN111930442B
• 公開（公告）日: 2021-01-01
• 發(fā)明（設(shè)計(jì)）人: 何少寬
• 申請（專利權(quán)）人: 北京三快在線科技有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/451;G06F16/957
• 代理公司: 北京英創(chuàng)嘉友知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11447
• 代理人: 魏云鹿

本公開涉及一種頁面視圖的加載方法、裝置、存儲介質(zhì)和電子設(shè)備，該方法包括：在根據(jù)第一頁面數(shù)據(jù)生成目標(biāo)頁面的第一頁面視圖，并展示第一頁面視圖之后，獲取第一頁面數(shù)據(jù)，根據(jù)第一頁面數(shù)據(jù)進(jìn)行渲染，以生成緩存頁面視圖，根據(jù)緩存頁面視圖，獲取緩存數(shù)據(jù)，緩存數(shù)據(jù)包括：緩存圖像和緩存交互數(shù)據(jù)，響應(yīng)于針對目標(biāo)頁面的觸發(fā)指令，在顯示屏上展示緩存圖像，并獲取第二頁面數(shù)據(jù)，在根據(jù)第二頁面數(shù)據(jù)生成目標(biāo)頁面的第二頁面視圖之前，根據(jù)緩存交互數(shù)據(jù)，執(zhí)行接收到的交互指令。本公開通過使生成第一頁面視圖與生成緩存頁面視圖異步執(zhí)行，確保生成準(zhǔn)確的緩存圖像，并能夠在確保目標(biāo)頁面的展示速度的同時(shí)，實(shí)現(xiàn)用戶與緩存圖像之間的交互。

技術(shù)領(lǐng)域

本公開涉及圖像處理技術(shù)領(lǐng)域，具體地，涉及一種頁面視圖的加載方法、裝置、存儲介質(zhì)和電子設(shè)備。

背景技術(shù)

隨著終端技術(shù)的不斷發(fā)展，終端設(shè)備被廣泛應(yīng)用于人們生活的各個(gè)方面。在用戶使用終端設(shè)備上的App（英文：Application，中文：應(yīng)用程序）的過程中，為了提高用戶的使用體驗(yàn)，通常會對App頁面的展示進(jìn)行優(yōu)化。目前，主要是通過在生成目標(biāo)頁面的頁面視圖之前，先渲染一個(gè)緩存頁面視圖進(jìn)行展示，以提高目標(biāo)頁面的展示速度，降低用戶的等待時(shí)間。然后在生成目標(biāo)頁面的頁面視圖之后，用頁面視圖替換緩存頁面視圖，從而完成目標(biāo)頁面的最終展示。

相關(guān)技術(shù)中，通常是采用預(yù)設(shè)的兜底占位圖像（例如，灰色占位圖像）作為緩存頁面視圖，或通過預(yù)先緩存的上次生成目標(biāo)頁面的頁面視圖的頁面數(shù)據(jù)，來渲染緩存頁面視圖。采用兜底占位圖像作為緩存頁面視圖，用戶只能看到固定的兜底占位圖像，無法獲得有效信息，并且用戶無法與緩存頁面視圖進(jìn)行交互。而通過緩存的頁面數(shù)據(jù)來渲染緩存頁面視圖，雖然能夠?qū)崿F(xiàn)用戶與緩存頁面視圖之間的交互，但在緩存的數(shù)據(jù)量較大時(shí)會引發(fā)低效的I/O（英文：Input/Output，中文：輸入/輸出）操作，且對緩存的頁面數(shù)據(jù)渲染前需要重新測量、布局，增加了主線程的負(fù)荷，降低了目標(biāo)頁面的展示速度。

發(fā)明內(nèi)容

為了解決相關(guān)技術(shù)中存在的問題，本公開提供了一種頁面視圖的加載方法、裝置、存儲介質(zhì)和電子設(shè)備。

為了實(shí)現(xiàn)上述目的，根據(jù)本公開實(shí)施例的第一方面，提供一種頁面視圖的加載方法，所述方法包括：

在根據(jù)第一頁面數(shù)據(jù)生成目標(biāo)頁面的第一頁面視圖，并在終端設(shè)備的顯示屏上展示所述第一頁面視圖之后，獲取所述第一頁面數(shù)據(jù)；

根據(jù)所述第一頁面數(shù)據(jù)進(jìn)行渲染，以生成緩存頁面視圖；

根據(jù)所述緩存頁面視圖，獲取緩存數(shù)據(jù)，所述緩存數(shù)據(jù)包括：緩存圖像和緩存交互數(shù)據(jù)，所述緩存圖像為所述緩存頁面視圖所展示出的圖像，所述緩存交互數(shù)據(jù)用于指示所述緩存頁面視圖能夠執(zhí)行的交互操作；

響應(yīng)于針對所述目標(biāo)頁面的觸發(fā)指令，在所述顯示屏上展示所述緩存圖像，并獲取第二頁面數(shù)據(jù)；

在根據(jù)所述第二頁面數(shù)據(jù)生成所述目標(biāo)頁面的第二頁面視圖之前，根據(jù)所述緩存交互數(shù)據(jù)，執(zhí)行接收到的交互指令。

可選地，所述根據(jù)所述緩存頁面視圖，獲取緩存數(shù)據(jù)，包括：

對所述緩存頁面視圖進(jìn)行截圖，以得到所述緩存圖像；

根據(jù)所述緩存頁面視圖對應(yīng)的視圖樹，確定所述緩存交互數(shù)據(jù)。

可選地，在所述對所述緩存頁面視圖進(jìn)行截圖，以得到所述緩存圖像之前，所述根據(jù)所述緩存頁面視圖，獲取緩存數(shù)據(jù)，還包括：

若所述視圖樹中存在動態(tài)視圖元素，控制所述動態(tài)視圖元素靜態(tài)展示，所述動態(tài)視圖元素為動態(tài)圖像或視頻。

可選地，所述視圖樹包括至少一個(gè)視圖元素，所述根據(jù)所述緩存頁面視圖對應(yīng)的視圖樹，確定所述緩存交互數(shù)據(jù)，包括：

遍歷所述視圖樹，以獲取每個(gè)所述視圖元素的屬性信息，所述屬性信息包括：該視圖元素的位置；