[发明专利]显示界面适配方法、显示界面适配设计方法和电子设备

说明书

本申请公开了一种显示界面适配方法、显示界面适配设计方法、装置、电子设备及存储介质。其中，显示界面适配方法包括：获取屏幕分辨率；根据所述屏幕分辨率确定栅格属性的值；获取目标元素的布局参数，其中，所述目标元素的布局参数采用所述栅格属性描述；根据所述目标元素的布局参数和所述栅格属性的值，显示所述目标元素。采用该显示界面适配方法能够实现不同终端产品在界面适配上的效率，实现一次设计多分辨率适配的功能。

【技术领域】

本申请涉及通信技术领域，尤其涉及一种显示界面适配方法、显示界面适配设计方法和电子设备。

【背景技术】

目前，终端产品的屏幕分辨率和屏幕尺寸的种类越来越多，除了手机和平板的横竖屏界面之外，APP(Application，应用程序)还需要在折叠屏、车载、电视等产品上进行界面适配，这给开发者带来了大量的重复设计工作量，在界面适配上的效率较低。

【发明内容】

有鉴于此，本申请实施例提供了一种显示界面适配方法、显示界面适配设计方法、装置、电子设备及存储介质，用以解决不同终端产品在界面适配上效率较低的问题。

第一方面，本申请实施例提供了一种显示界面适配方法，包括：

获取屏幕分辨率；

根据所述屏幕分辨率确定栅格属性的值；

获取目标元素的布局参数，其中，所述目标元素的布局参数采用所述栅格属性描述；

根据所述目标元素的布局参数和所述栅格属性的值，显示所述目标元素。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述栅格属性包括第一栅格属性、第二栅格属性和第三栅格属性，其中，所述第一栅格属性用于表示元素距离屏幕边界的距离，采用第一宽度作为度量单位，所述第二栅格属性用于表示邻近的所述元素之间的距离，采用第二宽度作为度量单位，所述第三栅格属性用于表示元素的宽度，采用栅格宽度作为度量单位。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述屏幕分辨率确定栅格属性的值，包括：

查找第一映射关系表，其中，所述第一映射关系表存储所述屏幕分辨率和栅格属性的值的映射关系；

根据所述屏幕分辨率、所述屏幕分辨率和栅格属性的值的映射关系确定所述栅格属性的值。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述目标元素包括目标标识，所述获取目标元素的布局参数，包括：

查找第二映射关系表，其中，所述第二映射关系表存储元素的布局参数和所述元素的标识的映射关系，所述元素的布局参数采用栅格属性描述；

根据所述目标标识、所述元素的布局参数和所述元素的标识的映射关系获取所述目标元素的布局参数。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述屏幕上显示一个或多个所述显示界面，在一个所述显示界面中，包括一个或多个显示子界面。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述方法还包括：

当检测到所述显示界面进行横竖屏切换时，刷新所述栅格属性的值；

获取目标元素的布局参数，其中，所述目标元素的布局参数采用所述栅格属性描述；

根据所述目标元素的布局参数和所述栅格属性的值，显示所述目标元素。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述方法还包括：

根据所述屏幕分辨率确定栅格数量；