页面布局方法和装置、计算机可读存储介质、电子设备制造方法及图纸

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

【技术实现步骤摘要】
页面布局方法和装置、计算机可读存储介质、电子设备
本公开实施例涉及计算机
，具体而言，涉及一种页面布局方法、页面布局装置、计算机可读存储介质以及电子设备。
技术介绍
直播应用的首页通常会采用视觉表现为参差不齐的多栏布局，随着页面滚动条的滚动不断加载数据块，这种布局方式称为瀑布流式数据布局。瀑布流式数据布局有自定义的布局类来实现，采用自定义布局类有效的降低了界面复杂度，节省了空间，同时对触屏设备来说，交互方式更符合直觉。现有的瀑布流式数据布局方案为：当滑动列表加载列表数据时，需要对本地列表中的所有数据进行位置计算，随着用户的滑动，获取的数据不断增多，计算量也不断增大，花费大量的CPU资源，导致应用卡顿，降低了用户体验。因此，需要提供一种新的页面布局方法。需要说明的是，在上述
技术介绍
部分专利技术的信息仅用于加强对本专利技术的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本专利技术的目的在于提供一种页面布局方法、页面布局装置、计算机可读存储介质以及电子设备，进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的CPU资源消耗较大的问题。根据本公开的一个方面，提供一种页面布局方法，包括：响应预设操作，获取待布局数据，根据当前页面中包括的第一单元格的属性信息，确定与所述待布局数据对应的第二单元格的高度；根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列；根据所述目标列以及所述第二单元格的高度，确定所述第二单元格在所述当前页面中的待布局位置；根据所述待布局位置，将所述第二单元格布局在所述当前页面中。在本公开的一种示例性实施例中，在获取待布局数据之前，所述页面布局方法还包括：当所述预设操作为下拉刷新操作时，获取所述当前页面所包括的数据，并将所述当前页面包括的数据设置为本地列表数据；清空所述当前页面所包括的第一单元格的位置的缓存信息，并将所述当前页面中包括的瀑布流的累积高度以及标记变量的值设置为零，其中，所述标记变量用于标记所述当前页面中已布局的第一单元格的个数。在本公开的一种示例性实施例中，在响应预设操作，获取待布局数据之后，所述页面布局方法还包括：将所述待布局数据添加到本地列表数据中，其中，所述本地列表数据中数据标号大于标记变量的数据为所述待布局数据，所述数据标号为所述待布局数据在所述本地列表数据中的位置。在本公开的一种示例性实施例中，根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列，包括：获取所述当前页面中包括的瀑布流的列数以及所述瀑布流的累积高度，并对所述瀑布流的累积高度进行排序，得到排序结果；将排序结果中包括的所述瀑布流的累积高度最小的瀑布流的列，作为所述瀑布流的目标列。在本公开的一种示例性实施例中，在确定所述第二单元格在所述当前页面中的待布局位置之后，所述页面布局方法还包括：根据所述第二单元格的高度，对所述当前页面包括的瀑布流的累积高度进行更新。在本公开的一种示例性实施例中，所述页面布局方法还包括：将所述第二单元格以及所述第二单元格在所述当前页面中的待布局位置缓存在数据流字典中，并对所述标记变量的值进行更新。在本公开的一种示例性实施例中，所述页面布局方法还包括：判断所述第二单元格是否存在于所述数据流字典中，当所述数据流字典中包括所述第二单元格时，获取所述第二单元格的待布局位置；根据所述第二单元格的待布局位置，对与所述待布局数据对应的第二单元格进行布局。根据本公开的一个方面，提供一种页面布局装置，包括：单元格高度确定模块，用于响应预设操作，获取待布局数据，根据当前页面中包括的第一单元格的属性信息，确定与所述待布局数据对应的第二单元格的高度；列确定模块，用于根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列；待布局位置确定模块，用于根据所述目标列以及所述第二单元格的高度，确定所述第二单元格在所述当前页面中的待布局位置；单元格布局模块，用于根据所述待布局位置，将所述第二单元格布局在所述当前页面中。根据本公开的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现上述任一项所述的页面布局方法。根据本公开的一个方面，提供一种电子设备，包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来上述任一项所述的页面布局方法。本专利技术实施例提供的一种游戏数据处理方法，一方面，响应预设操作，获取待布局数据，根据当前页面中包括的第一单元格的属性信息，确定与所述待布局数据对应的第二单元格的高度；根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列；根据所述目标列以及所述第二单元格的高度，确定所述第二单元格在所述当前页面中的待布局位置；根据所述待布局位置，将所述第二单元格布局在所述当前页面中，由于只需要对获取的待布局数据计算与该待布局数据对应的单元格在页面中的位置，解决了现有技术中需要对包括新数据以及历史数据所在的单元格的位置进行计算而导致的中央处理器资源消耗较大的问题，进而降低了因处理器计算压力大而导致的应用卡顿的几率；另一方面，由于需要进行位置计算的数据量减少，因此提高了页面数据布局的速度。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1示意性示出根据本专利技术示例实施例的一种集合视图类与集合视图布局类之间的关系框图。图2示意性示出根据本专利技术示例实施例的一种单元格对齐的页面布局场景图。图3示意性示出根据本专利技术示例实施例的一种单元格不对齐的页面布局场景图。图4示意性示出根据本专利技术示例实施例的一种页面布局方法的流程图。图5示意性示出根据本专利技术示例实施例的一种页面布局系统的框图。图6示意性示出根据本专利技术示例实施例的一种确定单元格所在列的场景图。图7示意性示出根据本专利技术示例实施例的一种页面布局方法的流程图。图8示意性示出根据本专利技术示例实施例的一种页面布局装置的框图。图9示意性示出根据本专利技术示例实施例的用于实现上述页面布局方法的电子设备。具体实施方式现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本专利技术将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何本文档来自技高网...

【技术保护点】
1.一种页面布局方法，其特征在于，包括：/n响应预设操作，获取待布局数据，根据当前页面中包括的第一单元格的属性信息，确定与所述待布局数据对应的第二单元格的高度；/n根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列；/n根据所述目标列以及所述第二单元格的高度，确定所述第二单元格在所述当前页面中的待布局位置；/n根据所述待布局位置，将所述第二单元格布局在所述当前页面中。/n

【技术特征摘要】
1.一种页面布局方法，其特征在于，包括：
响应预设操作，获取待布局数据，根据当前页面中包括的第一单元格的属性信息，确定与所述待布局数据对应的第二单元格的高度；
根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列；
根据所述目标列以及所述第二单元格的高度，确定所述第二单元格在所述当前页面中的待布局位置；
根据所述待布局位置，将所述第二单元格布局在所述当前页面中。


2.根据权利要求1所述的页面布局方法，其特征在于，在获取待布局数据之前，所述页面布局方法还包括：
当所述预设操作为下拉刷新操作时，获取所述当前页面所包括的数据，并将所述当前页面包括的数据设置为本地列表数据；
清空所述当前页面所包括的第一单元格的位置的缓存信息，并将所述当前页面中包括的瀑布流的累积高度以及标记变量的值设置为零，其中，所述标记变量用于标记所述当前页面中已布局的第一单元格的个数。


3.根据权利要求1所述的页面布局方法，其特征中在于，在响应预设操作，获取待布局数据之后，所述页面布局方法还包括：
将所述待布局数据添加到本地列表数据中，其中，所述本地列表数据中数据标号大于标记变量的数据为所述待布局数据，所述数据标号为所述待布局数据在所述本地列表数据中的位置。


4.根据权利要求3所述的页面布局方法，其特征在于，根据所述当前页面中包括的瀑布流的累积高度，确定所述瀑布流的目标列，包括：
获取所述当前页面中包括的瀑布流的列数以及所述瀑布流的累积高度，并对所述瀑布流的累积高度进行排序，得到排序结果；
将排序结果中包括的所述瀑布流的累积高度最小的瀑布流的列，作为所述瀑布流的目标列。


5.根据权利要求4所述的页面布局方法，其特征在于，在确定所...

【专利技术属性】
技术研发人员：张竞豪，
申请(专利权)人：广州博冠信息科技有限公司，
类型：发明
国别省市：广东;44