[发明专利]一种网页布局方法及装置

权利要求书

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

在网页上确定父元素；

将所述父元素在x轴及y轴上分别划分成多份；

确定子元素及纹理坐标；

计算所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数；

至少基于所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数计算确定所述子元素在所述父元素中的位置。

2.根据权利要求1所述的网页布局方法，其特征在于，所述父元素由所述网页上的部分区域或全部区域形成。

3.根据权利要求1所述的网页布局方法，其特征在于，所述计算所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数，包括：

确定所述纹理坐标为[[a,b],[c,d]]，其中，所述a，b分别代表所述子元素在x轴，y轴向的起始位置，c，d分别代表所述子元素在x轴，y轴向的结束位置；

基于所述子元素在x轴向的位置计算确定所述子元素在x轴所占份数为(c-a+1)；

基于所述子元素在y轴向的位置计算确定所述子元素在y轴所占份数为(d-b+1)。

4.根据权利要求3所述的网页布局方法，其特征在于，所述至少基于所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数计算确定所述子元素在所述父元素中的位置，包括：

基于所述子元素在x轴向，y轴向所占的份数计算确定所述子元素相对于所述父元素分别在x轴、y轴上的占比；

至少基于所述占比计算确定所述子元素在所述父元素中的位置。

5.根据权利要求4所述的网页布局方法，其特征在于，所述至少基于所述占比计算确定所述子元素在所述父元素中的位置，包括：

获得所述父元素分别在所述x轴向、y轴向的长度值，所述x轴向、y轴向的长度值分别为所述父元素的宽、高值；

基于所述父元素的宽、高值及所述占比分别确定所述子元素的宽、高值；

至少基于所述子元素的宽、高值计算确定所述子元素在所述父元素中的位置。

6.根据权利要求5所述的网页布局方法，其特征在于，所述至少基于所述子元素的宽、高值计算确定所述子元素在所述父元素中的位置，包括：

基于所述子元素在x轴向、y轴向的起始位置，确定所述子元素距离所述父元素在x轴的边界的百分比值，以及距离所述父元素在y轴的边界的百分比值；

基于所述百分比值以及所述子元素的宽、高值计算确定所述子元素在所述父元素中的位置。

7.根据权利要求1所述的网页布局方法，其特征在于，还包括：

基于所述子元素的纹理坐标确定各个所述子元素在所述父元素上的位置；

基于所述位置在所述父元素上划分出多个分别用于匹配显示对应的子元素的区域。

8.根据权利要求1所述的网页布局方法，其特征在于，还包括：

纹理坐标相同的所述子元素能够互换其在所述父元素中的位置。

9.根据权利要求1所述的网页布局方法，其特征在于，还包括：

当所述父元素响应指令，以进行界面尺寸的改变时，所述子元素确定所述界面尺寸的变化参数，并基于所述变化参数相应进行等比例的尺寸变化。

10.一种网页布局装置，其特征在于，包括：

第一确定模块，用于在网页上确定父元素；

划分模块，用于将所述父元素在x轴及y轴上分别划分成多份；

第二确定模块，用于确定子元素及纹理坐标；

第一计算模块，用于计算所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数；

第二计算模块，用于至少基于所述纹理坐标分别在所述父元素的x轴和y轴向所占的份数计算确定所述子元素在所述父元素中的位置。