CN113641926B - 信息显示方法、设备及存储介质 - Google Patents
信息显示方法、设备及存储介质 Download PDFInfo
- Publication number
- CN113641926B CN113641926B CN202110823291.4A CN202110823291A CN113641926B CN 113641926 B CN113641926 B CN 113641926B CN 202110823291 A CN202110823291 A CN 202110823291A CN 113641926 B CN113641926 B CN 113641926B
- Authority
- CN
- China
- Prior art keywords
- component
- list
- display position
- information
- displayed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000009877 rendering Methods 0.000 claims abstract description 31
- 230000003993 interaction Effects 0.000 abstract description 7
- 238000005516 engineering process Methods 0.000 description 2
- 241000251468 Actinopterygii Species 0.000 description 1
- 125000004122 cyclic group Chemical group 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明属于终端技术领域,尤其涉及一种信息显示方法、设备及存储介质。方法包括获取列表组件;列表组件包括待显示组件列表;对待显示组件列表中每一第一组件渲染,得到第一组件尺寸信息;在当前显示界面获取目标显示位置以及当前显示位置;根据列表组件中每一组件的尺寸信息,获取当前显示位置到目标显示位置的第一偏移量;在当前显示界面将当前显示位置偏移第一偏移量,以显示目标显示组件。通过对待显示组件列表的每一第一组件渲染,得到第一组件的尺寸信息,当用户需要跳转到至未完全显示的第一组件时,根据已渲染得到的尺寸信息快速得到需要偏移的真实距离,以提升用户查看的效率同时不影响其他第一组件的加载,提升用户与终端的交互效率。
Description
技术领域
本发明属于终端技术领域,尤其涉及一种信息显示方法、设备及存储介质。
背景技术
在现有的显示界面中,如聊天界面,需要显示很多子组件(如图片、文件)。而在未完全加载完子组件前,无法知道每一子组件的尺寸信息。因此,通常会通过滚动的方式逐一将加载完成的子组件显示。但是这种方式无法直接跳转到指定的子组件,降低用户与终端的交互效率。
发明内容
本发明提供一种信息显示方法、设备及存储介质,能提升用户与终端的交互效率。
根据本发明实施例第一方面的一种信息显示方法,所述方法包括:
获取列表组件;其中,所述列表组件包括待显示组件列表,所述待显示组件列表至少包括一个第一组件;
对所述待显示组件列表中每一第一组件进行渲染,得到所述第一组件的尺寸信息;
在当前显示界面获取目标显示位置以及当前显示位置;
根据所述列表组件中每一组件的尺寸信息,获取所述当前显示位置到所述目标显示位置的第一偏移量;
在当前显示界面将所述当前显示位置偏移所述第一偏移量,以显示目标显示组件。
根据本申请实施例第二方面的一种设备,包括:
至少一个处理器,以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器执行所述指令时实现如第一方面所述的信息显示方法。
根据本申请实施例第三方面的一种包括存储有计算机可执行指令,所述计算机可执行指令用于执行如第一方面所述的信息显示方法。
根据本发明的上述实施例,至少具有如下有益效果:通过对待显示组件列表的每一第一组件渲染,得到第一组件的尺寸信息,此时,当用户需要跳转至未完全显示的第一组件时,根据已渲染得到的尺寸信息快速得到需要偏移的真实距离,从而提升用户查看的效率同时不影响其他第一组件的加载,提升用户与终端的交互效率。
附图说明
图1是本发明实施例的信息显示方法对应的装置的结构示意图;
图2是本发明实施例的信息显示方法的流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
需理解的是,除非另有明确的限定,设置、安装、连接等词语应做广义理解,所属技术领域技术人员可以结合技术方案的具体内容合理确定上述词语在本发明中的具体含义。如果有描述到第一、第二只是用于区分技术特征为目的,而不能理解为指示或按时相对重要性或者隐含指明所指示的计数特征的数量或隐含指明所指示的技术特征的先后关系。
在现有的显示界面中,如聊天界面,需要显示很多子组件(如图片、文件)。而在未完全加载完子组件前,无法知道每一子组件的尺寸信息。因此,通常会通过滚动的方式逐一将加载完成的子组件显示。但是这种方式无法直接跳转到指定的子组件,降低用户与终端的交互效率。为此,本申请提供一种信息显示方法、设备及存储介质,通过对待显示的每一第一组件渲染得到对应的尺寸信息,使得在显示界面中的每一组件的尺寸信息可知,从而能够得到显示目标显示组件的第一偏移量,提升用户与终端的交互效率。
如图1所示,本申请提供一种信息显示装置,包括:
获取模块100,获取模块100用于获取显示的列表组件、当前显示位置、目标显示位置;列表组件包括待显示组件列表;
显示模块200,显示模块200用于显示列表组件;
渲染模块300,渲染模块300用于将待显示组件列表进行渲染得到待显示组件列表中每一第一组件的尺寸信息;
计算模块400,计算模块用于根据当前显示位置、目标显示位置以及列表组件中每一组件的尺寸信息,得到第一偏移量;
处理模块500,处理模块500用于根据第一偏移量将目标显示位置的目标显示组件在显示模块200显示。
需说明的是,在实际应用过程中,图片、文字等组件信息会逐一在显示模块200中显示,在组件未完全显示前,用户进行跳转时,处理模块500无法知道具体的偏移量,从而不能直接在显示模块200上显示对应的图片或文字等组件信息,具体的如闲鱼的聊天界面,通过循环滚动的方式显示组件。本申请中采用渲染模块300将未完全显示的待显示组件列表中每一第一组件逐一渲染,会获得每一第一组件的尺寸信息,在第一组件未完全显示前,当用户点击到某一第一组件附近(即目标显示位置)时,即可通过目标显示位置到当前显示位置之间的列表组件中的组件的尺寸信息得到第一偏移量,从而能在显示模块200中显示偏移第一偏移量后的目标显示位置的第一组件的信息。
本领域技术人员可以理解的是,图1中示出的拓扑结构并不构成对本申请实施例的限定,可以包括比图示更多或更少的模块,或者组合某些模块,或者不同的模块布置。
为此,本申请还提供一种信息显示方法的方法,如图2所示,方法包括:
步骤S100、获取列表组件;其中,列表组件包括待显示组件列表,待显示组件列表至少包括一个第一组件。
需说明的是,列表组件包含了用于显示的所有组件的信息(第一组件和第二组件),待显示组件列表为未完全显示的第一组件的集合,第二组件为已经在显示界面显示的组件。列表组件中的每一组件均按照显示顺序排列存储。
步骤S200、对待显示组件列表中每一第一组件进行渲染,得到第一组件的尺寸信息。
需说明的是,尺寸信息会存储在对应的组件的信息中。
步骤S300、在当前显示界面获取目标显示位置以及当前显示位置。
需说明的是,当前显示位置为当前显示界面中已显示的第一个第二组件在组件列表中的位置;目标显示位置为目标显示处的目标组件在组件列表中的位置。
步骤S400、根据列表组件中每一组件的尺寸信息,获取当前显示位置到目标显示位置的第一偏移量。
需说明的是,由于每一第一组件的尺寸信息可知,而第二组件由于已显示,因此也可以得到第二组件的尺寸信息,此时,根据当前显示界面已显示的第二组件和待显示的第一组件可以知道当前显示界面应当偏移的第一偏移量。
步骤S500、在当前显示界面将当前显示位置偏移第一偏移量,以显示目标显示组件。
因此,通过对待显示组件列表的每一第一组件渲染,得到第一组件的尺寸信息,此时,当用户需要跳转至至未完全显示的第一组件时,根据已渲染得到的尺寸信息快速得到需要偏移的真实距离,从而提升用户查看的效率同时不影响其他第一组件的加载,提升用户与终端的交互效率。
可理解为,在步骤S200之前,方法还包括在当前显示界面下创建控件渲染层。对应的,步骤S200、对待显示组件列表中每一第一组件渲染,得到第一组件的尺寸信息,包括:在控件渲染层中分别加载第一组件;分别渲染每一第一组件,得到第一组件的尺寸信息。
需说明的是,控件渲染层位于显示界面的下方且对于用户不可见,具有与显示界面相同的尺寸信息,从而可以使得渲染得到的尺寸信息与实际显示界面的匹配。
可理解为,分别渲染每一第一组件,得到第一组件的尺寸信息,包括:分别渲染每一第一组件,得到第一组件的高度、宽度;将第一组件的高度、宽度存储到列表组件中的第一组件中。
可理解为,步骤S400、根据组件列表中每一组件的尺寸信息,获取当前显示位置到目标显示位置的第一偏移量,包括:计算当前显示位置到目标显示位置之间的若干第一组件和若干第二组件的高度之和,得到第一偏移量;其中,第二组件为列表组件中已显示的组件。
示例性的,获取在目标显示位置处的目标显示组件在列表组件中的位置索引A,则可以根据列表组件中存储的每一组件的尺寸信息,得到目标显示组件距离列表组件中起始组件的高度H1,获取当前显示位置(即显示界面上第一个第二组件的位置)的位置索引B,其中B对应的高度为H2,则第一偏移量为H1-H2。此时,在显示界面偏移H1-H2即可显示目标显示组件。
可理解为,当任一第一组件渲染完成时,方法还包括:在控件渲染层中,销毁渲染完成的第一组件。
可理解为,当第一组件全部被渲染完后,方法还包括移除控件渲染层。
可理解为,在步骤S200之前还包括,创建第一线程和第二线程;其中,第一线程用于渲染第一组件;第二线程用于根据每一第一组件的尺寸信息,获取当前显示位置到目标显示位置的第一偏移量。
本申请还提出一种设备,包括:
与至少一个处理器通信连接的存储器;其中,
存储器存储有指令,指令被至少一个处理器执行,以使至少一个处理器执行指令时实现如上述的信息显示方法。
存储器作为一种非暂态计算机可读存储介质,可用于存储非暂态软件程序以及非暂态性计算机可执行程序。此外,存储器可以包括高速随机存取存储器,还可以包括非暂态存储器,例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施方式中,存储器可选包括相对于处理器远程设置的存储器,这些远程存储器可以通过网络连接至该处理器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
本申请还提出一种存储介质,包括存储有计算机可执行指令,计算机可执行指令用于执行如上述的信息显示方法。
需说明的是,术语存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (8)
1.一种信息显示方法,其特征在于,包括:
获取列表组件;所述列表组件包括用于显示的第一组件和第二组件的信息,其中,待显示组件列表至少包括一个第一组件,所述第二组件为已经在显示界面显示的组件;
对所述待显示组件列表中每一第一组件进行渲染,得到所述第一组件的尺寸信息;
在当前显示界面获取目标显示位置以及当前显示位置,其中,所述当前显示位置为所述当前显示界面中已显示的第一个所述第二组件在组件列表中的位置;所述目标显示位置为目标显示处的目标组件在组件列表中的位置;
根据所述列表组件中每一组件的尺寸信息,获取所述当前显示位置到所述目标显示位置的第一偏移量,所述根据所述列表组件中每一组件的尺寸信息,获取所述当前显示位置到所述目标显示位置的第一偏移量,包括:
计算所述当前显示位置到所述目标显示位置之间的若干所述第一组件和若干第二组件的高度之和,得到第一偏移量;其中,所述第二组件为所述列表组件中已显示的组件;
在当前显示界面将所述当前显示位置偏移所述第一偏移量,以显示目标显示组件。
2.根据权利要求1所述的信息显示方法,其特征在于,还包括:
在当前显示界面下创建控件渲染层;
对应的,所述对所述待显示组件列表中每一第一组件渲染,得到所述第一组件的尺寸信息,包括:
在所述控件渲染层中分别加载所述第一组件;
分别渲染每一所述第一组件,得到所述第一组件的尺寸信息。
3.根据权利要求2所述的信息显示方法,其特征在于,
所述分别渲染每一所述第一组件,得到所述第一组件的尺寸信息,包括:
分别渲染每一所述第一组件,得到所述第一组件的高度、宽度;
将所述第一组件的所述高度、所述宽度存储到所述列表组件中的所述第一组件中。
4.根据权利要求2所述的信息显示方法,其特征在于,还包括:
当任一所述第一组件渲染完成时,在控件渲染层中,销毁渲染完成的所述第一组件。
5.根据权利要求4所述的信息显示方法,其特征在于,还包括:
当所述第一组件全部渲染完成后移除所述控件渲染层。
6.根据权利要求1所述的信息显示方法,其特征在于,还包括:
创建第一线程和第二线程;其中,所述第一线程用于渲染所述第一组件;所述第二线程用于根据所述列表组件中每一组件的尺寸信息,获取所述当前显示位置到所述目标显示位置的第一偏移量。
7.一种信息显示设备,其特征在于,包括:
至少一个处理器,以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器执行所述指令时实现如权利要求1至6任一所述的信息显示方法。
8.一种计算机可读存储介质,其特征在于,包括存储有计算机可执行指令,所述计算机可执行指令用于执行至少如权利要求1至6任一所述的信息显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110823291.4A CN113641926B (zh) | 2021-07-21 | 2021-07-21 | 信息显示方法、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110823291.4A CN113641926B (zh) | 2021-07-21 | 2021-07-21 | 信息显示方法、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113641926A CN113641926A (zh) | 2021-11-12 |
CN113641926B true CN113641926B (zh) | 2024-05-07 |
Family
ID=78417922
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110823291.4A Active CN113641926B (zh) | 2021-07-21 | 2021-07-21 | 信息显示方法、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113641926B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101447090A (zh) * | 2007-11-27 | 2009-06-03 | 悟空数位娱乐实业有限公司 | 动画的图片编辑方法 |
US7730015B1 (en) * | 2004-10-15 | 2010-06-01 | Oracle America, Inc. | Stackable storage access mechanism for file systems |
CN108829381A (zh) * | 2018-06-01 | 2018-11-16 | 浪潮软件集团有限公司 | 一种数据可视化方法及装置 |
CN109683978A (zh) * | 2017-10-17 | 2019-04-26 | 阿里巴巴集团控股有限公司 | 一种流式布局界面渲染的方法、装置以及电子设备 |
CN109948581A (zh) * | 2019-03-28 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 图文渲染方法、装置、设备及可读存储介质 |
CN111324835A (zh) * | 2020-02-06 | 2020-06-23 | 北京字节跳动网络技术有限公司 | 渲染用户界面组件的方法、装置、电子设备、及存储介质 |
CN111836093A (zh) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术(北京)有限公司 | 视频播放方法、装置、设备和介质 |
CN112100548A (zh) * | 2020-11-17 | 2020-12-18 | 浙江口碑网络技术有限公司 | 页面定位展示方法及装置 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040205496A1 (en) * | 2001-10-11 | 2004-10-14 | International Business Machines Corporation | Displaying subheadings and hyperlinks in a scrollable long document |
GB2418509A (en) * | 2003-06-03 | 2006-03-29 | Forbes Holton Norris Iii | Flexible, dynamic menu-based web-page architecture |
US20110099494A1 (en) * | 2009-10-22 | 2011-04-28 | Microsoft Corporation | Dynamic graphical user interface layout |
US8739023B2 (en) * | 2011-07-20 | 2014-05-27 | International Business Machines Corporation | Utilizing a graphical transition to sort an interface element independently of a document object model |
US20150370439A1 (en) * | 2014-06-24 | 2015-12-24 | Salesforce.Com, Inc. | Gpu-optimized scrolling systems and methods |
US20180095604A1 (en) * | 2016-09-30 | 2018-04-05 | Microsoft Technology Licensing, Llc | Rendering components based on screen size |
GB201708526D0 (en) * | 2017-05-28 | 2017-07-12 | Doubix | Systems methods and computer readable storage media for parallax gaming on HTML-based website displayed on stereoscopic viewing device |
-
2021
- 2021-07-21 CN CN202110823291.4A patent/CN113641926B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7730015B1 (en) * | 2004-10-15 | 2010-06-01 | Oracle America, Inc. | Stackable storage access mechanism for file systems |
CN101447090A (zh) * | 2007-11-27 | 2009-06-03 | 悟空数位娱乐实业有限公司 | 动画的图片编辑方法 |
CN109683978A (zh) * | 2017-10-17 | 2019-04-26 | 阿里巴巴集团控股有限公司 | 一种流式布局界面渲染的方法、装置以及电子设备 |
CN108829381A (zh) * | 2018-06-01 | 2018-11-16 | 浪潮软件集团有限公司 | 一种数据可视化方法及装置 |
CN109948581A (zh) * | 2019-03-28 | 2019-06-28 | 腾讯科技(深圳)有限公司 | 图文渲染方法、装置、设备及可读存储介质 |
CN111836093A (zh) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术(北京)有限公司 | 视频播放方法、装置、设备和介质 |
CN111324835A (zh) * | 2020-02-06 | 2020-06-23 | 北京字节跳动网络技术有限公司 | 渲染用户界面组件的方法、装置、电子设备、及存储介质 |
CN112100548A (zh) * | 2020-11-17 | 2020-12-18 | 浙江口碑网络技术有限公司 | 页面定位展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN113641926A (zh) | 2021-11-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110062284B (zh) | 视频播放方法、装置和电子设备 | |
CN112698769B (zh) | 信息交互方法、装置、设备、存储介质及程序产品 | |
CN105096363A (zh) | 一种编辑图片的方法及图片编辑装置 | |
CN106055612B (zh) | 一种数据分页显示方法及终端设备 | |
US10193989B2 (en) | Visualization of user behavior | |
CN110727825A (zh) | 动画播放的控制方法、装置、服务器和存储介质 | |
CN113641926B (zh) | 信息显示方法、设备及存储介质 | |
CN111258434A (zh) | 在聊天界面插入图片的方法、装置、设备及存储介质 | |
CN111694735B (zh) | 一种页面性能测试方法、装置、电子设备及存储介质 | |
CN111049735B (zh) | 群组头像显示方法、装置、设备及存储介质 | |
CN113986018B (zh) | 基于智能眼镜的视障辅助阅读学习方法、系统及存储介质 | |
CN108769979A (zh) | 移动终端及其显示运营商名称的方法、存储装置 | |
CN115269090A (zh) | 营销页面的生成方法、装置、终端及存储介质 | |
CN110673910B (zh) | 一种app系统中控制弹窗展现的控制方法及控制装置 | |
CN114022590A (zh) | 图片渲染方法及相关设备 | |
CN109299765B (zh) | 多物联网射频识别设备防碰撞方法、装置及存储介质 | |
CN113641853A (zh) | 动态封面生成方法、装置、电子设备、介质及程序产品 | |
CN112306838A (zh) | 页面布局兼容性测试方法、装置、设备及可读存储介质 | |
CN110930491B (zh) | 节点渲染方法、装置、电子设备和存储介质 | |
CN114442897B (zh) | 一种文本处理方法、装置、电子设备及存储介质 | |
CN112104907B (zh) | 图片播放方法和播放装置 | |
CN114588627A (zh) | 一种网络游戏过场图片的显示方法、装置和系统 | |
CN117033245A (zh) | 一种测试方法、系统、电子设备及计算机可读存储介质 | |
CN116126233A (zh) | 一种数据处理方法、装置、设备及介质 | |
CN116489420A (zh) | 交互方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |