【技術實現步驟摘要】
本申請涉及終端，尤其涉及一種界面顯示方法、電子設備及可讀存儲介質。
技術介紹
1、瀏覽器應用程序，作為智能手機、筆記本電腦等電子設備中必備的一款軟件。當用戶使用瀏覽器打開某一個頁面時，瀏覽器內核就會開啟一個新的進程，經過構建文檔對象模型(document?object?model，dom)樹、樣式計算和布局、分層、圖層繪制、圖層分塊、光柵化、繪制圖塊命令的渲染過程對與瀏覽器窗口對應的顯示資源進行渲染，之后對渲染后的顯示資源進行合成處理以使顯示資源展示在瀏覽器窗口中。
2、然而，當用戶對瀏覽器窗口的大小進行了調節，那么瀏覽器內核就需要對調節后的瀏覽器窗口內的顯示資源進行重新渲染，再對重新渲染后的顯示資源進行合成處理，以在調節后的瀏覽器窗口顯示對應資源。由于用戶對瀏覽器窗口進行調節后，瀏覽器內核還需花費一定的時間對調節后的與瀏覽器窗口的尺寸對應的顯示資源進行重新渲染顯示。故在瀏覽器窗口調節后，與瀏覽器窗口對應的顯示資源無法及時顯示，產生顯示資源顯示不全、空白或者畫面卡頓的問題。
技術實現思路
1、本申請提供一種界面顯示方法、電子設備及可讀存儲介質，一定程度上解決了對電子設備顯示的窗口調節后，因顯示資源渲染花費的時間較長導致的顯示資源顯示不全、空白或者畫面卡頓的情況，提高了圖像顯示性能。
2、為達到上述目的，本申請采用如下技術方案：
3、第一方面，本申請提供一種界面顯示方法，應用于電子設備，該方法包括：顯示應用的第一窗口，第一窗口包括對應第一顯示資源的
4、本申請提供的界面顯示方法，在對第一窗口執行放大操作后，首先在放大后的第二窗口內顯示包括有第二顯示資源和骨架屏的第二界面，而后，在與骨架屏對應的第三顯示資源渲染完成后，再在放大后的第二窗口內顯示包括有第二顯示資源和第三顯示資源的第三界面。基于上述方法，在用戶對電子設備顯示的窗口進行調節后，即可在調節后的窗口中顯示第三界面的完整顯示資源前，優先查看到包括有骨架屏的第二界面，有效減少窗口調節后至完整顯示資源展示前的白屏顯示時間，提升了用戶體驗。
5、應理解，本申請各實施例提供的界面顯示方法，電子設備可以基于瀏覽器類型的應用來執行。該瀏覽器類型的應用可以包括各種能夠實現網頁瀏覽的應用或者基于web內核封裝的應用，而不必局限于傳統的瀏覽器(browser)。例如：該應用可以包括即時通信的應用等。
6、在第一方面的一種可能的實施方式中，在第二窗口內顯示第二界面，包括：獲取已完成渲染的第二顯示資源對應的第一光柵化資源和骨架屏對應的第二光柵化資源。對第一光柵化資源和第二光柵化資源進行合成，得到第二界面；在第二窗口內顯示第二界面。
7、在第一方面的一種可能的實施方式中，骨架屏對應的第二光柵化資源的獲取方法，包括：確定第三顯示資源對應的文檔對象模型dom樹；確定dom樹中的可見元素節點；根據預設的填充色彩對可見元素節點進行填充和光柵化處理，得到第二光柵化資源。
8、在第一方面的一種可能的實施方式中，上述方法還包括：當第三顯示資源未在預設時間內完成渲染，則在第二窗口內顯示第四界面，第四界面包括在預設時間內已完成渲染的第四顯示資源和第二顯示資源，第四顯示資源為第三顯示資源中完成渲染的部分顯示資源。當第三顯示資源在預設時間之后完成渲染，則在第二窗口內顯示第三界面。
9、基于上述可能的實施方式，在預設時間內第三顯示資源仍然未渲染完成，那么可以顯示與放大后的第二窗口對應的第三界面前，利用在預設時間內已經渲染完成第四顯示資源和第二顯示資源顯示第四界面，進一步減少窗口調節后至完整顯示資源展示前的白屏顯示時間，避免了因第三顯示資源未渲染完成而產生白屏的情況，提升了用戶體驗。
10、在第一方面的一種可能的實施方式中，當第三顯示資源完成渲染后，在第二窗口內顯示第三界面，包括：當第三顯示資源在預設時間內完成渲染，則在第二窗口內顯示第三界面。
11、在第一方面的一種可能的實施方式中，第三顯示資源包括圖片和文本；骨架屏包括對應第三顯示資源的圖片元素和文本元素；骨架屏的布局與第三顯示資源的布局一致。
12、第二方面，本申請提供一種電子設備，包括：處理器和顯示器，顯示器被配置為顯示應用的第一窗口，第一窗口包括對應第一顯示資源的第一界面；處理器被配置為響應于對第一窗口的放大操作，通過顯示器顯示應用的第二窗口，第二窗口的尺寸大于第一窗口的尺寸；通過顯示器在第二窗口內顯示第二界面，第二界面包括對應第三顯示資源的骨架屏和已完成渲染的第二顯示資源，第二顯示資源包括第一顯示資源。當第三顯示資源完成渲染后，通過顯示器在第二窗口內顯示第三界面，第三界面包括第二顯示資源和第三顯示資源。
13、在第二方面的一種可能的實施方式中，處理器被配置為：獲取已完成渲染的第二顯示資源對應的第一光柵化資源和骨架屏對應的第二光柵化資源。對第一光柵化資源和第二光柵化資源進行合成，得到第二界面；以通過顯示器在第二窗口內顯示第二界面。
14、在第二方面的一種可能的實施方式中，處理器具體被配置為：確定第三顯示資源對應的文檔對象模型dom樹；確定dom樹中的可見元素節點；根據預設的填充色彩對可見元素節點進行填充和光柵化處理，得到第二光柵化資源。
15、在第二方面的一種可能的實施方式中，處理器被配置為：當第三顯示資源未在預設時間內完成渲染，則通過顯示器在第二窗口內顯示第四界面，第四界面包括在預設時間內已完成渲染的第四顯示資源和第二顯示資源，第四顯示資源為第三顯示資源中完成渲染的部分顯示資源。當第三顯示資源在預設時間之后完成渲染，則通過顯示器在第二窗口內顯示第三界面。
16、在第二方面的一種可能的實施方式中，處理器被配置為當第三顯示資源在預設時間內完成渲染，則通過顯示器在第二窗口內顯示第三界面。
17、在第二方面的一種可能的實施方式中，第三顯示資源包括圖片和文本；骨架屏包括對應第三顯示資源的圖片元素和文本元素；骨架屏的布局與第三顯示資源的布局一致。
18、第三方面，本申請提供一種芯片系統，芯片系統包括處理器，處理器執行存儲器中存儲的計算機程序，以實現第一方面的任一可能的實現方式中的方法。
19、第四方面，本申請提供一種計算機可讀存儲介質，計算機可讀存儲介質存儲有計算機程序，計算機程序被處理器執行時實現第一方面的任一可能的實現方式中的方法。
20、第五方面，本申請提供一種計算機程序產品，計算機程序產品包括計算機指令，當計算機指令在電子設備上運行時，使得電子設備執行第一方面的任一可能的實現方式中的方法。
21、本申請提本文檔來自技高網...
【技術保護點】
1.一種界面顯示方法，應用于電子設備，其特征在于，所述方法包括：
2.根據權利要求1所述的方法，其特征在于，所述在所述第二窗口內顯示第二界面，包括：
3.根據權利要求2所述的方法，其特征在于，所述骨架屏對應的所述第二光柵化資源的獲取方法，包括：
4.根據權利要求1至3任一項所述的方法，其特征在于，所述方法還包括：
5.根據權利要求1至4任一項所述的方法，其特征在于，所述當所述第三顯示資源完成渲染后，在所述第二窗口內顯示第三界面，包括：
6.根據權利要求1至5任一項所述的方法，其特征在于，所述第三顯示資源包括圖片和文本；所述骨架屏包括對應所述第三顯示資源的圖片元素和文本元素；所述骨架屏的布局與所述第三顯示資源的布局一致。
7.一種電子設備，其特征在于，包括：處理器和顯示器，所述顯示器被配置為顯示應用的第一窗口，所述第一窗口包括對應第一顯示資源的第一界面；
8.根據權利要求7所述的電子設備，其特征在于，所述處理器被配置為：
9.根據權利要求8所述的電子設備，其特征在于，所述處理器具體被配置
10.根據權利要求7至9任一項所述的電子設備，其特征在于，所述處理器被配置為：
11.根據權利要求7至10任一項所述的電子設備，其特征在于，所述處理器被配置為當所述第三顯示資源在預設時間內完成渲染，則通過所述顯示器在所述第二窗口內顯示所述第三界面。
12.根據權利要求7至11任一項所述的電子設備，其特征在于，所述第三顯示資源包括圖片和文本；所述骨架屏包括對應所述第三顯示資源的圖片元素和文本元素；所述骨架屏的布局與所述第三顯示資源的布局一致。
13.一種計算機可讀存儲介質，其特征在于，所述計算機可讀存儲介質存儲有計算機程序，所述計算機程序被處理器執行時實現如權利要求1至6任一項所述的方法。
...【技術特征摘要】
1.一種界面顯示方法，應用于電子設備，其特征在于，所述方法包括：
2.根據權利要求1所述的方法，其特征在于，所述在所述第二窗口內顯示第二界面，包括：
3.根據權利要求2所述的方法，其特征在于，所述骨架屏對應的所述第二光柵化資源的獲取方法，包括：
4.根據權利要求1至3任一項所述的方法，其特征在于，所述方法還包括：
5.根據權利要求1至4任一項所述的方法，其特征在于，所述當所述第三顯示資源完成渲染后，在所述第二窗口內顯示第三界面，包括：
6.根據權利要求1至5任一項所述的方法，其特征在于，所述第三顯示資源包括圖片和文本；所述骨架屏包括對應所述第三顯示資源的圖片元素和文本元素；所述骨架屏的布局與所述第三顯示資源的布局一致。
7.一種電子設備，其特征在于，包括：處理器和顯示器，所述顯示器被配置為顯示應用的第一窗口，所述第一窗口包括對應第一顯示資源...
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。