选择器数据显示方法、装置、存储介质和电子设备制造方法及图纸

本发明专利技术公开了一种选择器数据显示方法、装置、存储介质和电子设备。该方法包括：确定位于选择器中的第一数据，其中，第一数据在选择器中竖向排布；确定选择器的滚动条的滚动距离；根据滚动距离，确定第一数据中位于选择器的可视区域中的目标数据；在可视区域中显示目标数据。本发明专利技术解决了显示选择器中的数据时，CPU和内存的消耗大的技术问题。内存的消耗大的技术问题。内存的消耗大的技术问题。

【技术实现步骤摘要】
选择器数据显示方法、装置、存储介质和电子设备


[0001]本专利技术涉及计算机领域，具体而言，涉及一种选择器数据显示方法、装置、存储介质和电子设备。

技术介绍

[0002]现有技术中，在浏览器中使用选择器时，在选择器显示数据时，显示的数据量大，导致消耗CPU和内存过高，造成卡顿或者浏览器崩溃。

技术实现思路

[0003]本专利技术实施例提供了一种选择器数据显示方法、装置、存储介质和电子设备，以至少解决显示选择器中的数据时，CPU和内存的消耗大的技术问题。
[0004]根据本专利技术实施例的一个方面，提供了一种选择器数据显示方法，包括：确定位于上述选择器中的第一数据，其中，上述第一数据在上述选择器中竖向排布；确定上述选择器的滚动条的滚动距离；根据上述滚动距离，确定上述第一数据中位于上述选择器的可视区域中的目标数据；在上述可视区域中显示上述目标数据。
[0005]根据本专利技术实施例的另一方面，提供了一种选择器数据显示装置，包括：第一确定单元，用于确定位于上述选择器中的第一数据，其中，上述第一数据在上述选择器中竖向排布；第二确定单元，用于确定上述选择器的滚动条的滚动距离；第三确定单元，用于根据上述滚动距离，确定上述第一数据中位于上述选择器的可视区域中的目标数据；显示单元，用于在上述可视区域中显示上述目标数据。
[0006]作为一种可选的示例，上述显示单元包括：渲染模块，用于在上述选择器中的其他上述第一数据被确定为新的上述目标数据的情况下，动态渲染新的上述目标数据。
[0007]根据本专利技术实施例的又一方面，还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述选择器数据显示方法。
[0008]根据本专利技术实施例的又一方面，还提供了一种电子设备，包括存储器和处理器，上述存储器中存储有计算机程序，上述处理器被设置为通过上述计算机程序执行上述的选择器数据显示方法。
[0009]在本专利技术实施例中，采用了确定位于上述选择器中的第一数据，其中，上述第一数据在上述选择器中竖向排布；确定上述选择器的滚动条的滚动距离；根据上述滚动距离，确定上述第一数据中位于上述选择器的可视区域中的目标数据；在上述可视区域中显示上述目标数据的方法，由于在上述方法中，在显示选择器中的数据时，是将选择器中的第一数据竖向排布，确定选择器的可视区域中的目标数据，并在可视区域中显示目标数据，从而不需要对选择器中的第一数据进行大量计算，也避免了选择器中的数据量大的情况下造成的CPU和内存消耗大的问题。
附图说明
[0010]此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0011]图1是根据本专利技术实施例的一种可选的选择器数据显示方法的流程图；
[0012]图2是根据本专利技术实施例的一种可选的选择器数据显示方法的显示目标数据的示意图；
[0013]图3是根据本专利技术实施例的一种可选的选择器数据显示方法的滚动条移动后显示目标数据的示意图；
[0014]图4是根据本专利技术实施例的一种可选的选择器数据显示方法的第一位置和第二位置的示意图；
[0015]图5是根据本专利技术实施例的一种可选的选择器数据显示方法的确定第一位置的示意图；
[0016]图6是根据本专利技术实施例的一种可选的选择器数据显示装置的结构框图。
具体实施方式
[0017]为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。
[0018]需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0019]根据本专利技术实施例的第一方面，提供了一种选择器数据显示方法，可选地，如图1所示，上述方法包括：
[0020]S102，确定位于选择器中的第一数据，其中，第一数据在选择器中竖向排布；
[0021]S104，确定选择器的滚动条的滚动距离；
[0022]S106，根据滚动距离，确定第一数据中位于选择器的可视区域中的目标数据；
[0023]S108，在可视区域中显示目标数据。
[0024]可选地，在本实施例中，选择器中的数据的内容并不做限定。例如，可以为选择地址的选择器，可以为选择日期的选择器，可以为选择职业的选择器等。
[0025]可选地，本实施例中的选择器中可以包括多条数据，每一条数据所占用的选择器的高度是相同的。可以通过滚动条上下滚动来显示选择器中的不同的数据。图2是本实施例中的一种显示选择器中的目标数据的示意图。图2中，202是一个选择器，选择器可以的下拉区域204中包括了多条第一数据。可视窗口206中显示有4条第一数据，而厦门、深圳、广州等
未在可视区域206中，因此，不显示。滚动条208可以通过滚动，来显示不同的第一数据。图3是滚动条滚动后的示意图。图3中，滚动条302下拉滚动后，可视区域304中显示有新的第一数据，北京、上海和西安等不再显示。
[0026]通过本实施例，通过上述方法，在显示选择器中的数据时，将选择器中的第一数据竖向排布，确定选择器的可视区域中的目标数据，并在可视区域中显示目标数据，从而不需要对选择器中的第一数据进行大量计算，也避免了选择器中的数据量大的情况下造成的中央处理器(Central Processing Unit，简称为CPU)和内存消耗大的问题。
[0027]作为一种可选的示例，根据滚动距离，确定第一数据中位于选择器的可视区域中的目标数据包括：
[0028]确定可视区域的起始位置在选择器中的第一位置；
[0029]确定可视区域的末尾位置在选择器中的第二位置；
[0030]将第一位置与第二位置之间的第一数据确定为目标数据。
[0031]可选地，本实施例中，随着滚动条的滚动，可视区域中显示的目标数据也会发生变化。由于选择器中的第一数据是竖向排布的，因此，滚动条的滚动，会将新的第一数据确定为目标数据，而原本的目标数据中有的会不再作为目标数据进行显示。
[0032]可选地，本实施例中，可视区域始终位于选择器的下拉区域之内。选择器的下拉区域的高度大于可视区本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种选择器数据显示方法，其特征在于，包括：确定位于所述选择器中的第一数据，其中，所述第一数据在所述选择器中竖向排布；确定所述选择器的滚动条的滚动距离；根据所述滚动距离，确定所述第一数据中位于所述选择器的可视区域中的目标数据；在所述可视区域中显示所述目标数据。2.根据权利要求1所述的方法，其特征在于，所述根据所述滚动距离，确定所述第一数据中位于所述选择器的可视区域中的目标数据包括：确定所述可视区域的起始位置在所述选择器中的第一位置；确定所述可视区域的末尾位置在所述选择器中的第二位置；将所述第一位置与所述第二位置之间的所述第一数据确定为所述目标数据。3.根据权利要求2所述的方法，其特征在于，所述确定所述可视区域的起始位置在所述选择器中的第一位置包括：获取所述选择器中每一个所述第一数据的第一高度；使用所述滚动距离比上所述第一高度，得到第一结果N，其中，所述N为自然数；将所述选择器中第N+1个所述第一数据的起始位置确定为所述第一位置。4.根据权利要求3所述的方法，其特征在于，所述使用所述滚动距离比上所述第一高度，得到第一结果N包括：在所述N为小数的情况下，将所述N的整数部分确定为所述N。5.根据权利要求3所述的方法，其特征在于，所述确定所述可视区域的末尾位置在所述选择器中的第二位置包括：确定所述可视区域的第二高度；使用所述第二高度比上所述第一高度，得到第二结果M，其中，所述第二结果M为正整数；将所述选择器中第N+M个所述第一数据的末尾位置确定为所述第二位置。6.根据权利要求1至5任意一项所述的方法，其特征在于，所述确定位于所述选择器中的第一数据包括：在获取到所述选择器的输入框输入的目标关键词的情况下，从所述选择器对应的所有数据中确定出与所述目标关键词匹配的所述第一数据；在未获取到所述目标关键词的情况下，将所述所有数据确定为所述第一数据。7.根据权利要求1至5任意一项所述的方法，其特征在于，所述在所述可视区域中显示所述目标数据包括：在所述选择器中的其他所述第一数据被确定为新的所述目标数据的情况下，动态渲染新的所述目标数据。8.一种选择器数据显示装置，其特征在于，包括：第一确定单元，用于确定位于所述选择器中的第一数据，其中，所述第一数据在所述选择...

【专利技术属性】
技术研发人员：马世豪，
申请(专利权)人：北京金山云网络技术有限公司，
类型：发明
国别省市：