[发明专利]多元素布局的方法、装置、计算机设备和存储介质

权利要求书

1.一种多元素布局的方法，其特征在于，包括：

接收用于选择页面中元素的第一操作，将所述第一操作选中的元素作为待布局元素，之后显示包括多个可选的推荐布局选项的布局窗口；所述待布局元素包含多个类别的元素；所述第一操作为作用在页面中的区域选定操作；每个所述推荐布局选项中包含至少两个类别元素的布局样式；

接收用于选择推荐布局选项的第二操作；

将所述待布局元素按照目标布局样式进行显示，使得所述待布局元素按类别等距间隔的显示在页面中的目标区域；所述目标布局样式为目标布局选项中元素样本的布局样式，所述目标布局选项为所述第二操作选中的推荐布局选项；所述布局样式用于表征各类别的元素的相对位置关系，不限制各类别的元素的数量；所述目标区域为页面中待布局元素的最小外包矩形区域或者所述区域选定操作对应的选定区域；

其中，所述将所述待布局元素按照目标布局样式进行显示，使得所述待布局元素按类别等距间隔的显示在页面中的目标区域，包括：

若所述目标布局样式为左右布局/右左布局，则针对每一类别的待布局元素，计算该类别待布局元素需占据的列宽，所述列宽通过该类别的待布局元素所占的列数以及各列的宽度得出；由此确定每个类别的待布局元素的列宽；最后将所述待布局元素按照类别横向进行布局，布局后所述待布局元素按类别横向等距间隔的显示在所述目标区域，不同类别元素之间横向等距间隔布局；

若所述目标布局样式为上下布局/下上布局，则针对每一类别的待布局元素，计算该类别待布局元素需占据的行高，所述行高通过该类别的待布局元素所占的行数以及各行的高度得出；由此确定每个类别的待布局元素的行高；最后将所述待布局元素按照类别竖向进行布局，布局后所述待布局元素按类别竖向等距间隔的显示在所述目标区域，不同类别元素之间竖向等距间隔布局。

2.根据权利要求1所述的方法，其特征在于，所述接收用于选择页面中元素的第一操作，将所述第一操作选中的元素作为待布局元素，包括：

接收作用在页面中的区域选定操作，得到选定区域；

将所述选定区域中的元素，作为待布局元素。

3.根据权利要求2所述的方法，其特征在于，

所述目标区域为页面中待布局元素的最小外包矩形区域；

或者，所述目标区域为所述选定区域。

4.根据权利要求1所述的方法，其特征在于，所述将所述待布局元素按照类别横向进行布局，包括：

将所述待布局元素中同一类别的待布局元素按列显示，得到所述同一类别对应的元素列；

将多个类别对应的多个所述元素列，从左到右/从右到右等距间隔显示在所述目标区域。

5.根据权利要求4所述的方法，其特征在于，所述将所述待布局元素中同一类别的待布局元素按列显示，得到所述同一类别对应的元素列，包括：

获取所述待布局元素中同一类别的待布局元素的数量；

根据所述数量，计算所述同一类别的待布局元素占据的列数；

将所述同一类别的待布局元素按列显示，得到元素列，所述元素列中包含对应列数的列。

6.根据权利要求4所述的方法，其特征在于，所述接收用于选择页面中元素的第一操作，将所述第一操作选中的元素作为待布局元素，之后还包括：

将不同类别的待布局元素存储至不同的数组中，同一类别的待布局元素存储至同一数组中；

所述将待布局元素中同一类别的待布局元素按列显示，得到所述同一类别对应的元素列，包括：

从所述数组中获取同一类别的待布局元素，将所述同一类别的待布局元素按列显示，得到所述同一类别对应的元素列。

7.根据权利要求4所述的方法，其特征在于，所述将多个类别对应的多个所述元素列，从左到右/从右到右等距间隔显示在所述目标区域，包括：

获取所述元素列占据的列宽；所述列宽通过所述元素列包含的列数以及各列的宽度得出；

根据所述列宽，将多个所述元素列从左到右/从右到右等距间隔显示在页面中的目标区域。