列表控件的显示方法、装置及电子设备制造方法及图纸

本发明专利技术提供了一种列表控件的显示方法、装置及电子设备，获取列表控件的显示请求，生成镜像数据的第一快照数据，确定镜像数据与第一快照数据之间的映射关系；基于列表控件的显示请求及第一快照数据，对镜像数据中的至少部分镜像数据进行更新操作，生成至少部分镜像数据对应的更新数据以及更新操作指示数据；将更新操作指示数据发送至多个数据存储服务器中除第一服务器的数据存储服务器，以使数据存储服务器基于更新操作指示数据，对存储于数据存储服务器的镜像数据进行更新。该方法中，仅生成需要更新的部分镜像数据对应的更新数据，而无需复制整个镜像数据，再对其进行更新，提高了镜像数据的更新效率，减少了冗余数据的生成。减少了冗余数据的生成。减少了冗余数据的生成。

【技术实现步骤摘要】
列表控件的显示方法、装置及电子设备


[0001]本专利技术涉及计算机
，具体而言，涉及一种列表控件的显示方法、装置及电子设备。

技术介绍

[0002]相关技术中，在图形用户界面显示列表控件时，通常根据列表控件中需要显示的每个数据条目建立展示元素，并对应地设置展示元素的展示细节，最后通过列表控件对展示元素进行展示。然而该方式在列表控件需要显示的数据条目较多时，创建的展示元素较多，消耗较多系统资源。
[0003]此外，还可以建立固定数量的展示元素，然后使多个数据条目循环重复使用这些展示元素。然而，不同的数据条目可能需要通过不同展示参数的展示元素进行展示，基于各个数据条目对已经建立好的展示元素的展示参数进行调整后，展示元素本身的尺寸会发生变化，已经建立的的展示元素可能不能满足列表控件中的列表数据显示需求，导致出现显示错误的情况。

技术实现思路

[0004]有鉴于此，本专利技术的目的在于提供一种列表控件的显示方法、装置及电子设备，以建立较少的展示元素，减少系统资源的浪费，提高列表控件的显示效率。
[0005]第一方面，本专利技术实施例提供了一种列表控件的显示方法，该方法包括：响应列表控件的显示触发事件，生成列表控件对应的展示元素集合；展示元素集合包括设定数量的展示元素；展示元素用于在列表控件的元素展示窗口展示列表控件对应的目标数据；获取列表控件对应的目标数据，基于目标数据及元素展示窗口，更新展示元素集合；更新后的展示元素集合中的展示元素的数量大于、等于或小于设定数量；更新后的展示元素集合中的目标展示元素的展示参数与目标数据相匹配；显示列表控件，在列表控件的元素展示窗口显示目标展示元素。
[0006]第二方面，本专利技术实施例提供了一种列表控件的显示装置，该装置包括：展示元素生成模块，用于响应列表控件的显示触发事件，生成列表控件对应的展示元素集合；展示元素集合包括设定数量的展示元素；展示元素用于在列表控件的元素展示窗口展示列表控件对应的目标数据；展示元素更新模块，用于获取列表控件对应的目标数据，基于目标数据及元素展示窗口，更新展示元素集合；更新后的展示元素集合中的展示元素的数量大于、等于或小于设定数量；更新后的展示元素集合中的目标展示元素的展示参数与目标数据相匹配；展示元素显示模块，用于显示列表控件，在列表控件的元素展示窗口显示目标展示元素。
[0007]第三方面，本专利技术实施例提供了一种电子设备，包括处理器和存储器，存储器存储有能够被处理器执行的机器可执行指令，处理器执行机器可执行指令以实现上述的列表控件的显示方法。
[0008]第四方面，本专利技术实施例提供了一种机器可读存储介质，该机器可读存储介质存储有机器可执行指令，机器可执行指令在被处理器调用和执行时，机器可执行指令促使处理器实现上述的列表控件的显示方法。
[0009]本专利技术实施例带来了以下有益效果：
[0010]上述一种列表控件的显示方法、装置及电子设备，响应列表控件的显示触发事件，生成列表控件对应的展示元素集合；展示元素集合包括设定数量的展示元素；展示元素用于在列表控件的元素展示窗口展示列表控件对应的目标数据；获取列表控件对应的目标数据，基于目标数据及元素展示窗口，更新展示元素集合；更新后的展示元素集合中的展示元素的数量大于、等于或小于设定数量；更新后的展示元素集合中的目标展示元素的展示参数与目标数据相匹配；显示列表控件，在列表控件的元素展示窗口显示目标展示元素。该方式在显示列表控件时通过建立较少的展示元素以展示复杂多变的列表数据，减少了系统资源的浪费，提高了列表控件的显示效率。
[0011]本专利技术的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
[0012]为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
[0013]为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0014]图1为本专利技术实施例提供的一种列表控件的显示方法的流程图；
[0015]图2为本专利技术实施例提供的一种列表控件的参数的示意图；
[0016]图3为本专利技术实施例提供的一种jump_to_top情况下可视窗与容器层的相对位置示意图；
[0017]图4为本专利技术实施例提供的一种jump_to_bottom情况下可视窗与容器层的相对位置示意图；
[0018]图5为本专利技术实施例提供的另一种jump_to_bottom情况下可视窗与容器层的相对位置示意图；
[0019]图6为本专利技术实施例提供的一种update_items_top_to_bottom情况下可视窗与容器层的相对位置示意图；
[0020]图7为本专利技术实施例提供的另一种update_items_top_to_bottom情况下可视窗与容器层的相对位置示意图；
[0021]图8为本专利技术实施例提供的一种对展示元素进行循环复用过程的示意图；
[0022]图9为本专利技术实施例提供的一种容器中的展示元素数量变化情况的示意图；
[0023]图10为本专利技术实施例提供的一种容器中展示元素的显示出界情况的示意图；
[0024]图11为本专利技术实施例提供的一种列表控件的显示装置的结构示意图；
[0025]图12为本专利技术实施例提供的一种电子设备的结构示意图。
具体实施方式
[0026]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0027]在图形用户界面中，列表控件经常用于显示各种数据。例如，ListView是一种图形用户界面的基础控件，实现上下或左右滑动的列表，每个展示元素(item)的尺寸都相等。ScrollView和ListView交互类似，唯一区别是：展示元素的尺寸不一定相等，且滑动过程中可能动态变化。
[0028]列表控件中会用到单个展示元素节点(也称为“ItemNode”)。在对列表控件的滑动操作时，通过可视窗口显示玩家可以看到的展示元素节点，超出可视窗口范围的ItemNodes会被裁剪。其中，可视窗的范围大小也称为可视窗口size。
[0029]InnerContainer为ListView/ScrollView中用于实际摆放ItemNode的容器层。InnerContainer的实际尺寸大小可称为inner_size，且总是大于等于可视窗本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种列表控件的显示方法，其特征在于，所述方法包括：响应列表控件的显示触发事件，生成所述列表控件对应的展示元素集合；所述展示元素集合包括设定数量的展示元素；所述展示元素用于在所述列表控件的元素展示窗口展示所述列表控件对应的目标数据；获取所述列表控件对应的目标数据，基于所述目标数据及所述元素展示窗口，更新所述展示元素集合；更新后的展示元素集合中的展示元素的数量大于、等于或小于所述设定数量；更新后的展示元素集合中的目标展示元素的展示参数与所述目标数据相匹配；显示所述列表控件，在所述列表控件的元素展示窗口显示所述目标展示元素。2.根据权利要求1所述的方法，其特征在于，所述展示元素集合包括多个展示元素；所述目标数据包括多个数据条目；基于所述目标数据及所述元素展示窗口，更新所述展示元素集合的步骤，包括：基于所述目标数据，从所述多个展示元素中确定目标展示元素以及所述目标展示元素的展示参数；所述目标展示元素与所述目标数据中的数据条目对应；所述目标展示元素用于展示对应的数据条目；基于所述展示元素集合中的目标展示元素的展示参数，确定所述目标展示元素是否将所述元素展示窗口填满；如果否，在所述展示元素集合中生成新增的展示元素，通过新增的展示元素将所述元素展示窗口填满。3.根据权利要求2所述的方法，其特征在于，通过新增的展示元素将所述元素展示窗口填满的步骤，包括：基于所述目标数据，确定新增的展示元素对应的数据条目及展示参数，将所述新增的展示元素确定为目标展示元素；继续执行基于所述展示元素集合中的目标展示元素的展示参数，确定所述目标展示元素是否将所述元素展示窗口填满的步骤，直至所述目标展示元素将所述元素展示控件填满。4.根据权利要求2所述的方法，其特征在于，所述多个展示元素按照预设的排列顺序排列；所述展示元素集合包括首位备用展示元素、多个可用展示元素及末位备用元素；所述多个数据条目按照预设的展示顺序排列；基于所述目标数据，从所述多个展示元素中确定目标展示元素以及所述目标展示元素的展示参数的步骤，包括：将所述展示元素集合中的第一个可用展示元素确定为当前展示元素；将所述多个数据条目中的设定展示顺序的数据条目确定为所述当前展示元素对应的当前条目；基于所述当前条目，确定所述当前展示元素的展示参数；将所述当前展示元素确定为已用展示元素，基于所述展示元素集合中的已用展示元素的展示参数，判断所述目标展示元素是否将所述元素展示窗口填满；如果未将元素展示窗口填满，按照所述排列顺序确定下一个已用展示元素，继续执行基于所述展示元素集合中的已用展示元素的展示参数，判断所述目标展示元素是否将所述元素展示窗口填满的步骤，直至至少满足下述条件之一：所述当前展示元素为最后一个可
用展示元素，所述当前条目为最后一个数据条目，所述目标展示元素将所述元素展示窗口填满；将所述展示元素集合中的已展示元素确定为目标展示元素。5.根据权利要求4所述的方法，其特征在于，按照所述排列顺序确定下一个已用展示元素的步骤，包括：将位于所述当前展示元素之后的展示元素更新为当前展示元素；将所述多个数据条目中位于所述当前条目之后的数据条目更新为所述当前展示元素对应的当前条目；基于更新后的所述当前条目，确定更新后的所述当前展示元素的展示参数；将更新后的所述当前展示元素确定为已用展示元素。6.根据权利要求2所述的方法，其特征在于，所述展示参数包括高度参数；所述元素展示窗口对应于预设的总展示高度；所述目标展示元素包括多个；基于所述展示元素集合中的目标展示元素的展示参数，确定所述目标展示元素是否将所述元素展示窗口填满的步骤，包括：基于所述展示元素集合中的多个目标展示元素的高度参数，确定所述多个目标展示元素的高度之和；判断所述目标展示元素的高度之和是否大于或等于所述元素展示窗口的总展示高度；如果是，确定所述目标展示元素将所述元素展示窗口填满；如果否，确定所述目标展示元素未将所述元素展示窗口填满。7.根据权利要求1所述的方法，其特征在于，所述目标数据包括多个数据条目；所述多个数据条目按照预设的展示顺序排列；所述方法还包括：响应作用于所述列表控件的滑动操作，控制所述目标展示元素跟随所述滑动操作的触点位置在所述元素展示窗口移动；基于所述多个数据条目的展示顺序及所述滑动操作，确定所述多个...

【专利技术属性】
技术研发人员：郑锦旺，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：