[发明专利]用于布局页面的方法、装置、计算设备和机器可读存储介质在审
申请号: | 201910009348.X | 申请日: | 2019-01-04 |
公开(公告)号: | CN110032692A | 公开(公告)日: | 2019-07-19 |
发明(设计)人: | 王甜 | 申请(专利权)人: | 阿里巴巴集团控股有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957 |
代理公司: | 北京博思佳知识产权代理有限公司 11415 | 代理人: | 林祥 |
地址: | 英属开曼群岛大开*** | 国省代码: | 开曼群岛;KY |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网格 页面 机器可读存储介质 计算设备 应用程序版本 分布区域 实际需求 移动终端 不重叠 运算量 平滑 匹配 兼容 灵活 发布 | ||
1.一种用于布局页面的方法,其特征在于,包括:
基于要在超文本标记语言HTML5页面中呈现的m个气泡元素各自的尺寸,从n组网格中选择互相不重叠的m个网格;
在所述m个网格中分别放置所述m个气泡元素,
其中,所述n组网格是对所述HTML5页面的可分布区域划分得到的,并且对于所述n组网格而言,同一组的网格具有相同的网格大小,不同组的网格具有不同的网格大小,所述n组网格分别与不同的气泡元素尺寸相匹配,m和n均为正整数。
2.根据权利要求1所述的方法,其特征在于,所述n组网格中的每组网格均是对整个可分布区域划分得到的。
3.根据权利要求2所述的方法,其特征在于,还包括:
按照如下方式对所述可分布区域划分得到所述n组网格:首先将所述可分布区域划分得到第1组网格,然后在所述第1组网格的基础上逐步细分,直到得到所述n组网格为止,其中,所述第1组网格具有最大的网格大小。
4.根据权利要求2或3所述的方法,其特征在于,所述从所述n组网格中选择互相不重叠的m个网格,包括:
从所述n组网格中随机选择所述m个网格,
其中,针对所述m个气泡元素中的任意第p个气泡元素,所述第p个气泡元素的尺寸与所述n组网格中的第q组网格相匹配,p和q为正整数:
依次从第1组网格至所述第q组网格中随机选择网格,直到选择出所述第q组网格中的用于放置所述第p个气泡元素的网格,
其中,所述第1组网格具有最大网格大小,所述第1组网格至所述第q组网格是按照网格大小从大到小依次排列的,
其中,对于从所述第1组网格至所述第q组网格中任意相邻两组网格中选择的两个网格,大小较小的网格位于大小较大的网格内。
5.一种用于布局页面的装置,其特征在于,包括:
选择单元,用于基于要在超文本标记语言HTML5页面中呈现的m个气泡元素各自的尺寸,从n组网格中选择互相不重叠的m个网格;
放置单元,用于在所述m个网格中分别放置所述m个气泡元素,
其中,所述n组网格是对所述HTML5页面的可分布区域划分得到的,并且对于所述n组网格而言,同一组的网格具有相同的网格大小,不同组的网格具有不同的网格大小,所述n组网格分别与不同的气泡元素尺寸相匹配,m和n均为正整数。
6.根据权利要求6所述的装置,其特征在于,所述n组网格中的每组网格均是对整个可分布区域划分得到的。
7.根据权利要求6所述的装置,其特征在于,还包括:
划分单元,用于按照如下方式对所述可分布区域划分得到所述n组网格:首先将所述可分布区域划分得到第1组网格,然后在所述第1组网格的基础上逐步细分,直到得到所述n组网格为止,其中,所述第1组网格具有最大的网格大小。
8.根据权利要求6或7所述的装置,其特征在于,所述选择在从所述n组网格中选择互相不重叠的m个网格时,具体用于:
从所述n组网格中随机选择所述m个网格,
其中,针对所述m个气泡元素中的任意第p个气泡元素,所述第p个气泡元素的尺寸与所述n组网格中的第q组网格相匹配,p和q为正整数:
依次从第1组网格至所述第q组网格中随机选择网格,直到选择出所述第q组网格中的用于放置所述第p个气泡元素的网格,
其中,所述第1组网格具有最大网格大小,所述第1组网格至所述第q组网格是按照网格大小从大到小依次排列的,
其中,对于从所述第1组网格至所述第q组网格中任意相邻两组网格中选择的两个网格,大小较小的网格位于大小较大的网格内。
9.一种计算设备,其特征在于,包括:
至少一个处理器;
与所述至少一个处理器进行通信的存储器,其上存储有可执行指令,所述可执行指令在被所述至少一个处理器执行时使得所述至少一个处理器实现根据权利要求1至4中任一项所述的方法。
10.一种机器可读存储介质,其存储有可执行指令,所述可执行指令在被机器执行时使得所述机器实现根据权利要求1至4中任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司,未经阿里巴巴集团控股有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910009348.X/1.html,转载请声明来源钻瓜专利网。
- 上一篇:缓存数据的清除方法、装置及设备
- 下一篇:一种列表项的处理方法和后端处理器