列表的渲染方法、装置、电子设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115793926A(43)申请公布日2023.03.14(21)申请号202211436392.7(22)申请日2022.11.16(71)申请人深圳市亿图软件有限公司地址518000广东省深圳市南山区粤海街道滨海社区海天一路11、13、15号深圳市软件产业基地5栋B801(72)发明人洪阳(74)专利代理机构深圳尚业知识产权代理事务所(普通合伙)44503专利代理师文蓉(51)Int.Cl.G06F3/0482(2013.01)G06F9/451(2018.01)G06F3/0485(2022.01)权利要求书2页说明书8页附图6页(54)发明名称列表的渲染方法、装置、电子设备及存储介质(57)摘要本申请实施例公开一种列表的渲染方法、装置、电子设备及存储介质，其中，列表的渲染方法，包括：监听滚动容器的滚动事件；根据滚动事件，获得滚动容器中可视区域需显示的列表项；根据所述列表项，从列表数据集中获得对应的列表数据；将所述列表数据渲染在所述可视区域内，其中，所述滚动容器是根据可视区域的高度、列表的布局列数以及列表项的高度预先初始化得到，所述滚动容器的可视区域的滚动范围根据列表的高度确定。本申请的实施例，支持渲染多列布局模式下的长列表，因此，适用范围更加广泛，并且，只需要对可视区域内的列表数据进行渲染，从而，可以有效地提升列表的渲染性能，降低了渲染开销。CN115793926ACN115793926A权利要求书1/2页1.一种列表的渲染方法，其特征在于，包括：监听滚动容器的滚动事件；根据所述滚动事件，获得所述滚动容器中可视区域需显示的列表项；根据所述列表项，从列表数据集中获得对应的列表数据；将所述列表数据渲染在所述可视区域内，其中，所述滚动容器是根据可视区域的高度、列表的布局列数以及列表项的高度预先初始化得到，所述滚动容器的可视区域的滚动范围根据列表的高度确定。2.根据权利要求1所述的列表的渲染方法，其特征在于，初始化所述滚动容器，包括：根据列表数据集，确定列表项的数量，并根据列表的布局列数的初始值和所述列表项的数量，得到列表；获得所述滚动容器中可视区域的高度的初始化值，并根据所述可视区域的高度的初始化值初始化所述滚动容器；根据列表项的高度和所述列表的行数，得到所述列表的高度，并根据所述列表的高度设置所述滚动容器的可视区域的滚动条。3.根据权利要求1或2所述的列表的渲染方法，其特征在于，在根据所述列表项，从列表数据集中获得对应的列表数据之前，还包括：接收所述滚动容器中可视区域的区域范围调节指令；根据所述区域范围调节指令，重新计算所述列表的布局列数以及所述列表的高度，并根据重新计算得到的所述列表的高度重置所述可视区域的滚动范围，以及获得所述滚动容器中可视区域需显示的列表项。4.根据权利要求3所述的列表的渲染方法，其特征在于，所述获得所述滚动容器中可视区域需显示的列表项，包括：获得所述可视区域中需显示的列表项中的首个列表项和最后一个列表项的索引，其中，所述列表中每个列表项对应一个索引；根据所述可视区域中需显示的列表项中的首个列表项和最后一个列表项的索引，得到所述可视区域需显示的列表项。5.根据权利要求1所述的列表的渲染方法，其特征在于，所述将所述列表数据渲染在所述可视区域内，包括：根据所述列表数据对应的列表项在所述可视区域内的偏移量，将所述列表数据渲染到所述可视区域中的目标位置。6.根据权利要求1所述的列表的渲染方法，其特征在于，所述获得所述滚动容器中可视区域需显示的列表项之后，包括：获得所述可视区域上方的缓冲区域对应的列表项以及所述可视区域下方的缓冲区域对应的列表项；根据所述可视区域上方的缓冲区域对应的列表项以及所述可视区域下方的缓冲区域对应的列表项，从列表数据集中获得对应于所述可视区域上方的缓冲区域的列表数据以及对应于所述可视区域下方的缓冲区域的列表数据；将对应于所述可视区域上方的缓冲区域的列表数据渲染在所述可视区域上方的缓冲区域，并将对应于所述可视区域下方的缓冲区域的列表数据渲染在所述可视区域下方的缓2CN115793926A权利要求书2/2页冲区域。7.一种列表的渲染装置，其特征在于，包括：监听模块，用于监听滚动容器的滚动事件；获取模块，用于根据所述滚动事件，获得所述滚动容器中可视区域需显示的列表项；数据截取模块，用于根据所述列表项，从列表数据集中获得对应的列表数据；渲染模块，用于将所述列表数据渲染在所述可视区域内，其中，所述滚动容器是根据可视区域的高度、列表的布局列数以及列表项的高度预先初始化得到，所述滚动容器的可视区域的滚动范围根据列表的高度确定。8.一种电子设备，其特征在于，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器用于执