[发明专利]一种用户界面布局方法及电子设备

说明书

本申请公开了一种用户界面布局方法，包括：电子设备接收用于启动第一应用程序的第一指令；电子设备检测电子设备的姿态；电子设备的姿态包括横屏姿态和竖屏姿态；当电子设备的姿态为横屏姿态时，电子设备将第一用户界面上的界面元素按照第二宽度、第二高度进行布局，然后缩小到第一宽度、第一高度后渲染到显示屏。横屏姿态时，用户界面的宽、高分别为第一宽度、第一高度。第一宽度小于显示屏的宽度，第一高度等于显示屏的高度。竖屏姿态时，显示屏的宽度为第二宽度。第二高度与第一高度的比例等于第二宽度与第一宽度的比例。这样，电子设备显示的第一用户界面，可以减少用户界面在横竖屏切换时出现布局错乱的问题，从而可以提高使用的便利性。

技术领域

本申请涉及电子技术领域，尤其涉及一种用户界面布局方法及电子设备。

背景技术

目前，在智能手机、平板设备等电子设备上，某些应用程序可以支持用户界面横竖屏切换，例如视频播放应用程序、游戏应用程序等等。这样，这些应用程序的用户界面可以随着用户改变电子设备的姿态适应性地进行横竖屏切换。另外，在折叠屏设备在单屏显示状态和大屏显示状态之间切换时，用于进行显示的显示屏大小发生变化，这些应用程序的用户界面也能够适应显示屏大小的变化来进行显示。

但是，另一些应用程序的用户界面不支持上述横竖屏切换，也不能适应折叠屏设备上显示屏大小的变化进行显示。这些应用程序例如是社交类应用程序“微信(Wechat)”、购物类应用程序“淘宝”等等。这些应用程序无法为用户提供能够横竖屏切换的用户界面，也无法在折叠屏设备上显示屏大小发生变化时，适应显示屏大小的变化来显示用户界面，从而降低了使用便利性。

为解决上述问题，现有技术中，电子设备可在应用程序启动时获取显示屏的尺寸，例如显示屏的宽和高。当需要应用程序的用户界面进行横竖屏切换，或者折叠屏设备的显示屏显示区域大小发生变化时，显示屏的尺寸发生变化。电子设备可根据应用程序启动时获取到的显示屏的尺寸，来确定用户界面的尺寸并在尺寸变化的显示屏上布局用户界面的界面元素。

然而，当用户界面横竖屏切换时，或者折叠屏设备的显示屏显示区域大小发生变化时，显示屏的尺寸发生了变化。但是电子设备仍然根据应用程序启动时获取到的显示屏的尺寸布局用户界面的界面元素。这样，用户看到的用户界面会出现空白区域或者部分界面元素未被显示，从而降低了横竖屏切换使用的便利性。

发明内容

本申请实施例提供了一种用户界面布局方法，按照该方法布局得到的用户界面在横竖屏切换时可减少出现布局错乱的问题，从而可以提高使用的便利性。

第一方面，提供一种用于电子设备的用户界面布局方法，该方法可包括：接收用于启动第一应用程序的第一指令；检测所述电子设备的姿态；所述电子设备的姿态包括横屏姿态和竖屏姿态；当所述电子设备的姿态为所述横屏姿态时，所述电子设备显示所述第一应用程序的第一用户界面，所述显示屏的宽度为第三宽度，所述显示屏的高度为第三高度；当所述电子设备的姿态为所述竖屏姿态时，所述电子设备显示所述第一应用程序的第二用户界面，所述显示屏的宽度等于所述第三高度，所述显示屏的高度等于所述第三宽度；其中，所述第一用户界面的宽度为第一宽度，所述第一用户界面的高度为第一高度，所述第一用户界面是由所述第三用户界面缩小而得到，所述第一宽度小于所述第三宽度；所述第一高度等于所述第三高度；所述第三用户界面的宽度等于所述第三高度；所述第三用户界面的高度为第二高度；所述第二高度与第一高度的比例和第三高度与第一宽度的比例相等。这样，在电子设备由第一姿态切换为第二姿态时，由于用户界面上的界面元素是按照电子设备在第二姿态时显示屏的宽度进行布局的。电子设备绘制的第一用户界面，即可减少用户界面在横竖屏切换时出现布局错乱的问题，从而可以提高使用的便利性。