列表显示方法、电子设备及存储介质技术

本公开关于一种列表显示方法、电子设备及存储介质，涉及计算机技术领域。本公开实施例用以减少电子设备在列表显示时的白屏现象。该方法包括：确定待显示列表的业务类型；从所述电子设备的已创建列表中确定待复用列表；所述待复用列表的业务类型与所述待显示列表的业务类型相同；在所述待复用列表的内容框与所述待显示列表的目标内容框相同的情况下，将所述待复用列表作为待显示列表进行显示；所述目标内容框包括所述待显示列表的待显示内容。内容框包括所述待显示列表的待显示内容。内容框包括所述待显示列表的待显示内容。

【技术实现步骤摘要】
列表显示方法、电子设备及存储介质


[0001]本公开涉及计算机
，尤其涉及一种列表显示方法、电子设备及存储介质。

技术介绍

[0002]随着跨平台移动应用开发框架的发展（如React
‑
Native(RN)框架），越来越多的移动开发团队开始使用其进行应用程序开发。利用RN框架，开发人员可以开发出能够同时在iOS系统和Android系统中运行的应用程序，同时，还可以通过JavaScript(JS)动态创建任意样式的原生视图，即，可以通过服务器下发JS代码，JS代码在执行时创建指定样式的原生视图。
[0003]然而，利用RN框架在iOS系统下进行应用程序的开发时，存在以下问题：iOS系统内置的列表视图组件(ListView)在实现列表场景时，对于每一个待显示列表，需要从JS组件中获取待显示列表的所有创建信息，包括待显示列表的列表框样式信息、内容框样式信息以及内容信息等。这样一来，在实现一些高性能需求的列表场景时，每显示一个列表都要与JS组件进行大量的数据传输，可能出现占用CPU资源较多，导致界面切换过程不流畅，进而出现白屏现象。

技术实现思路

[0004]本公开提供一种列表显示方法、电子设备及存储介质，以减少电子设备在列表显示时的白屏现象。本公开的技术方案如下：根据本公开实施例的第一方面，提供一种列表显示方法，应用于电子设备，包括：确定待显示列表的业务类型；根据待显示列表的业务类型，从电子设备的已创建列表中确定待复用列表；待复用列表的业务类型与待显示列表的业务类型相同；在待复用列表的内容框与待显示列表的目标内容框相同的情况下，将待复用列表作为待显示列表进行显示；目标内容框包括待显示列表的待显示内容。
[0005]可选的，上述方法还包括：在待复用列表的内容框与待显示列表的目标内容框不相同的情况下，若内容框数据库中存在目标内容框，则根据目标内容框，显示待显示列表。
[0006]可选的，上述方法还包括：在待复用列表的内容框与待显示列表的目标内容框不相同的情况下，若内容框数据库中不存在目标内容框，判断内容框数据库中是否存在空闲内容框；空闲内容框为未在电子设备上显示的内容框；在内容框数据库中存在空闲内容框的情况下，根据空闲内容框，显示待显示列表。
[0007]可选的，电子设备中部署有列表视图组件和JS组件；根据空闲内容框，显示待显示列表，包括：通过列表视图组件从JS组件中获取待显示内容；通过列表视图组件，基于待显示内容，替换空闲内容框中的内容，得到目标内容框；通过列表视图组件，根据目标内容框，显示待显示列表。
[0008]可选的，通过列表视图组件，基于待显示内容，替换空闲内容框中的内容，得到目标内容框，包括：通过列表视图组件，在空闲内容框中显示白屏遮罩；白屏遮罩用于覆盖空
闲内容框中的内容；通过列表视图组件，基于待显示内容，替换空闲内容框中的内容，并删除白屏遮罩，得到目标内容框。
[0009]可选的，电子设备中部署有列表视图组件和JS组件；上述方法还包括：在内容框数据库中不存在空闲内容框的情况下，通过列表视图组件创建初始内容框；通过列表视图组件从JS组件中获取待显示内容；通过列表视图组件，基于待显示内容，替换初始内容框中的内容，得到目标内容框；通过列表视图组件，根据目标内容框，显示待显示列表。
[0010]可选的，上述方法还包括：在电子设备的已创建列表中不存在待复用列表的情况下，创建待显示列表的列表框以及待显示列表的目标内容框，以显示待显示列表。
[0011]根据本公开实施例的第二方面，提供一种列表显示装置，列表显示装置包括确定单元、判断单元以及显示单元；确定单元，用于确定待显示列表的业务类型；确定单元，还用于根据待显示列表的业务类型从列表显示装置的已创建列表中确定待复用列表；待复用列表的业务类型与待显示列表的业务类型相同；判断单元，用于判断待复用列表的内容框与待显示列表的目标内容框是否相同；显示单元，用于在待复用列表的内容框与待显示列表的目标内容框相同的情况下，将待复用列表作为待显示列表进行显示；目标内容框包括待显示列表的待显示内容。
[0012]可选的，显示单元还用于：在待复用列表的内容框与待显示列表的目标内容框不相同的情况下，若内容框数据库中存在目标内容框，则根据目标内容框，显示待显示列表。
[0013]可选的，判断单元还用于：在待复用列表的内容框与待显示列表的目标内容框不相同的情况下，若内容框数据库中不存在目标内容框，判断内容框数据库中是否存在空闲内容框；空闲内容框为未在列表显示装置上显示的内容框；显示单元，还用于在内容框数据库中存在空闲内容框的情况下，根据空闲内容框，显示待显示列表。
[0014]可选的，列表显示装置中部署有列表视图组件和JS组件；显示单元具体用于：通过列表视图组件从JS组件中获取待显示内容；通过列表视图组件，基于待显示内容，替换空闲内容框中的内容，得到目标内容框；通过列表视图组件，根据目标内容框，显示待显示列表。
[0015]可选的，显示单元，具体用于：通过列表视图组件，在空闲内容框中显示白屏遮罩；白屏遮罩用于覆盖空闲内容框中的内容；通过列表视图组件，基于待显示内容，替换空闲内容框中的内容，并删除白屏遮罩，得到目标内容框。
[0016]可选的，列表显示装置中部署有列表视图组件和JS组件；显示单元还用于：在内容框数据库中不存在空闲内容框的情况下，通过列表视图组件创建初始内容框；通过列表视图组件从JS组件中获取待显示内容；通过列表视图组件，基于待显示内容，替换初始内容框中的内容，得到目标内容框；通过列表视图组件，根据目标内容框，显示待显示列表。
[0017]可选的，显示单元还用于：在列表显示装置的已创建列表中不存在待复用列表的情况下，创建待显示列表以及待显示列表的目标内容框，以显示待显示列表。
[0018]根据本公开实施例的第三方面，提供一种电子设备，包括：处理器、用于存储处理器可执行的指令的存储器；其中，处理器被配置为执行指令，以实现上述第一方面的列表显示方法。
[0019]根据本公开实施例的第四方面，提供一种计算机可读存储介质，计算机可读存储介质上存储有指令，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述第一方面的列表显示方法。
[0020]根据本公开实施例的第五方面，提供一种计算机程序产品，计算机程序产品包括计算机指令，当计算机指令被处理器执行时，实现如上述第一方面的列表显示方法。
[0021]本公开提供的技术方案至少带来以下有益效果：本公开中电子设备首先确定待显示列表的业务类型，以此来从已创建列表中确定出与待显示列表的业务类型相同的待复用列表。由于待复用列表的业务类型与待显示列表的业务类型相同，因此待复用列表可以承载与待显示列表相同类型的业务。进一步的，在待复用列表的内容框与包括待显示列表的目标内容框相同的情况下，电子设备将待复用列表作为待显示列表进行显示，避免了在显示列表的过程中电子设备需要从JS组件中获取待本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种列表显示方法，其特征在于，应用于电子设备，所述方法包括：确定待显示列表的业务类型；根据所述待显示列表的业务类型，从所述电子设备的已创建列表中确定待复用列表；所述待复用列表的业务类型与所述待显示列表的业务类型相同；在所述待复用列表的内容框与所述待显示列表的目标内容框相同的情况下，将所述待复用列表作为待显示列表进行显示；所述目标内容框包括所述待显示列表的待显示内容。2.根据权利要求1所述的列表显示方法，其特征在于，所述方法还包括：在所述待复用列表的内容框与所述待显示列表的目标内容框不相同的情况下，若内容框数据库中存在所述目标内容框，则根据所述目标内容框，显示所述待显示列表。3.根据权利要求2所述的列表显示方法，其特征在于，所述方法还包括：在所述待复用列表的内容框与所述待显示列表的目标内容框不相同的情况下，若所述内容框数据库中不存在所述目标内容框，判断所述内容框数据库中是否存在空闲内容框；所述空闲内容框为未在所述电子设备上显示的内容框；在所述内容框数据库中存在所述空闲内容框的情况下，根据所述空闲内容框，显示所述待显示列表。4.根据权利要求3所述的列表显示方法，其特征在于，所述电子设备中部署有列表视图组件和JS组件；所述根据所述空闲内容框，显示所述待显示列表，包括：通过所述列表视图组件从所述JS组件中获取所述待显示内容；通过所述列表视图组件，基于所述待显示内容，替换所述空闲内容框中的内容，得到所述目标内容框；通过所述列表视图组件，根据所述目标内容框，显示所述待显示列表。5.根据权利要求4所述的列表显示方法，其特征在于，所述通过所述列表视图组件，基于所述待显示内容，替换所述空闲内容框中的内容，得到所述目标内容框，包括：通过所述列表视图组件，在所述空闲内容框中显示白屏遮罩；所述白屏遮罩用于覆盖所述空闲内容框中的内容；通过所述列表视图组件，基于所述待显示内容，替换所述空闲内容框中的内容，并删除所述白屏遮罩，得到所述目标内容框。6.根据权利要求3所述的列表显示方法，其特征在于，所述电子设备中部署有列表视图组件和JS组件；所述方法还包括：在所述内容框数据库中不存在所述空闲内容框的情况下，通过所述列表视图组件创建初始内容框；通过所述列表视图组件从所述JS组件中获取所述待显示内容；通过所述列表视图组件，基于所述待显示内容，替换所述初始内容框中的内容，得到所述目标内容框；通过所述列表视图组件，根据所述目标内容框，显示所述待显示列表。7.根据权利要求1所述的列表显示方法，其特征在于，所述方法还包括：在所述电子设备的已创建列表中不存在所述待复用列表的情况下，创建所述待显示列表的列表框以及所述待显示列表的目标内容框，以显示所述待显示列表。8.一种列表显示装置，其特征在于，所述列表显示装置包括确定单元、判断单元以及显
示单元；所述确定单元，用于确定待显示列表的业务类型；所述确定单元，还用于根据所述待显示列表的业务类型，从所述列表显示装置的已创建列表中确定待复用列表；所述待复用列表的业务类型与所述待显示列表的业务类型相同...

【专利技术属性】
技术研发人员：张鹏，潘志宇，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：