[发明专利]页面布局方法及装置

权利要求书

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

将页面中的栅格区域划分为若干个单元区域；

针对划分出的每一单元区域，重复执行下述操作，直至该单元区域中不存在未被占用的栅格：

从待布局的页面元素中提取出一个页面元素，并确定该页面元素在该单元区域中实际占用的栅格的数目；

根据所述实际占用的栅格的数目、每个栅格的宽度、每个栅格的高度以及栅格之间的间隙，确定该页面元素布局后的实际尺寸；

根据该页面元素布局后的实际尺寸，对该页面元素进行缩放处理，并将缩放处理后的页面元素布局到该单元区域中。

2.如权利要求1所述的方法，其特征在于，将页面中的栅格区域划分为若干个单元区域，具体包括：

根据页面中栅格区域的宽度，确定将所述栅格区域划分为各栅格后每行所包含的栅格的数目；

根据每行所包含的栅格的数目，将所述栅格区域划分为若干个单元区域。

3.如权利要求2所述的方法，其特征在于，划分出的每个单元区域的长和宽所占用的栅格的数目均为确定出的每行所包含的栅格的数目。

4.如权利要求1所述的方法，其特征在于，确定该页面元素在该单元区域中实际占用的栅格的数目，具体包括：

确定已布局到该单元区域中的页面元素的数目；

根据已布局到该单元区域中的页面元素的数目，确定提取出的该页面元素在需要布局到该单元区域中的各页面元素中的布局顺序；

根据确定出的布局，在预先设置的、需要布局到该单元区域中的各页面元素的布局顺序和页面元素所占用的栅格的数目之间的对应关系中，确定提取出的该页面元素在该单元区域中实际占用的栅格的数目。

5.如权利要求1所述的方法，其特征在于，确定该页面元素在该单元区域中实际占用的栅格的数目，具体包括：

确定提取出的页面元素在该单元区域中的最大宽度所对应的栅格数目；

根据所述最大宽度所对应的栅格数目，确定该页面元素在该单元区域中实际占用的栅格的数目。

6.如权利要求5所述的方法，其特征在于，确定提取出的页面元素在该单元区域中的最大宽度所对应的栅格数目，具体包括：

按照由左至右以及由上至下的顺序，将该单元区域中未被占用的第一个栅格作为起始栅格，将与该起始栅格处于同一行的最后一个未被占用的栅格作为终止栅格，将所述起始栅格到终止栅格的栅格数目，确认为提取出的该页面元素在该单元区域中的最大宽度所对应的栅格数目。

7.如权利要求5所述的方法，其特征在于，根据所述最大宽度所对应的栅格数目，确定该页面元素在该单元区域中实际占用的栅格的数目，具体包括：

随机选取一个小于所述最大宽度所对应的栅格数目的随机数目；

将选取的所述随机数目确认为该页面元素在该单元区域中实际占用的栅格的数目。

8.如权利要求1所述的方法，其特征在于，通过下述方式确定页面元素布局后的实际尺寸：

x=p×(a+i)-i

y=p×(b+i)-i

其中，x为页面元素布局后的实际宽度；

y为页面元素布局后的实际高度；

a为每个栅格的宽度；

b为每个栅格的高度；

i为栅格之间的间隙；

p为页面元素在该单元区域中实际占用的栅格的数目。

9.如权利要求1所述的方法，其特征在于，根据该页面元素布局后的实际尺寸，对该页面元素进行缩放处理，具体包括：

确定该页面元素进行缩放处理前的宽度和高度的第一宽高比以及进行布局后的宽度和高度的第二宽高比；

将所述第一宽高比和所述第二宽高比进行比较；

若比较得到所述第一宽高比大于所述第二宽高比，则根据该页面元素布局后的实际高度，对该页面元素进行等比例缩放处理；

若比较得到所述第一宽高比小于所述第二宽高比，则根据该页面元素布局后的实际宽度，对该页面元素进行等比例缩放处理；

若比较得到所述第一宽高比等于所述第二宽高比，则根据该页面元素布局后的实际宽度或实际高度，对该页面元素进行等比例缩放处理。