信息显示方法、设备及存储介质与流程

1.本发明属于终端技术领域，尤其涉及一种信息显示方法、设备及存储介质。


背景技术：

2.在现有的显示界面中，如聊天界面，需要显示很多子组件(如图片、文件)。而在未完全加载完子组件前，无法知道每一子组件的尺寸信息。因此，通常会通过滚动的方式逐一将加载完成的子组件显示。但是这种方式无法直接跳转到指定的子组件，降低用户与终端的交互效率。


技术实现要素：

3.本发明提供一种信息显示方法、设备及存储介质，能提升用户与终端的交互效率。
4.根据本发明实施例第一方面的一种信息显示方法,所述方法包括：
5.获取列表组件；其中，所述列表组件包括待显示组件列表，所述待显示组件列表至少包括一个第一组件；
6.对所述待显示组件列表中每一第一组件进行渲染，得到所述第一组件的尺寸信息；
7.在当前显示界面获取目标显示位置以及当前显示位置；
8.根据所述列表组件中每一组件的尺寸信息，获取所述当前显示位置到所述目标显示位置的第一偏移量；
9.在当前显示界面将所述当前显示位置偏移所述第一偏移量，以显示目标显示组件。
10.根据本技术实施例第二方面的一种设备，包括：
11.至少一个处理器，以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行所述指令时实现如第一方面所述的信息显示方法。
12.根据本技术实施例第三方面的一种包括存储有计算机可执行指令，所述计算机可执行指令用于执行如第一方面所述的信息显示方法。
13.根据本发明的上述实施例，至少具有如下有益效果：通过对待显示组件列表的每一第一组件渲染，得到第一组件的尺寸信息，此时，当用户需要跳转至未完全显示的第一组件时，根据已渲染得到的尺寸信息快速得到需要偏移的真实距离，从而提升用户查看的效率同时不影响其他第一组件的加载，提升用户与终端的交互效率。
附图说明
14.图1是本发明实施例的信息显示方法对应的装置的结构示意图；
15.图2是本发明实施例的信息显示方法的流程示意图。
具体实施方式
16.为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
17.需理解的是，除非另有明确的限定，设置、安装、连接等词语应做广义理解，所属技术领域技术人员可以结合技术方案的具体内容合理确定上述词语在本发明中的具体含义。如果有描述到第一、第二只是用于区分技术特征为目的，而不能理解为指示或按时相对重要性或者隐含指明所指示的计数特征的数量或隐含指明所指示的技术特征的先后关系。
18.在现有的显示界面中，如聊天界面，需要显示很多子组件(如图片、文件)。而在未完全加载完子组件前，无法知道每一子组件的尺寸信息。因此，通常会通过滚动的方式逐一将加载完成的子组件显示。但是这种方式无法直接跳转到指定的子组件，降低用户与终端的交互效率。为此，本技术提供一种信息显示方法、设备及存储介质，通过对待显示的每一第一组件渲染得到对应的尺寸信息，使得在显示界面中的每一组件的尺寸信息可知，从而能够得到显示目标显示组件的第一偏移量，提升用户与终端的交互效率。
19.如图1所示，本技术提供一种信息显示装置，包括：
20.获取模块100，获取模块100用于获取显示的列表组件、当前显示位置、目标显示位置；列表组件包括待显示组件列表；
21.显示模块200，显示模块200用于显示列表组件；
22.渲染模块300，渲染模块300用于将待显示组件列表进行渲染得到待显示组件列表中每一第一组件的尺寸信息；
23.计算模块400，计算模块用于根据当前显示位置、目标显示位置以及列表组件中每一组件的尺寸信息，得到第一偏移量；
24.处理模块500，处理模块500用于根据第一偏移量将目标显示位置的目标显示组件在显示模块200显示。
25.需说明的是，在实际应用过程中，图片、文字等组件信息会逐一在显示模块200中显示，在组件未完全显示前，用户进行跳转时，处理模块500无法知道具体的偏移量，从而不能直接在显示模块200上显示对应的图片或文字等组件信息，具体的如闲鱼的聊天界面，通过循环滚动的方式显示组件。本技术中采用渲染模块300将未完全显示的待显示组件列表中每一第一组件逐一渲染，会获得每一第一组件的尺寸信息，在第一组件未完全显示前，当用户点击到某一第一组件附近(即目标显示位置)时，即可通过目标显示位置到当前显示位置之间的列表组件中的组件的尺寸信息得到第一偏移量，从而能在显示模块200中显示偏移第一偏移量后的目标显示位置的第一组件的信息。
26.本领域技术人员可以理解的是，图1中示出的拓扑结构并不构成对本技术实施例的限定，可以包括比图示更多或更少的模块，或者组合某些模块，或者不同的模块布置。
27.为此，本技术还提供一种信息显示方法的方法，如图2所示，方法包括：
28.步骤s100、获取列表组件；其中，列表组件包括待显示组件列表，待显示组件列表至少包括一个第一组件。
29.需说明的是，列表组件包含了用于显示的所有组件的信息(第一组件和第二组件)，待显示组件列表为未完全显示的第一组件的集合，第二组件为已经在显示界面显示的
组件。列表组件中的每一组件均按照显示顺序排列存储。
30.步骤s200、对待显示组件列表中每一第一组件进行渲染，得到第一组件的尺寸信息。
31.需说明的是，尺寸信息会存储在对应的组件的信息中。
32.步骤s300、在当前显示界面获取目标显示位置以及当前显示位置。
33.需说明的是，当前显示位置为当前显示界面中已显示的第一个第二组件在组件列表中的位置；目标显示位置为目标显示处的目标组件在组件列表中的位置。
34.步骤s400、根据列表组件中每一组件的尺寸信息，获取当前显示位置到目标显示位置的第一偏移量。
35.需说明的是，由于每一第一组件的尺寸信息可知，而第二组件由于已显示，因此也可以得到第二组件的尺寸信息，此时，根据当前显示界面已显示的第二组件和待显示的第一组件可以知道当前显示界面应当偏移的第一偏移量。
36.步骤s500、在当前显示界面将当前显示位置偏移第一偏移量，以显示目标显示组件。
37.因此，通过对待显示组件列表的每一第一组件渲染，得到第一组件的尺寸信息，此时，当用户需要跳转至至未完全显示的第一组件时，根据已渲染得到的尺寸信息快速得到需要偏移的真实距离，从而提升用户查看的效率同时不影响其他第一组件的加载，提升用户与终端的交互效率。
38.可理解为，在步骤s200之前，方法还包括在当前显示界面下创建控件渲染层。对应的，步骤s200、对待显示组件列表中每一第一组件渲染，得到第一组件的尺寸信息，包括：在控件渲染层中分别加载第一组件；分别渲染每一第一组件，得到第一组件的尺寸信息。
39.需说明的是，控件渲染层位于显示界面的下方且对于用户不可见，具有与显示界面相同的尺寸信息，从而可以使得渲染得到的尺寸信息与实际显示界面的匹配。
40.可理解为，分别渲染每一第一组件，得到第一组件的尺寸信息，包括：分别渲染每一第一组件，得到第一组件的高度、宽度；将第一组件的高度、宽度存储到列表组件中的第一组件中。
41.可理解为，步骤s400、根据组件列表中每一组件的尺寸信息，获取当前显示位置到目标显示位置的第一偏移量，包括：计算当前显示位置到目标显示位置之间的若干第一组件和若干第二组件的高度之和，得到第一偏移量；其中，第二组件为列表组件中已显示的组件。
42.示例性的，获取在目标显示位置处的目标显示组件在列表组件中的位置索引a，则可以根据列表组件中存储的每一组件的尺寸信息，得到目标显示组件距离列表组件中起始组件的高度h1，获取当前显示位置(即显示界面上第一个第二组件的位置)的位置索引b，其中b对应的高度为h2，则第一偏移量为h1
‑
h2。此时，在显示界面偏移h1
‑
h2即可显示目标显示组件。
43.可理解为，当任一第一组件渲染完成时，方法还包括：在控件渲染层中，销毁渲染完成的第一组件。
44.可理解为，当第一组件全部被渲染完后，方法还包括移除控件渲染层。
45.可理解为，在步骤s200之前还包括，创建第一线程和第二线程；其中，第一线程用
于渲染第一组件；第二线程用于根据每一第一组件的尺寸信息，获取当前显示位置到目标显示位置的第一偏移量。
46.本技术还提出一种设备，包括：
47.与至少一个处理器通信连接的存储器；其中，
48.存储器存储有指令，指令被至少一个处理器执行，以使至少一个处理器执行指令时实现如上述的信息显示方法。
49.存储器作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外，存储器可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中，存储器可选包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
50.本技术还提出一种存储介质，包括存储有计算机可执行指令，计算机可执行指令用于执行如上述的信息显示方法。
51.需说明的是，术语存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。存储介质包括但不限于ram、rom、eeprom、闪存或其他存储器技术、cd
‑
rom、数字多功能盘(dvd)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。
52.以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。