[发明专利]页面布局方法、系统、电子装置及存储介质

权利要求书

1.一种基于黄金分割的页面布局方法，其特征在于，所述方法包括步骤：

基于当前屏幕宽度设置页面布局的基准线；

获取所述页面中需要布局的控件参数；

根据所述基准线在所述页面中绘制斐波那契螺旋线；

根据所述控件参数和所述斐波那契螺旋线确定每个控件的大小；及

基于所确定的每个控件的大小自动完成适应所述屏幕大小的页面布局。

2.如权利要求1所述的基于黄金分割的页面布局方法，其特征在于，所述基于当前屏幕宽度设置页面布局的基准线包括：

将预设屏幕宽度对应的基准线设置为基本单位1，根据当前屏幕宽度与所述预设屏幕宽度之间的比例将所述当前屏幕宽度对应的基准线扩大或缩小相应倍数。

3.如权利要求1所述的基于黄金分割的页面布局方法，其特征在于，所述获取所述页面中需要布局的控件参数包括：

根据预先设置的对应一种屏幕大小的一套前端展示页面布局获取所述页面中需要布局的控件参数；或

接收用户输入的所述页面中需要布局的控件参数。

4.如权利要求3所述的基于黄金分割的页面布局方法，其特征在于，所述控件参数包括每个控件的名称、位置以及在预先设置的该套前端展示页面布局中的大小或者所述页面中多个控件之间的大小关系。

5.如权利要求1所述的基于黄金分割的页面布局方法，其特征在于，所述根据所述控件参数和所述斐波那契螺旋线确定每个控件的大小包括：

当绘制出所述页面中的所述斐波那契螺旋线后，得到多个符合黄金分割比的长方形框；

根据所述控件参数从所述多个长方形框中选择对应的长方形框，作为所述控件的大小。

6.如权利要求5所述的基于黄金分割的页面布局方法，其特征在于，所述根据所述控件参数和所述斐波那契螺旋线确定每个控件的大小还包括：

将所选择的长方形框进行复制后，在横向和/或纵向上进行拼接，得到按倍数扩大的长方形框，作为扩展后的控件大小。

7.如权利要求3或4所述的基于黄金分割的页面布局方法，其特征在于，所述基于所确定的每个控件的大小自动完成适应所述屏幕大小的页面布局包括：

将预先设置的该套前端展示页面布局中的每个控件根据所确定的大小进行相应修改；或

将每个控件按所确定的大小布局到所述页面的相应位置。

8.一种页面布局系统，其特征在于，所述系统包括：

设置模块，用于基于当前屏幕宽度设置页面布局的基准线；

获取模块，用于获取所述页面中需要布局的控件参数；

绘制模块，用于根据所述基准线在所述页面中绘制斐波那契螺旋线；

确定模块，用于根据所述控件参数和所述斐波那契螺旋线确定每个控件的大小；及

布局模块，用于基于所确定的每个控件的大小自动完成适应所述屏幕大小的页面布局。

9.一种电子装置，其特征在于，所述电子装置包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的页面布局系统，所述页面布局系统被所述处理器执行时实现如权利要求1-7中任一项所述的基于黄金分割的页面布局方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有页面布局系统，所述页面布局系统可被至少一个处理器执行，以使所述至少一个处理器执行如权利要求1-7中任一项所述的基于黄金分割的页面布局方法的步骤。