[發(fā)明專利]一種用戶界面布局方法及電子設(shè)備

在審

• 申請?zhí)枺?/td>: 201910541817.2
• 申請日: 2019-06-19
• 公開（公告）號: CN112114912A
• 公開（公告）日: 2020-12-22
• 發(fā)明（設(shè)計）人: 朱培
• 申請（專利權(quán)）人: 華為技術(shù)有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 廣州三環(huán)專利商標(biāo)代理有限公司 44202
• 代理人: 郝傳鑫;熊永強(qiáng)

本申請公開了一種用戶界面布局方法，包括：電子設(shè)備接收用于啟動第一應(yīng)用程序的第一指令；電子設(shè)備檢測電子設(shè)備的姿態(tài)；電子設(shè)備的姿態(tài)包括橫屏姿態(tài)和豎屏姿態(tài)；當(dāng)電子設(shè)備的姿態(tài)為橫屏姿態(tài)時，電子設(shè)備將第一用戶界面上的界面元素按照第二寬度、第二高度進(jìn)行布局，然后縮小到第一寬度、第一高度后渲染到顯示屏。橫屏姿態(tài)時，用戶界面的寬、高分別為第一寬度、第一高度。第一寬度小于顯示屏的寬度，第一高度等于顯示屏的高度。豎屏姿態(tài)時，顯示屏的寬度為第二寬度。第二高度與第一高度的比例等于第二寬度與第一寬度的比例。這樣，電子設(shè)備顯示的第一用戶界面，可以減少用戶界面在橫豎屏切換時出現(xiàn)布局錯亂的問題，從而可以提高使用的便利性。

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

本申請涉及電子技術(shù)領(lǐng)域，尤其涉及一種用戶界面布局方法及電子設(shè)備。

背景技術(shù)

目前，在智能手機(jī)、平板設(shè)備等電子設(shè)備上，某些應(yīng)用程序可以支持用戶界面橫豎屏切換，例如視頻播放應(yīng)用程序、游戲應(yīng)用程序等等。這樣，這些應(yīng)用程序的用戶界面可以隨著用戶改變電子設(shè)備的姿態(tài)適應(yīng)性地進(jìn)行橫豎屏切換。另外，在折疊屏設(shè)備在單屏顯示狀態(tài)和大屏顯示狀態(tài)之間切換時，用于進(jìn)行顯示的顯示屏大小發(fā)生變化，這些應(yīng)用程序的用戶界面也能夠適應(yīng)顯示屏大小的變化來進(jìn)行顯示。

但是，另一些應(yīng)用程序的用戶界面不支持上述橫豎屏切換，也不能適應(yīng)折疊屏設(shè)備上顯示屏大小的變化進(jìn)行顯示。這些應(yīng)用程序例如是社交類應(yīng)用程序“微信(Wechat)”、購物類應(yīng)用程序“淘寶”等等。這些應(yīng)用程序無法為用戶提供能夠橫豎屏切換的用戶界面，也無法在折疊屏設(shè)備上顯示屏大小發(fā)生變化時，適應(yīng)顯示屏大小的變化來顯示用戶界面，從而降低了使用便利性。

為解決上述問題，現(xiàn)有技術(shù)中，電子設(shè)備可在應(yīng)用程序啟動時獲取顯示屏的尺寸，例如顯示屏的寬和高。當(dāng)需要應(yīng)用程序的用戶界面進(jìn)行橫豎屏切換，或者折疊屏設(shè)備的顯示屏顯示區(qū)域大小發(fā)生變化時，顯示屏的尺寸發(fā)生變化。電子設(shè)備可根據(jù)應(yīng)用程序啟動時獲取到的顯示屏的尺寸，來確定用戶界面的尺寸并在尺寸變化的顯示屏上布局用戶界面的界面元素。

然而，當(dāng)用戶界面橫豎屏切換時，或者折疊屏設(shè)備的顯示屏顯示區(qū)域大小發(fā)生變化時，顯示屏的尺寸發(fā)生了變化。但是電子設(shè)備仍然根據(jù)應(yīng)用程序啟動時獲取到的顯示屏的尺寸布局用戶界面的界面元素。這樣，用戶看到的用戶界面會出現(xiàn)空白區(qū)域或者部分界面元素未被顯示，從而降低了橫豎屏切換使用的便利性。

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

本申請實施例提供了一種用戶界面布局方法，按照該方法布局得到的用戶界面在橫豎屏切換時可減少出現(xiàn)布局錯亂的問題，從而可以提高使用的便利性。

第一方面，提供一種用于電子設(shè)備的用戶界面布局方法，該方法可包括：接收用于啟動第一應(yīng)用程序的第一指令；檢測所述電子設(shè)備的姿態(tài)；所述電子設(shè)備的姿態(tài)包括橫屏姿態(tài)和豎屏姿態(tài)；當(dāng)所述電子設(shè)備的姿態(tài)為所述橫屏姿態(tài)時，所述電子設(shè)備顯示所述第一應(yīng)用程序的第一用戶界面，所述顯示屏的寬度為第三寬度，所述顯示屏的高度為第三高度；當(dāng)所述電子設(shè)備的姿態(tài)為所述豎屏姿態(tài)時，所述電子設(shè)備顯示所述第一應(yīng)用程序的第二用戶界面，所述顯示屏的寬度等于所述第三高度，所述顯示屏的高度等于所述第三寬度；其中，所述第一用戶界面的寬度為第一寬度，所述第一用戶界面的高度為第一高度，所述第一用戶界面是由所述第三用戶界面縮小而得到，所述第一寬度小于所述第三寬度；所述第一高度等于所述第三高度；所述第三用戶界面的寬度等于所述第三高度；所述第三用戶界面的高度為第二高度；所述第二高度與第一高度的比例和第三高度與第一寬度的比例相等。這樣，在電子設(shè)備由第一姿態(tài)切換為第二姿態(tài)時，由于用戶界面上的界面元素是按照電子設(shè)備在第二姿態(tài)時顯示屏的寬度進(jìn)行布局的。電子設(shè)備繪制的第一用戶界面，即可減少用戶界面在橫豎屏切換時出現(xiàn)布局錯亂的問題，從而可以提高使用的便利性。