本技術(shù)涉及計算機，特別涉及一種界面顯示方法、電子設(shè)備和存儲介質(zhì)。

背景技術(shù)：

1、隨著計算機技術(shù)的不斷發(fā)展，諸如手機、平板電腦、折疊屏手機等電子設(shè)備越來越普及，給人們的日常生活帶來了極大的便利。用戶可以在電子設(shè)備中安裝各種應(yīng)用程序來實現(xiàn)相應(yīng)的功能。然而，目前大部分應(yīng)用程序的界面均是針對普通手機設(shè)計的，對于平板電腦、折疊屏手機等大屏設(shè)備往往適配不佳，也即，這些應(yīng)用程序的界面在大屏設(shè)備上往往難以取得較好的顯示效果，這會影響用戶的使用體驗。

技術(shù)實現(xiàn)思路

1、本技術(shù)提供了一種界面顯示方法、電子設(shè)備和存儲介質(zhì)，可以提高界面顯示效果和用戶使用體驗。所述技術(shù)方案如下：

2、第一方面，提供了一種界面顯示方法。在該方法中，電子設(shè)備接收第一界面顯示指令，第一界面顯示指令用于指示顯示目標(biāo)應(yīng)用程序的第一界面。在電子設(shè)備處于大屏狀態(tài)且第一界面的界面標(biāo)識為第一預(yù)設(shè)界面標(biāo)識的情況下，根據(jù)第一界面對應(yīng)的第一預(yù)設(shè)布局規(guī)則調(diào)整第一界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)，以使第一界面的視覺元素布局與電子設(shè)備的大屏狀態(tài)相匹配。之后，根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)顯示第一界面。

3、電子設(shè)備具有兩種屏幕狀態(tài)，一種可以稱為小屏狀態(tài)，另一種可以稱為大屏狀態(tài)。小屏狀態(tài)是指與普通手機的屏幕比例(即屏幕寬高比)相近的狀態(tài)。大屏狀態(tài)是指與普通手機的屏幕比例差異較大的狀態(tài)。比如，若電子設(shè)備為平板電腦，則平板電腦的豎屏模式可稱為小屏狀態(tài)，平板電腦的橫屏模式可稱為大屏狀態(tài)。若電子設(shè)備為折疊屏設(shè)備，則折疊屏設(shè)備的折疊態(tài)可稱為小屏狀態(tài)，折疊屏設(shè)備的展開態(tài)可稱為大屏狀態(tài)。

4、目標(biāo)應(yīng)用程序可以是電子設(shè)備安裝的應(yīng)用程序中的任一應(yīng)用程序，具體可以是電子設(shè)備安裝的應(yīng)用程序中具有界面適配需求的應(yīng)用程序。示例地，目標(biāo)應(yīng)用程序可以是購物應(yīng)用程序、瀏覽器應(yīng)用程序等應(yīng)用程序。比如，在目標(biāo)應(yīng)用程序為購物應(yīng)用程序時，第一界面可以為購物應(yīng)用程序的首頁或商品詳情頁。

5、第一預(yù)設(shè)界面標(biāo)識可以預(yù)先進行設(shè)置。第一預(yù)設(shè)界面標(biāo)識的數(shù)量可以為一個或多個。第一預(yù)設(shè)界面標(biāo)識所標(biāo)識的界面為在電子設(shè)備的大屏狀態(tài)下具有界面適配需求的界面。在本技術(shù)中，第一預(yù)設(shè)界面標(biāo)識所標(biāo)識的界面在顯示時，可通過調(diào)整其視覺元素布局以使其與電子設(shè)備的大屏狀態(tài)相匹配。

6、一個界面的視覺元素布局與電子設(shè)備的大屏狀態(tài)相匹配是指，在電子設(shè)備的大屏狀態(tài)下，這個界面的視覺元素布局可以在保證界面顯示美觀度的情況下，還能盡可能多的顯示界面內(nèi)容，以提高界面顯示效果和用戶使用體驗，并充分發(fā)揮電子設(shè)備的大屏狀態(tài)的視野優(yōu)勢。

7、在本技術(shù)中，對于目標(biāo)應(yīng)用程序中的第一界面，在電子設(shè)備不處于大屏狀態(tài)的情況下電子設(shè)備可以直接根據(jù)第一界面的原始界面數(shù)據(jù)顯示第一界面。在電子設(shè)備處于大屏狀態(tài)，但第一界面的界面標(biāo)識不為第一預(yù)設(shè)界面標(biāo)識，即第一界面不為特定界面的情況下，依舊根據(jù)第一界面的原始界面數(shù)據(jù)顯示第一界面。只有在電子設(shè)備處于大屏狀態(tài)且第一界面為特定界面的情況下才根據(jù)第一預(yù)設(shè)布局規(guī)則自動調(diào)整第一界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)，并根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)顯示第一界面，以使第一界面的視覺元素布局與電子設(shè)備的大屏狀態(tài)相匹配。如此，僅對于目標(biāo)應(yīng)用程序中有界面適配需求的特定界面在大屏狀態(tài)下進行視覺元素布局的調(diào)整，對于其他界面仍按照普通方式進行顯示，從而可以靈活實現(xiàn)目標(biāo)應(yīng)用程序中界面的顯示，提高了目標(biāo)應(yīng)用程序的使用體驗。并且，通過調(diào)整大屏狀態(tài)下目標(biāo)應(yīng)用程序中的特定界面的視覺元素布局，可以在保證特定界面的界面顯示效果的同時盡可能多的顯示界面內(nèi)容，從而可以充分發(fā)揮電子設(shè)備的大屏狀態(tài)的視野優(yōu)勢，提高用戶使用體驗。

8、可選地，第一界面的上層顯示有第一調(diào)整控件，第一調(diào)整控件用于調(diào)整第一界面的界面顯示比例，即調(diào)整第一界面所在的顯示區(qū)域的大小。

9、這種情況下，電子設(shè)備在根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)顯示第一界面之后，還可以響應(yīng)于對第一調(diào)整控件的觸發(fā)操作，確定第一界面的界面顯示比例；根據(jù)第一界面的界面顯示比例獲取第一界面對應(yīng)的第二預(yù)設(shè)布局規(guī)則；根據(jù)第二預(yù)設(shè)布局規(guī)則調(diào)整第一界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)；根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)顯示第一界面。

10、在本技術(shù)中，電子設(shè)備在顯示第一界面的同時，還可以在第一界面的上層顯示第一調(diào)整控件，用戶可以通過第一調(diào)整控件來調(diào)整第一界面的顯示大小。具體來講，電子設(shè)備在檢測到對第一調(diào)整控件的觸發(fā)操作時，可以確定第一界面的界面顯示比例，然后根據(jù)該界面顯示比例獲取第一界面對應(yīng)的第二預(yù)設(shè)布局規(guī)則，之后，可以根據(jù)第二預(yù)設(shè)布局規(guī)則調(diào)整第一界面的視覺元素布局，以使第一界面的視覺元素布局與該界面顯示比例對應(yīng)的顯示區(qū)域相匹配。如此，在該顯示區(qū)域顯示第一界面時，第一界面的視覺元素布局可以在保證界面顯示美觀度的情況下，還能盡可能多的顯示界面內(nèi)容，從而可以提高界面顯示效果和用戶使用體驗。

11、可選地，電子設(shè)備還可以在第一界面中接收第二界面顯示指令，第二界面顯示指令用于指示顯示目標(biāo)應(yīng)用程序的第二界面；在電子設(shè)備處于大屏狀態(tài)且第二界面的界面標(biāo)識為第二預(yù)設(shè)界面標(biāo)識的情況下，根據(jù)第一界面的界面數(shù)據(jù)在第一顯示區(qū)域顯示第一界面，且根據(jù)第二界面的界面數(shù)據(jù)在第二顯示區(qū)域顯示第二界面。

12、在本技術(shù)中，電子設(shè)備根據(jù)第一界面的界面數(shù)據(jù)在第一顯示區(qū)域顯示第一界面，且根據(jù)第二界面的界面數(shù)據(jù)在第二顯示區(qū)域顯示第二界面后，電子設(shè)備同時顯示有第一界面和第二界面。這種情況下用戶可以同時瀏覽和操作這兩個界面。并且，相比于電子設(shè)備在大屏狀態(tài)下全屏顯示時的寬高比，第一顯示區(qū)域的寬高比和第二顯示區(qū)域的寬高比更為接近普通手機的屏幕寬高比，因而第一界面和第二界面同時顯示時更為協(xié)調(diào)和美觀。如此可以提高用戶的使用體驗。

13、可選地，第一顯示區(qū)域與第二顯示區(qū)域之間的邊界線上顯示有第二調(diào)整控件，第二調(diào)整控件用于調(diào)整第一界面和第二界面的界面顯示比例，即調(diào)整第一顯示區(qū)域和第二顯示區(qū)域的大小。

14、這種情況下，電子設(shè)備根據(jù)第一界面的界面數(shù)據(jù)在第一顯示區(qū)域顯示第一界面，且根據(jù)第二界面的界面數(shù)據(jù)在第二顯示區(qū)域顯示第二界面之后，還可以響應(yīng)于對第二調(diào)整控件的觸發(fā)操作，確定第一界面的界面顯示比例和第二界面的界面顯示比例；根據(jù)第一界面的界面顯示比例獲取第一界面對應(yīng)的第三預(yù)設(shè)布局規(guī)則，根據(jù)第二界面的界面顯示比例獲取第二界面對應(yīng)的第四預(yù)設(shè)布局規(guī)則；根據(jù)第三預(yù)設(shè)布局規(guī)則調(diào)整第一界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)，根據(jù)第四預(yù)設(shè)布局規(guī)則調(diào)整第二界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)；根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)在第一顯示區(qū)域顯示第一界面，根據(jù)第二界面的調(diào)整后的界面數(shù)據(jù)在第二顯示區(qū)域顯示第二界面。

15、在本技術(shù)中，電子設(shè)備不僅可以同時顯示第一界面和第二界面，還可以允許用戶調(diào)整第一界面和第二界面的顯示大小。具體來講，電子設(shè)備在檢測到對第二調(diào)整控件的觸發(fā)操作時，可以確定第一界面和第二界面的界面顯示比例，據(jù)此可以確定第一界面對應(yīng)的第三預(yù)設(shè)布局規(guī)則和第二界面對應(yīng)的第四預(yù)設(shè)布局規(guī)則，之后，可以根據(jù)第三預(yù)設(shè)布局規(guī)則調(diào)整第一界面的視覺元素布局，以使第一界面的視覺元素布局與第一顯示區(qū)域相匹配，并且，可以根據(jù)第四預(yù)設(shè)布局規(guī)則調(diào)整第二界面的視覺元素布局，以使第二界面的視覺元素布局與第二顯示區(qū)域相匹配。如此，在第一顯示區(qū)域顯示第一界面以及在第二顯示區(qū)域顯示第二界面時，第一界面和第二界面的視覺元素布局可以在保證界面顯示美觀度的情況下，還能盡可能多的顯示界面內(nèi)容，從而可以提高界面顯示效果和用戶使用體驗。

16、可選地，電子設(shè)備根據(jù)第一界面的界面顯示比例獲取第一界面對應(yīng)的第三預(yù)設(shè)布局規(guī)則，根據(jù)第二界面的界面顯示比例獲取第二界面對應(yīng)的第四預(yù)設(shè)布局規(guī)則的操作可以為：若第一界面的界面顯示比例和第二界面的界面顯示比例均大于或等于界面顯示比例閾值，則根據(jù)第一界面的界面顯示比例獲取第一界面對應(yīng)的第三預(yù)設(shè)布局規(guī)則，根據(jù)第二界面的界面顯示比例獲取第二界面對應(yīng)的第四預(yù)設(shè)布局規(guī)則。

17、若第一界面和第二界面中的一個界面的界面顯示比例小于界面顯示比例閾值，則重新確定另一個界面的界面顯示比例為100％，根據(jù)該另一個界面的界面顯示比例獲取該另一個界面對應(yīng)的預(yù)設(shè)布局規(guī)則；根據(jù)該另一個界面對應(yīng)的預(yù)設(shè)布局規(guī)則調(diào)整該另一個界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)；根據(jù)該另一個界面的調(diào)整后的界面數(shù)據(jù)顯示該另一個界面。

18、在本技術(shù)中，用戶可以通過第二調(diào)整控件，簡單快速的從雙界面顯示切換為單界面顯示，如此提供了一種快捷切換方式，可以更好的滿足用戶所需，提高用戶的使用體驗。

19、第二方面，提供了一種界面顯示方法，應(yīng)用于電子設(shè)備，電子設(shè)備安裝有目標(biāo)應(yīng)用程序，電子設(shè)備的應(yīng)用程序框架層包括布局管理器和視圖系統(tǒng)。在該方法中，目標(biāo)應(yīng)用程序接收到第一界面顯示指令后，向布局管理器發(fā)送第一界面的原始界面數(shù)據(jù)，第一界面顯示指令用于指示顯示目標(biāo)應(yīng)用程序的第一界面。布局管理器接收到第一界面的原始界面數(shù)據(jù)后，在電子設(shè)備處于大屏狀態(tài)且第一界面的界面標(biāo)識為第一預(yù)設(shè)界面標(biāo)識的情況下，根據(jù)第一界面對應(yīng)的第一預(yù)設(shè)布局規(guī)則調(diào)整第一界面的原始界面數(shù)據(jù)中的視覺元素布局數(shù)據(jù)，以使第一界面的視覺元素布局與大屏狀態(tài)相匹配，然后布局管理器向視圖系統(tǒng)發(fā)送第一界面的調(diào)整后的界面數(shù)據(jù)。視圖系統(tǒng)接收到第一界面的調(diào)整后的界面數(shù)據(jù)后，根據(jù)第一界面的調(diào)整后的界面數(shù)據(jù)顯示第一界面。

20、在本技術(shù)中，可以在應(yīng)用程序框架層自動調(diào)整第一界面的視覺元素布局，如此可以在目標(biāo)應(yīng)用程序無感知的情況下實現(xiàn)界面的自動適配。這種情況下無需針對目標(biāo)應(yīng)用程序?qū)ｉT開發(fā)與電子設(shè)備適配的界面，從而可以節(jié)省應(yīng)用開發(fā)成本。

21、第三方面，提供了一種界面顯示裝置，所述界面顯示裝置具有實現(xiàn)上述第一方面或第二方面中界面顯示方法行為的功能。所述界面顯示裝置包括至少一個模塊，所述至少一個模塊用于實現(xiàn)上述第一方面或第二方面所提供的界面顯示方法。

22、第四方面，提供了一種電子設(shè)備，所述電子設(shè)備的結(jié)構(gòu)中包括處理器和存儲器，所述存儲器用于存儲支持所述電子設(shè)備執(zhí)行上述第一方面或第二方面所提供的界面顯示方法的程序，以及存儲用于實現(xiàn)上述第一方面或第二方面所述的界面顯示方法所涉及的數(shù)據(jù)。所述處理器被配置為用于執(zhí)行所述存儲器中存儲的程序。所述電子設(shè)備還可以包括通信總線，所述通信總線用于在所述處理器與所述存儲器之間建立連接。

23、第五方面，提供了一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)中存儲有指令，當(dāng)其在計算機上運行時，使得計算機執(zhí)行上述第一方面或第二方面所述的界面顯示方法。

24、第六方面，提供了一種包含指令的計算機程序產(chǎn)品，當(dāng)其在計算機上運行時，使得計算機執(zhí)行上述第一方面或第二方面所述的界面顯示方法。

25、上述第三方面、第四方面、第五方面和第六方面所獲得的技術(shù)效果與上述第一方面和第二方面中對應(yīng)的技術(shù)手段獲得的技術(shù)效果近似，在這里不再贅述。