[发明专利]页面调整方法、装置、计算机系统及可读存储介质

说明书

本公开提供了一种页面调整方法、装置、计算机系统及可读存储介质，可用于物联网、电子技术领域或其他领域。其中，该方法包括：获取初始设计页面的页面度量信息和当前设备屏幕的屏幕度量信息；根据页面度量信息和屏幕度量信息，确定初始设计页面和当前设备屏幕之间的基准比例信息；以及根据页面展示属性信息和基准比例信息，将初始设计页面调整为适配当前设备屏幕的目标页面。

技术领域

本公开涉及物联网、电子技术领域，更具体地，涉及一种页面调整方法、装置、计算机系统及可读存储介质。

背景技术

在移动端应用开发流程中，通常由UI(User Interface，用户界面)设计人员将一套带有尺寸标注的设计稿交给移动端开发人员，移动端开发人员根据设计稿上的尺寸进行页面组件布局以及处理逻辑代码的编写工作，使得设计稿能够适配移动端屏幕尺寸。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：不同移动端设备的屏幕尺寸不同，页面与屏幕适配困难。

发明内容

有鉴于此，本公开提供了一种页面调整方法、装置、计算机系统及可读存储介质。

本公开的一个方面提供了一种页面调整方法，包括：获取初始设计页面的页面度量信息和当前设备屏幕的屏幕度量信息；根据所述页面度量信息和所述屏幕度量信息，确定所述初始设计页面和所述当前设备屏幕之间的基准比例信息；以及根据页面展示属性信息和所述基准比例信息，将所述初始设计页面调整为适配所述当前设备屏幕的目标页面。

本公开的另一个方面提供了一种页面调整装置，包括：第一获取模块，用于获取初始设计页面的页面度量信息和当前设备屏幕的屏幕度量信息；确定模块，用于根据所述页面度量信息和所述屏幕度量信息，确定所述初始设计页面和所述当前设备屏幕之间的基准比例信息；以及调整模块，用于根据页面展示属性信息和所述基准比例信息，将所述初始设计页面调整为适配所述当前设备屏幕的目标页面。

本公开的另一方面提供了一种计算机系统，包括：一个或多个处理器；存储器，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现本公开所述的页面调整方法。

本公开的另一方面提供了一种计算机可读存储介质，其上存储有计算机可执行指令，所述指令在被执行时用于实现本公开所述的页面调整方法。

本公开的另一方面提供了一种计算机程序产品，所述计算机程序产品包括计算机可执行指令，所述指令在被执行时用于实现本公开所述的页面调整方法。

根据本公开的实施例，通过采用了根据页面度量信息和屏幕度量信息，确定初始设计页面和当前设备屏幕之间的基准比例信息，以及根据页面展示属性信息和基准比例信息，将初始设计页面调整为适配当前设备屏幕的目标页面的技术手段，由于只需要根据页面展示属性信息和基准比例信息，便可自动完成屏幕适配，所以至少部分地克服了不同终端设备的屏幕尺寸不同导致的页面与屏幕适配困难的技术问题，减少了屏幕适配的工作量，提高了开发效率。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的可以应用页面调整方法的示例性系统架构；

图2示意性示出了根据本公开实施例的页面调整方法的流程图；

图3示意性示出了根据本公开实施例的页面调整方法应用于安卓类设备和苹果类设备时的流程图；

图4A示意性示出了根据本公开实施例的初始设计页面在适配第一设备屏幕时的展示效果图；

图4B示意性示出了根据本公开实施例的初始设计页面在适配第二设备屏幕时的展示效果图；

图5示意性示出了根据本公开的实施例的页面调整装置的框图；以及