[发明专利]页面布局方法、装置、设备及存储介质

权利要求书

1.一种页面布局方法，其特征在于，包括：

获取页面配置数据，所述页面配置数据包括页面中元素间的层级关系和元素信息，所述元素信息包括元素尺寸和元素内容，所述层级关系为元素间的父子关系；

获取每个元素的尺寸调整范围；

根据每个所述元素的所述尺寸调整范围和所述元素内容，按照从子到父顺序，分别得到各层级每个所述元素的元素目标尺寸；

根据所述元素目标尺寸和所述元素内容，对每个所述元素进行页面布局；

其中，所述根据每个所述元素的所述尺寸调整范围和所述元素内容，按照从子到父顺序，分别得到各层级每个所述元素的元素目标尺寸，包括：

根据所述元素间的父子关系，确定所述元素中的父元素和所述父元素的子元素；

根据所述子元素的所述元素内容，确定所述子元素的元素目标尺寸，所述元素目标尺寸在所述尺寸调整范围内；

基于所述子元素的元素目标尺寸确定所述父元素的元素目标尺寸；

其中，所述父元素的元素信息还包括布局方向；

所述基于所述子元素的元素目标尺寸确定所述父元素的元素目标尺寸，包括：

获取所述布局方向；

基于所述子元素的元素目标尺寸中，与布局方向一致的子目标尺寸的和，确定所述父元素的第一元素尺寸；

基于所述子元素的元素目标尺寸中，与布局方向垂直的子目标尺寸，以及所述父元素的元素尺寸中，与布局方向垂直的子尺寸，确定所述父元素的第二元素尺寸；

将所述第一元素尺寸和所述第二元素尺寸，作为所述父元素的元素目标尺寸；

其中，所述基于所述子元素的元素目标尺寸中，与布局方向垂直的子目标尺寸，以及所述父元素的元素尺寸中，与布局方向垂直的子尺寸，确定所述父元素的第二元素尺寸，包括：

获取所述父元素的元素信息中的尺寸调整标识，所述尺寸调整标识指示所述元素的元素尺寸是否为可调节；

若尺寸调整标识指示所述元素的元素尺寸为可调节，将所述子目标尺寸中的最大值，作为所述第二元素尺寸；

若尺寸调整标识指示所述元素的元素尺寸为不可调节，将所述子尺寸作为所述第二元素尺寸。

2.根据权利要求1所述的页面布局方法，其特征在于，所述子元素为文本元素时，所述根据所述子元素的所述元素内容，确定所述子元素的元素目标尺寸，所述元素目标尺寸在所述尺寸调整范围内，包括：

获取所述元素内容中的字体大小和/或文本长度；

根据所述字体大小和/或所述文本长度，将所述子元素的元素尺寸在所述尺寸调整范围内进行调整，得到所述元素目标尺寸。

3.根据权利要求1所述的页面布局方法，其特征在于，根据所述元素目标尺寸和所述元素内容，对每个所述元素进行页面布局，包括：

将父元素按照所述父元素的元素目标尺寸，将所述父元素的元素内容展示在所述页面的预设位置；

将子元素按照所述子元素的元素目标尺寸，将所述子元素的元素内容展示在所述父元素所在区域的预设位置。

4.根据权利要求3所述的页面布局方法，其特征在于，所述父元素的元素信息包括布局方向；

所述将所述子元素按照所述子元素的元素目标尺寸，将所述子元素的元素内容展示在所述父元素所在区域的预设位置，包括：

将所述子元素按照所述子元素的元素目标尺寸，将所述子元素的元素内容，以所述布局方向展示在所述父元素所在区域。