[發明專利]一種用戶界面布局方法及電子設備

在審

• 申請號: 201910541817.2
• 申請日: 2019-06-19
• 公開（公告）號: CN112114912A
• 公開（公告）日: 2020-12-22
• 發明（設計）人: 朱培
• 申請（專利權）人: 華為技術有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

1.一種用于電子設備的用戶界面布局方法，所述電子設備包括顯示屏，其特征在于，包括：

接收用于啟動第一應用程序的第一指令；

檢測所述電子設備的姿態；所述電子設備的姿態包括橫屏姿態和豎屏姿態；

當所述電子設備的姿態為所述橫屏姿態時，所述電子設備顯示所述第一應用程序的第一用戶界面，所述顯示屏的寬度為第三寬度，所述顯示屏的高度為第三高度；

當所述電子設備的姿態為所述豎屏姿態時，所述電子設備顯示所述第一應用程序的第二用戶界面，所述顯示屏的寬度等于所述第三高度，所述顯示屏的高度等于所述第三寬度；

其中，所述第一用戶界面的寬度為第一寬度，所述第一用戶界面的高度為第一高度，所述第一用戶界面是由第三用戶界面縮小而得到，所述第一寬度小于所述第三寬度；所述第一高度等于所述第三高度；所述第三用戶界面的寬度等于所述第三高度；所述第三用戶界面的高度為第二高度；所述第二高度與所述第一高度的比例和所述第三高度與所述第一寬度的比例相等。

2.根據權利要求1所述的方法，所述電子設備顯示所述第一應用程序的第一用戶界面之后，包括：

所述電子設備接收用戶在所述第一用戶界面的觸摸操作；

所述電子設備獲取與所述觸摸操作對應第一坐標點建立了映射關系的第二坐標點的坐標；所述第二坐標點為所述第一用戶界面放大到所述第三用戶界面時的坐標點；所述第一坐標點為所述第一用戶界面的坐標點；

所述電子設備根據所述第二坐標點對應的界面元素響應所述觸摸操作。

3.根據權利要求1所述的方法，其特征在于，所述電子設備顯示所述第一應用程序的第一用戶界面，包括：

所述電子設備將所述第一用戶界面放大到所述第三用戶界面；

所述電子設備將根據所述第三用戶界面布局的所述第一用戶界面的界面元素繪制到所述第三用戶界面上；

所述電子設備將繪制的所述第三用戶界面縮小到所述第一用戶界面后渲染到所述顯示屏。

4.根據權利要求1所述的方法，其特征在于，所述電子設備顯示所述第一應用程序的第二用戶界面，包括：

所述電子設備將根據寬度為所述第三高度、高度為所述第三寬度布局的所述第二用戶界面的界面元素繪制到所述第二用戶界面上；

所述電子設備將繪制的所述第二用戶界面渲染到所述顯示屏。

5.根據權利要求1所述的方法，其特征在于，所述電子設備顯示所述第一應用程序的第一用戶界面之后，還包括：

當檢測到所述電子設備的姿態從所述橫屏姿態切換到所述豎屏姿態，所述電子設備顯示的用戶界面從所述第一用戶界面切換到所述第二用戶界面。

6.根據權利要求1所述的方法，其特征在于，所述電子設備顯示所述第一應用程序的第二用戶界面之后，還包括：

當檢測到所述電子設備的姿態從所述豎屏姿態切換到所述橫屏姿態，所述電子設備顯示的用戶界面從所述第二用戶界面切換到所述第一用戶界面。

7.一種用于電子設備的用戶界面布局方法，所述電子設備包括顯示屏，其特征在于，包括：

電子設備接收用于啟動第一應用程序的第一指令；

所述電子設備檢測所述電子設備的姿態；所述電子設備的姿態包括單屏姿態和大屏姿態；

當所述電子設備的姿態為單屏姿態時，所述電子設備顯示所述第一應用程序的第一用戶界面，所述顯示屏的寬度為第一寬度，所述顯示屏的高度為第一高度；

當所述電子設備的姿態為所述大屏姿態時，所述電子設備顯示所述第一應用程序的第二用戶界面，所述顯示屏的寬度為第二寬度，所述第二寬度大于所述第一寬度，所述顯示屏的高度為所述第一高度；

其中，所述第一用戶界面的寬度等于所述第一寬度，所述第一用戶界面的高度等于所述第一高度，所述第一用戶界面是由第三用戶界面縮小而得到，所述第三用戶界面的寬度等于所述第二寬度；所述第三用戶界面的高度為第二高度；所述第二高度與第一高度的比例和第二寬度與第一寬度的比例相等。