页面布局方法和装置、计算机可读存储介质、电子设备与流程

文档序号:24500161发布日期:2021-03-30 21:29阅读:来源:国知局

技术特征:

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

响应预设操作,获取待布局数据,根据当前页面中包括的第一单元格的属性信息,确定与所述待布局数据对应的第二单元格的高度;

根据所述当前页面中包括的瀑布流的累积高度,确定所述瀑布流的目标列;

根据所述目标列以及所述第二单元格的高度,确定所述第二单元格在所述当前页面中的待布局位置;

根据所述待布局位置,将所述第二单元格布局在所述当前页面中。

2.根据权利要求1所述的页面布局方法,其特征在于,在获取待布局数据之前,所述页面布局方法还包括:

当所述预设操作为下拉刷新操作时,获取所述当前页面所包括的数据,并将所述当前页面包括的数据设置为本地列表数据;

清空所述当前页面所包括的第一单元格的位置的缓存信息,并将所述当前页面中包括的瀑布流的累积高度以及标记变量的值设置为零,其中,所述标记变量用于标记所述当前页面中已布局的第一单元格的个数。

3.根据权利要求1所述的页面布局方法,其特征中在于,在响应预设操作,获取待布局数据之后,所述页面布局方法还包括:

将所述待布局数据添加到本地列表数据中,其中,所述本地列表数据中数据标号大于标记变量的数据为所述待布局数据,所述数据标号为所述待布局数据在所述本地列表数据中的位置。

4.根据权利要求3所述的页面布局方法,其特征在于,根据所述当前页面中包括的瀑布流的累积高度,确定所述瀑布流的目标列,包括:

获取所述当前页面中包括的瀑布流的列数以及所述瀑布流的累积高度,并对所述瀑布流的累积高度进行排序,得到排序结果;

将排序结果中包括的所述瀑布流的累积高度最小的瀑布流的列,作为所述瀑布流的目标列。

5.根据权利要求4所述的页面布局方法,其特征在于,在确定所述第二单元格在所述当前页面中的待布局位置之后,所述页面布局方法还包括:

根据所述第二单元格的高度,对所述当前页面包括的瀑布流的累积高度进行更新。

6.根据权利要求5所述的页面布局方法,其特征在于,所述页面布局方法还包括:

将所述第二单元格以及所述第二单元格在所述当前页面中的待布局位置缓存在数据流字典中,并对所述标记变量的值进行更新。

7.根据权利要求6所述的页面布局方法,其特征在于,所述页面布局方法还包括:

判断所述第二单元格是否存在于所述数据流字典中,当所述数据流字典中包括所述第二单元格时,获取所述第二单元格的待布局位置;

根据所述第二单元格的待布局位置,对与所述待布局数据对应的第二单元格进行布局。

8.一种页面布局装置,其特征在于,包括:

单元格高度确定模块,用于响应预设操作,获取待布局数据,根据当前页面中包括的第一单元格的属性信息,确定与所述待布局数据对应的第二单元格的高度;

列确定模块,用于根据所述当前页面中包括的瀑布流的累积高度,确定所述瀑布流的目标列;

待布局位置确定模块,用于根据所述目标列以及所述第二单元格的高度,确定所述第二单元格在所述当前页面中的待布局位置;

单元格布局模块,用于根据所述待布局位置,将所述第二单元格布局在所述当前页面中。

9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-7任一项所述的页面布局方法。

10.一种电子设备,其特征在于,包括:

处理器;以及

存储器,用于存储所述处理器的可执行指令;

其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-7任一项所述的页面布局方法。


技术总结
本公开实施例是关于一种页面布局方法、页面布局装置、计算机可读存储介质以及电子设备,涉及计算机技术领域,该方法包括:响应预设操作,获取待布局数据,根据当前页面中包括的第一单元格的属性信息,确定与所述待布局数据对应的第二单元格的高度;根据所述当前页面中包括的瀑布流的累积高度,确定所述瀑布流的目标列;根据所述目标列以及所述第二单元格的高度,确定所述第二单元格在所述当前页面中的待布局位置;根据所述待布局位置,将所述第二单元格布局在所述当前页面中。本公开实施例减少了中央处理器的资源消耗。

技术研发人员:张竞豪
受保护的技术使用者:广州博冠信息科技有限公司
技术研发日:2020.12.22
技术公布日:2021.03.30
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1