CN106777020A - 显示装置及显示方法 - Google Patents

显示装置及显示方法 Download PDF

Info

Publication number
CN106777020A
CN106777020A CN201611122091.1A CN201611122091A CN106777020A CN 106777020 A CN106777020 A CN 106777020A CN 201611122091 A CN201611122091 A CN 201611122091A CN 106777020 A CN106777020 A CN 106777020A
Authority
CN
China
Prior art keywords
display
display items
list
items
initialization
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.)
Pending
Application number
CN201611122091.1A
Other languages
English (en)
Inventor
唐阳健
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen City Grain Science And Technology Co Ltd
Original Assignee
Shenzhen City Grain Science And Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen City Grain Science And Technology Co Ltd filed Critical Shenzhen City Grain Science And Technology Co Ltd
Priority to CN201611122091.1A priority Critical patent/CN106777020A/zh
Publication of CN106777020A publication Critical patent/CN106777020A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning

Abstract

一种显示方法,包括:初始化列表并生成第一数量的显示项;判断是否有显示项被移出显示区域;当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表;对显示项设置新的数据显示。通过该方法,当所述显示项被移动时,只是对显示项进行垂直方向上的偏移,而避免了显示项的新生成、插入、删除和移动,即对已生成的显示项进行了重复利用,因此可以实现在有限内存的环境中实现列表的无限滚动。本发明实施例还提供一种显示装置。

Description

显示装置及显示方法
技术领域
本发明实施例涉及一种显示方法以及一种应用该显示方法的显示装置。
背景技术
随着技术的发展,移动设备功能越来越丰富,越来越多的人使用移动设备进行娱乐和生活。移动设备最常用的功能当属使用浏览器访问网站。
很多网站都会有一些以列表形式展示的信息,根据移动设备的操作习惯,这些列表一般是可以无限下拉加载的。上述网页通常使用HTML技术呈现视觉效果。然而,限于实现的机制,跟原生软件实现的列表组件相比,HTML列表的渲染性能差很多。特别当网页中包括大量数据项的列表在滚动时,会占用更多的内存,从而使页面操作出现卡顿的情况。
发明内容
本申请旨在至少在一定程度上解决相关技术中的技术问题之一。
为此,本申请的第一个目的在于提出一种一种显示方法,应用于显示装置中,其特征在于,包括:初始化列表并生成第一数量的显示项;判断是否有显示项被移出显示区域;当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表;对显示项设置新的数据显示。
本申请的第二个目的在于提出一种应用该显示方法的显示装置。
为达上述目的,本申请第一方面实施例提出了一种显示方法,包括:初始化列表并生成第一数量的显示项;判断是否有显示项被移出显示区域;当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表;对显示项设置新的数据显示。
本申请实施例的显示方法,其中所述初始化列表之后还包括: 监控所述列表滚动动作。
本申请实施例的显示方法,所述方法还包括:判断所述列表的滚动速度是否满足一预设条件;当滚动速度满足所述预设条件时,对滚动时间进行第一时间长度的延时。
本申请实施例的显示方法,所述当初始化列表并生成第一数量的显示项进一步包括,所述显示项被赋予坐标值。
本申请实施例的显示方法,当所述显示项被移动时,通过赋予显示项偏移量以更改其坐标值。
为达上述目的,本申请第二方面实施例提出了一种显示装置,包括初始化模块,监控模块,及控制模块,所述初始化模块用于初始化列表并生成第一数量的显示项;所述监控模块图用于判断是否有显示项被移出显示区域;所述控制模块用于当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表,所述显示装置还用于对显示项设置新的数据显示。
本申请实施例的显示装置,所述初始化模块还用于在初始化列表后监控所述列表滚动动作。
本申请实施例的显示装置,所述监控模块还用于监控列表滚动动作,判断所述列表滚动速度是否满足一预设条件;及 所述显示装置,还包括延时模块,用于当所述列表滚动速度满足所述预设条件时,对滚动时间进行第一时间长度的延时。
本申请实施例的显示装置,所述控制模块还用于当初始化列表并生成第一数量的显示项时赋予所述显示项坐标值。
本申请实施例的显示装置,所述控制模块还用于当所述显示项被移动时,通过赋予显示项偏移量以更改其坐标值。
通过所述显示方法,当所述显示项被移动时,只是对显示项进行垂直方向上的偏移,而避免了显示项的新生成、插入、删除和移动,即对已生成的显示项进行了节点重复利用,因此可以实现在有限内存的环境中实现列表的无限滚动。
附图说明
图1为本发明实施例显示方法的流程图。
图2为本发明实施例显示装置的示意图。
图3为本发明实施例显示装置的方框图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本申请,而不能理解为对本申请的限制。
下面参考附图描述本申请关于一种显示装置以及一种显示方法的实施例。
请参考图1及图2,图1为本发明实施例显示方法100的流程图,图2为本发明实施例显示装置200的示意图。所述显示装置200包括一显示屏201,所述显示屏201包括一显示区域202。
所述显示方法100包括:
步骤110,初始化列表并生成第一数量的显示项;
步骤120,监控列表滚动动作;
步骤130,判断是否有显示项被移出显示区域,若判断有显示项被移出显示区域,到步骤140;
步骤140,判断所述列表的滚动速度是否满足预设条件,若滚动速度满足预设条件,到步骤150,若滚动速度不满足预设条件,到步骤160;
步骤150,对滚动时间进行第一时间长度的延时;
步骤160,判断所述列表的滚动方向是否为向下滚动,若滚动方向为向下滚动,到步骤170;若滚动方向为向上滚动,到步骤180;
步骤170,将至少一移出的显示项显示于列表末端;
步骤180,将至少一移出的显示项显示于列表顶端;
步骤190,对显示项设置新的数据显示。
需要说明的是,此处定义的方向,“上”对应于“下”,“末端”对应于“顶端”。
对于步骤110,所述列表内容被初始化以显示于所述显示项中。所述显示区域用于同时显示第二数量的显示项,所述第二数量小于或者等于第一数量。列表初始化时,根据所述显示项的高度和所述显示屏201的可视高度,生成有限数量的所述显示项,所述有限数量在这里被称之为第一数量,所述述显示屏201的显示区域202可以同时容纳的显示项数量称之为第二数量。
例如,在一实施例中,所述显示区域可以同时容纳的显示项为10个,则可以生成12个显示项。列表滚动时,由于所述显示区域只能同时显示10个显示项,被移出显示区域的显示项被移动到回收箱,被移入显示区域的显示项被从回收箱中取出作为新的显示于所述显示区域的显示项,2个显示项缓存于回收箱随时准备被调用。
在步骤120,实时监控所述列表的滚动操作。
在一实施例中,所述显示项在初始化时被赋予了坐标值,所述针对显示项的移动均为坐标值一特定方向上的移动。在本发明的一个实施例中,所述列表的滚动方向为向上滚动或者向下滚动。
在一实施例中,步骤140中的所述预设条件为,所述列表的滚动速度,即所述显示项的移动速度超过了一预设值。本实施方式中,当所述第一数量的显示项的移动速度超过所述预设值时,即单位时间内移动的显示项数量超过了所述第一数量时,所述预设条件视为被满足。
本实施例中,步骤150中的所述第一时间长度的延时时间为100毫秒。
在一实施例中,在所述第一时间长度的延时过程中,所述显示区域的显示项不会被设置新的数据显示,而是显示模糊状图像,延时过程中认为列表仍然处于滚动状态,第一时间长度延时过后,若判断列表滚动速度满足所述预设条件,则继续执行延时第一时间长度。在其他实施例中,在所述第一时间长度的延时过程中,所述显示区域用于显示固定图像。本发明对此不进行限定。
本实施方式中,所述显示区域202用于显示一网页,或称为一列表。所述网页内容经初始化后形成若干适应于所述显示区域202的元素。所述显示装置200还依据所述显示区域202生成第一数量的显示项。
以显示项2021以及显示项2022为例,当所述显示装置200工作时,所述显示项2021位于所述列表的顶部,所述显示项2022位于所述列表的底部,所述显示项2021及所述显示项2022分别被用于显示插入的元素。本实施方式中,所述显示项2021及所述显示项2022分别被赋予一坐标值。
在步骤170中,如图2所示,当所述列表向下滚动时,所述显示项2022位于列表末端,位于列表顶端的显示项2021向上移动将被移出显示区域,此时所述显示项2021将被赋予一垂直方向上的偏移量,使得列表滚动一格显示项距离后所述显示项2021被显示于列表末端,所述显示项2021在未改变文档对象模型(DOM)的前提下被用于显示新的数据,或元素。
在步骤180中,当所述列表向上滚动时,所述显示项2022将被移出所述显示区域202,此时所述显示项2022将被赋予所述垂直方向上的偏移量,使得列表滚动一格显示项距离后所述显示项2022将被显示于列表顶端,位于所述显示项2021之上,所述显示项2022在未改变文档对象模型(DOM)的前提下被用于显示新的数据,或元素。
上述方式为第一数量等于第二数量的方式,在一些实施例中,当第一数量大于第二数量时,可以在滚动过程中调用缓存于回收箱的缓存显示项使得滚动更加平滑。例如,当所述列表向下滚动时,所述显示项2022位于列表末端,位于列表顶端的显示项2021向上移动将被移出显示区域,此时一缓存显示项将被调用,所述缓存显示项将被赋予一垂直偏移量以显示于列表末端,位于显示项2022之下,所述显示项2021将被缓存到回收箱。类似地,当所述列表向上滚动时,所述显示项2022将被移出所述显示区域202,此时缓存显示项将被赋予所述垂直方向上的偏移量,使得列表滚动一格显示项距离后所述缓存显示项将被显示于列表顶端,位于所述显示项2021之上,所述显示项2022被缓存到回收箱。
通过所述显示方法100,当所述显示项被移动时,只是对显示项进行垂直方向上的偏移,而避免了显示项的新生成、插入、删除和移动,即对已生成的显示项进行了节点重复利用,因此可以实现在有限内存的环境中实现列表的无限滚动。
请参考图3,图3为本发明实施例显示装置200的方框图。
所述显示装置200包括初始化模块21,监控模块22,延时模块23,回收模块24及控制模块25。
所述初始化模块21用于初始化列表并生成第一数量的显示项。
所述监控模块22用于监控列表滚动动作。
所述延时模块23用于对滚动时间进行第一时间长度的延时。
所述回收模块24用于回收及缓存显示项。
所述控制模块25用于控制显示项以显示内容。
当所述监控模块22判断所述列表的滚动速度满足预设条件时,所述监控模块22控制所述延时模块23对滚动时间进行第一时间长度的延时。
当所述监控模块22判断所述列表的滚动方向为向下滚动时,将至少一移出的显示项显示于列表末端;当所述监控模块22判断所述列表的滚动方向为向上滚动时,将至少一移出的显示项显示于列表顶端。
当所述监控模块22监控到所述列表滚动时,所述回收模块24用于回收及缓存被移出的显示项。所述控制模块25用于赋予至少一被移出显示区域的显示项一垂直偏移量并控制该显示项显示鱼列表末端或顶端,所述控制模块25还用于对显示项设置新的数据显示。
本实施方式中,所述显示装置200还包括处理器、存储器、存储介质、显示芯片、连接线等器件,本发明对此不做限定。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本申请的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本申请的实施例所属技术领域的技术人员所理解。
应当理解,本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本申请各个实施例中的各功能单元可以集成在一个代理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,磁盘或光盘等。尽管上面已经示出和描述了本申请的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本申请的限制,本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种显示方法,应用于显示装置中,其特征在于,所述方法包括:初始化列表并生成第一数量的显示项;判断是否有显示项被移出显示区域;当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表;对显示项设置新的数据显示。
2.如权利要求1所述的显示方法,其特征在于,所述初始化列表之后还包括: 监控所述列表滚动动作。
3.如权利要求2所述的显示方法,其特征在于,所述方法还包括:判断所述列表的滚动速度是否满足一预设条件;当滚动速度满足所述预设条件时,对滚动时间进行第一时间长度的延时。
4.如权利要求1所述的显示方法,其特征在于,所述当初始化列表并生成第一数量的显示项进一步包括,所述显示项被赋予坐标值。
5.如权利要求4所述的显示方法,其特征在于,当所述显示项被移动时,通过赋予显示项偏移量以更改其坐标值。
6.一种显示装置,其特征在于,所述装置包括初始化模块,监控模块,及控制模块,所述初始化模块用于初始化列表并生成第一数量的显示项;所述监控模块图用于判断是否有显示项被移出显示区域;所述控制模块用于当有显示项被移出所述显示区域时,将至少一移出的显示项显示于列表,所述控制模块还用于对显示项设置新的数据显示。
7.如权利要求6所述的显示装置,其特征在于,所述监控模块还用于在初始化列表后监控所述列表滚动动作。
8.如权利要求7所述的显示装置,其特征在于,所述监控模块还用于判断所述列表滚动速度是否满足一预设条件;及 所述显示装置,还包括延时模块,用于当所述列表滚动速度满足所述预设条件时,对滚动时间进行第一时间长度的延时。
9.如权利要求6所述的显示装置,其特征在于,所述控制模块还用于当初始化列表并生成第一数量的显示项时赋予所述显示项坐标值。
10.如权利要求9所述的显示装置,其特征在于,所述控制模块还用于当所述显示项被移动时,通过赋予显示项偏移量以更改其坐标值。
CN201611122091.1A 2016-12-08 2016-12-08 显示装置及显示方法 Pending CN106777020A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611122091.1A CN106777020A (zh) 2016-12-08 2016-12-08 显示装置及显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611122091.1A CN106777020A (zh) 2016-12-08 2016-12-08 显示装置及显示方法

Publications (1)

Publication Number Publication Date
CN106777020A true CN106777020A (zh) 2017-05-31

Family

ID=58877279

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611122091.1A Pending CN106777020A (zh) 2016-12-08 2016-12-08 显示装置及显示方法

Country Status (1)

Country Link
CN (1) CN106777020A (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108153566A (zh) * 2017-12-01 2018-06-12 广州视源电子科技股份有限公司 列表数据循环显示方法、装置、设备和存储介质
CN108804584A (zh) * 2018-05-25 2018-11-13 北京五八信息技术有限公司 数据展示方法、装置、设备及存储介质
CN109889878A (zh) * 2019-01-03 2019-06-14 百度在线网络技术(北京)有限公司 视频信息处理方法、装置、设备及计算机可读存储介质
CN110717120A (zh) * 2018-07-12 2020-01-21 北京京东尚科信息技术有限公司 一种网页列表显示方法和装置
CN111309424A (zh) * 2020-02-12 2020-06-19 中国平安人寿保险股份有限公司 一种页面还原方法及相关设备
CN113568539A (zh) * 2021-07-29 2021-10-29 曙光信息产业(北京)有限公司 一种列表显示方法、装置、设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101470571A (zh) * 2007-12-29 2009-07-01 英业达股份有限公司 循环式选项预览系统、方法及接口
CN102830899A (zh) * 2011-06-13 2012-12-19 索尼计算机娱乐公司 列表显示装置
CN105045503A (zh) * 2015-07-09 2015-11-11 陈海峰 无接触触摸屏的控制系统及方法

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101470571A (zh) * 2007-12-29 2009-07-01 英业达股份有限公司 循环式选项预览系统、方法及接口
CN102830899A (zh) * 2011-06-13 2012-12-19 索尼计算机娱乐公司 列表显示装置
CN105045503A (zh) * 2015-07-09 2015-11-11 陈海峰 无接触触摸屏的控制系统及方法

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108153566A (zh) * 2017-12-01 2018-06-12 广州视源电子科技股份有限公司 列表数据循环显示方法、装置、设备和存储介质
CN108804584A (zh) * 2018-05-25 2018-11-13 北京五八信息技术有限公司 数据展示方法、装置、设备及存储介质
CN110717120A (zh) * 2018-07-12 2020-01-21 北京京东尚科信息技术有限公司 一种网页列表显示方法和装置
CN109889878A (zh) * 2019-01-03 2019-06-14 百度在线网络技术(北京)有限公司 视频信息处理方法、装置、设备及计算机可读存储介质
CN111309424A (zh) * 2020-02-12 2020-06-19 中国平安人寿保险股份有限公司 一种页面还原方法及相关设备
CN111309424B (zh) * 2020-02-12 2023-09-22 中国平安人寿保险股份有限公司 一种页面还原方法及相关设备
CN113568539A (zh) * 2021-07-29 2021-10-29 曙光信息产业(北京)有限公司 一种列表显示方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
CN106777020A (zh) 显示装置及显示方法
CN106570098B (zh) 页面刷新的方法及装置
CN104731543B (zh) 一种屏幕刷新率的显示方法和装置
US8234392B2 (en) Methods and apparatuses for providing a hardware accelerated web engine
US7366855B2 (en) Page replacement method using page information
CN103069458B (zh) 用于满足最小帧速率要求的图形呈现方法
US6281986B1 (en) Method for browsing electronically stored information
EP2515275A1 (en) Device and method for image generation
CN106681933A (zh) 一种内存管理方法及终端
CN104035753A (zh) 一种双WebView展示定制页面的方法及系统
CN103984781A (zh) 一种网页加载方法及装置
CN103744932A (zh) 一种页面处理方法及装置
CN104809123A (zh) 一种网页渲染方法及系统
CN106649518A (zh) 动态信息数据处理的方法和装置
CN110050294A (zh) 对压缩资源的着色器写入
CN105786920A (zh) 界面标签的展现方法和装置
CN106708478B (zh) 滚动视图显示方法及装置
US10825134B2 (en) System and method for scaling content across multiple form factors
CN106325873A (zh) 多窗口页面显示处理方法及装置
CN102682463B (zh) 基于Web Pseudo-3D的大规模数据可视化处理方法
CN114258543A (zh) 用于计算机辅助设计(cad)模型的可视化元素的交互数据的选择性加载
CN108604232A (zh) 通过模型化滚动行为而改善信息源
US9633408B2 (en) Coalescing graphics operations
CN112541140A (zh) 一种列表加载方法、终端设备、电子设备及存储介质
JP6718524B2 (ja) ユーザ相互作用に基づくアイテムの削除

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20170531

RJ01 Rejection of invention patent application after publication