CN102830899A - 列表显示装置 - Google Patents
列表显示装置 Download PDFInfo
- Publication number
- CN102830899A CN102830899A CN2012101948587A CN201210194858A CN102830899A CN 102830899 A CN102830899 A CN 102830899A CN 2012101948587 A CN2012101948587 A CN 2012101948587A CN 201210194858 A CN201210194858 A CN 201210194858A CN 102830899 A CN102830899 A CN 102830899A
- Authority
- CN
- China
- Prior art keywords
- screen
- image
- project
- items displayed
- tabulation
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Abstract
本发明提供了一种列表显示装置,配置为:根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像。当新显示的项目图像沿滚动方向移动到屏幕中时,以预定的速度沿与滚动方向相交叉的交叉方向,将项目图像的至少一部分从屏幕外部移动到屏幕中。
Description
技术领域
本发明涉及一种用于显示包括多个项目的列表的列表显示装置、一种列表显示控制方法、以及一种存储用于实现所述方法的程序的信息存储介质。
背景技术
存在要在屏幕上显示多个项目的情况,所述多个项目例如由多个用户发布的消息以及多个音乐数据。在这一情况下,通常采用以下的用户接口技术。把按各种标准分类的多个项目一维地布置在列表中。在要显示的区域内包括的某些项目显示在屏幕上,并且所述要显示的区域根据用户的滚动操作而移动。例如,如果屏幕为触摸屏,则用户可以通过在屏幕上滑动其手指以指示滚动操作,来滚动显示在屏幕上的项目。根据这一用户接口,即使不能够一次将所有项目都显示在屏幕上,用户也可以通过滚动操作获得列表中任意项目在屏幕上的显示。
然而,根据上述用户接口技术,当执行滚动操作以较大地移动列表中要显示的区域时,处理负荷增加,因为在执行滚动操作时必须呈现穿过将要显示的区域的所有项目。于是,如果呈现每一项目花费较长时间,则可能会由于呈现过程被延迟而限制滚动操作的速度。另一方面,如果在执行滚动操作时,在要显示的区域内不呈现项目,则用户不能从屏幕显示掌握滚动操作把要显示的区域移动了何种程度。因此,变得难以通过滚动操作在屏幕上获得所希望的项目的显示。
发明内容
鉴于上述问题做出了本发明,并且本发明的目的是提供一种列表显示装置、一种列表显示控制方法、以及一种存储用于实现所述方法的程序的信息存储介质,其中,可以减少滚动操作期间呈现过程的负荷。
根据本发明的示例性实施例,提供了一种列表显示装置,包括:列表显示控制部分,用于根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及滚动控制部分,用于以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像。当滚动控制部分将新显示的项目图像沿滚动方向移动到屏幕中时,滚动控制部分以预定的速度沿与滚动方向相交叉的交叉方向,将项目图像的至少一部分从屏幕外部移动到屏幕中。
根据本发明的所述示例性实施例:所述多个项目图像中的每一个可以包括沿交叉方向布置的多个显示元素;列表显示装置还可以包括项目图像呈现部分,该项目图像呈现部分用于呈现在通过滚动控制部分新显示在屏幕上的项目图像中包括的多个显示元素中的每一个;以及项目图像呈现部分可以从呈现目标排除所述多个显示元素中在新显示的项目图像穿过屏幕期间未在屏幕上显示的显示元素。
另外,在根据本发明所述示例性实施例的列表显示装置中,滚动控制部分可以从初始位置开始沿交叉方向移动新显示的项目图像,其中在所述初始位置处新显示的项目图像沿交叉方向的一端包括在屏幕中。
另外,在根据本发明所述示例性实施例的列表显示装置中,当在新显示的项目图像沿滚动方向的位置被包括在屏幕中之后已经经过了预定的延迟时间时,滚动控制部分可以开始沿交叉方向移动新显示的项目图像。
另外,根据本发明的示范性实施例,还提供了一种列表显示控制方法,包括:列表显示控制步骤,用于根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及滚动控制步骤,用于以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像。所述滚动控制步骤包括:当新显示的项目图像沿滚动方向移动到屏幕中时,以预定的速度沿与滚动方向相交叉的交叉方向,将项目图像的至少一部分从屏幕外部移动到屏幕中。
另外,根据本发明的示例性实施例,还提供了一种具有记录在其上的程序的诸如光盘或者存储卡的非临时计算机可读信息存储介质,所述程序使得计算机执行下列处理:根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像。当新显示的项目图像沿滚动方向移动到屏幕中时,以预定的速度沿与滚动方向相交叉的交叉方向,将项目图像的至少一部分从屏幕外部移动到屏幕中。
附图说明
在附图中:
图1为图示说明根据本发明实施例的列表显示装置的外部图的透视图;
图2为图示说明根据本发明实施例的列表显示装置的硬件配置的框图;
图3为图示说明开始滚动之前的屏幕的图;
图4A为图示说明低速滚动的屏幕的图;
图4B为图示说明低速滚动的屏幕的图;
图4C为图示说明低速滚动的屏幕的图;
图5A为图示说明高速滚动的屏幕的图;
图5B为图示说明高速滚动的屏幕的图;
图5C为图示说明高速滚动的屏幕的图;
图6为图示说明根据本发明实施例的列表显示装置的功能的功能框图;
图7为图示说明如何在虚平面上布置表示项目图像的对象的图;
图8为图示说明在其上布置对象的所述虚平面的另一个示例的图;
图9为图示说明在其上布置对象的所述虚平面的另一个示例的图;以及
图10为图示说明其中仅项目图像的一部分沿X轴方向移动的显示示例的图。
具体实施方式
以下,参照附图详细描述本发明的实施例。
图1为图示说明根据本发明实施例的列表显示装置1的外部图的透视图。如图1中所示,列表显示装置1为具有薄箱型(slim box)外壳的便携式信息处理装置,其中在正面上布置有触摸面板10。这一触摸面板10包括显示器10a和触摸传感器10b。显示器10a可以是液晶显示器、有机EL显示器等,并且在屏幕上显示各种图像。触摸传感器10b具有覆盖显示器10a的显示屏幕的感测表面,并且检测与感测表面相接触的对象(例如,用户的手指或者触针)的位置,并输出检测结果。触摸传感器10b可以是各种类型的触摸传感器,例如,包括电容型和压力感测型。注意,在以下的描述中,把触摸面板10中的左和右方向称为X轴方向,把上和下方向称为Y轴方向。另外,面对屏幕,把右方向称为X轴正方向,把上方向称为Y轴正方向。
图2为图示说明列表显示装置1的硬件配置的框图。如图2中所图示的,列表显示装置1包括控制部分11、存储部分12、以及图像处理部分13。
控制部分11为CPU等,其根据存储在存储部分12中的程序执行各种信息处理。具体在这一实施例中,控制部分11执行对应于用户使用手指触摸触摸传感器10b所执行的各种操作输入的处理。存储部分12包括诸如RAM或者ROM的存储器元件,以存储控制部分11执行的程序。另外,存储部分12还用作控制部分11的工作存储器。
图像处理部分13包括GPU和帧存储器,以根据来自控制部分11的指令呈现将显示在显示器10a的屏幕上的图像。具体地,图像处理部分13在帧存储器中呈现表示布置在虚平面中的对象的图像。每个预定的时间周期,将帧存储器中呈现的图像转换为图像信号,并显示在显示器10a的屏幕上。
以下,参照图3到5C的解释图描述根据这一实施例的列表显示装置1对列表的滚动控制。列表显示装置1在显示器10a的屏幕S上显示由多个分类的项目图像I所构成的列表L的一部分。在这一情况下,列表显示装置1沿预定的方向(此处,为沿Y轴方向)在屏幕上布置和显示包括在列表L中的项目图像I。图3图示说明了显示如上所述沿Y轴方向布置的多个项目图像I的屏幕S。
所述多个项目图像I中的每一个为指示对应项目的图像,所述项目可以是各种类型的项目,包括用户发布的消息以及存储在存储部分12中的音乐或者图像文件。在以下的描述中,作为具体示例,每一个项目图像I对应于用户发布的一条消息,其包括指示发布消息的用户的图标图像Iu和指示消息内容的消息图像Im。每一个项目图像I具有沿X轴方向伸长的矩形形状,并且沿X轴方向布置图标图像Iu和消息图像Im。注意,在以下的描述中,把每一项目图像I的右上点视为项目图像I的代表点,并且由该代表点的位置坐标表示项目图像I的位置。列表L由按预定的次序布置的多个项目图像I构成。此处,列表L包含按发布消息的时间次序布置的N个项目图像I(1)到I(N)。在N个项目图像中,在屏幕S上显示了前5个项目图像I(1)到I(5)。假设项目图像I(n)的位置坐标为(xn,yn),满足yn=y1-(n-1)△y,其中,△y代表相邻项目图像I之间的距离。另外,由于沿Y轴方向线性地布置项目图像I,所以对于任何一个项目图像I(n),xn具有相同的值。在以下的描述中,将停止状态下每一项目图像I(n)沿X轴方向的位置称为参照位置xr。
当在这一状态中用户指示滚动时,列表显示装置1沿滚动方向移动在屏幕S上显示的项目图像I。此处,滚动方向与项目图像I布置在屏幕S上的方向(即,Y轴方向)相同。在这一实施例中,用户沿滚动方向在触摸传感器11上滑动手指,作为滚动指令。通过这一滚动控制,尚未在屏幕S上显示的项目图像I滚动进入屏幕S,并且新显示。具体地,当用户在图3的状态中执行向上滑动操作时,在屏幕S上显示的项目图像I(1)到I(5)向上移动,并且从屏幕S的上侧从项目图像I(1)依次滚出。作为替代,项目图像I(6)、I(7)等按照该次序从下侧新滚动进入屏幕S。通过这一滚动控制,滚动之前已经显示的项目图像I(n)的位置坐标改变为(xn,yn+vy.t),其中,t代表从滚动开始所经过的时间,vy代表滚动速度(对应于滚动指令的每一项目图像In沿Y轴方向的移动速度)。
而且,在这一实施例中,列表显示装置1不仅响应于用户的滚动指令沿滚动方向移动要新显示在屏幕S上的项目图像I(以下,称为新显示的项目图像),而且还沿与滚动方向相交叉的交叉方向(此处,沿X轴方向)移动新显示的项目图像的至少一部分。更具体地,列表显示装置1从预定的初始位置沿X轴方向把新显示的项目图像移至作为目标位置的参照位置xr。图4A到4C图示说明用户在图3中图示说明的状态下沿Y轴正方向执行滚动指令的情况下新显示的项目图像的显示处理。图4A、4B、以及4C顺序图示说明每一项目图像I如何随时间在屏幕S中移动。在这一图示说明的例子中,新显示的项目图像沿X轴正方向从屏幕S的左端移动。注意,图中的虚线箭头表示项目图像I的移动方向。实际上,项目图像I内部的用户图像Iu和消息图像Im在显示在屏幕S中的同时被滚动,然而,为了简单的图示说明,以下的图中省略了对项目图像I内部的图示说明。
此处,列表显示装置1根据用户的滚动指令的内容改变项目图像I的滚动速度vy。具体地,如果用户在屏幕S上快速地移动手指,则以高滚动速度vy移动项目图像I。如果用户缓慢地移动手指,则以低滚动速度vy移动项目图像I。注意,在任何一种情况下,列表显示装置1均将项目图像I滚动给定的时间段。另一方面,上述新显示的项目图像沿X轴方向的移动速度vx为常数,而不管滚动速度vy如何。因此,如果滚动速度vy为预定值或者更高,则在完成新显示的项目图像沿X轴方向向参照位置xr的移动之前,新显示的项目图像可能沿Y轴方向穿过屏幕S,以从屏幕S的上侧滚出。在这一情况下,在从滚动进入到滚出的时间段里,新显示的项目图像的至少一部分完全没有在屏幕S中显示。图5A到5C图示说明了其中滚动速度vy高于图4A到4C图示说明的滚动速度的情况下项目图像I的移动过程。在这一图示说明的例子中,项目图像I(6)在左侧部分没有在屏幕S中显示的情况下从屏幕S滚出。
这样,如果在显示整个新显示的项目图像之前滚出在开始滚动之前未显示的新显示的项目图像,则列表显示装置1不需要呈现整个新显示的项目图像。另一方面,如果简单地沿Y轴方向滚动而不沿X轴方向移动新显示的项目图像,则在在屏幕S中显示整个新显示的项目图像的状态下进行滚动。因此,列表显示装置1需要呈现整个新显示的项目图像。换句话说,根据这一实施例的滚动控制,与没有沿X轴方向的移动控制的、必须呈现整个新显示的项目图像的情况相比,可以减轻呈现过程的负荷。具体地,当高速进行滚动时,在滚动过程期间几乎无需呈现穿过屏幕S的新显示的项目图像。因此,可以减轻呈现过程的负荷,从而能够高速地执行滚动过程。
注意,当完成滚动控制时其整个图像未显示在屏幕S上的新显示的项目图像在滚动完成之后继续沿X轴方向移动,并且总是当达到参照位置xr时才停止在屏幕S中。于是,在停止滚动的状态下每一完整项目图像I显示在屏幕S中。
以下,参照图6的功能框图描述实现上述滚动控制的列表显示装置1的功能。列表显示装置1在虚平面中布置分别对应于多个项目图像I的对象O,并且在屏幕S上显示要在所述虚平面中显示的区域R中包括的对象O。此处,要显示的区域R为具有对应于屏幕S的形状和大小的区域。如图6中图示说明的,列表显示装置1包括作为功能部件的初始布置部分21、滚动控制部分22、项目图像呈现部分23、以及显示图像生成部分24。由执行存储在存储部分12中的程序的控制部分11实现这些功能。所述程序可以提供为存储在诸如光盘或者存储卡的计算机可读信息存储介质中,也可以经由诸如因特网的通信网络而提供到列表显示装置1。
当列表显示装置1开始显示列表L时,初始布置部分21在虚平面中布置对应于初始要显示在屏幕S上的项目图像I的对象O。在其中显示图3中图示说明的初始屏幕的情况下,在虚平面中布置了表示项目图像I(1)到I(5)的5个对象O1到O5。图7图示说明了如何在虚平面中布置对象O。在要显示的区域R内沿Y轴方向并排布置5个对象O。注意,在要显示的区域R的外侧布置表示当执行滚动控制时接下来要显示的项目图像I(6)的对象O6。在这一实施例中,为了实现上述沿交叉方向的移动控制,将对象O6的X轴的位置坐标从已经被包括在要显示的区域R中的对象O1到O5的参照位置xr位移每一对象O的宽度或者更大的宽度。把这一状态下的对象O6的X轴的位置坐标设置为初始位置xi。
在初始布置部分21已经布置了对象O之后,滚动控制部分22接收用户的滚动指令,并且响应于所述指令在虚平面中移动对象O。此处,如上所述,滚动控制部分22不仅响应于滚动指令沿滚动方向(Y轴方向)移动对象O,并且还沿与滚动方向相交叉的方向(沿X轴方向)移动对应于新显示的项目图像的对象O(图7的例子中的对象O6)。通过这一移动控制,对于对应于新显示的项目图像的对象O,其Y轴位置坐标包括在要显示的区域R内,然后X轴位置坐标从初始位置xi移至参照位置xr。
注意,在这一实施例中,即使包括在列表L中的项目图像I的数目很大,列表显示装置1在虚平面中也仅布置与能够一次显示在屏幕S中的项目图像I的最大数目相对应的数目的对象O。具体地,在图3的例子中,当不执行滚动控制时,显示5个项目图像I,并且即使在执行滚动时也仅在屏幕S中显示最多6个项目图像I。因此,初始布置部分21在虚平面中仅布置6个对象O1到O6。当通过滚动控制把对象O之一从要显示的区域R之内移至之外(即,滚出)时,滚动控制部分22更新对象O的位置坐标,并且把该对象O重新用作对应于新显示的项目图像的对象O。在图7的例子中,当发出了在屏幕S中向上滚动项目图像I的指令时,对象O1首先从要显示的区域R滚出。该对象O1移至要显示的区域R之下的、在开始滚动之前布置对象O6的位置,并且将其重新用作表示项目图像I(7)的对象O。另外,在继续滚动控制的同时,依次重新布置对象O2以显示项目图像I(8),和重新布置对象O3以显示项目图像I(9)。
项目图像呈现部分23呈现要显示在屏幕S上的项目图像I,并且把所呈现的项目图像作为基本结构(texture)粘贴到对象O1到O6。例如,项目图像呈现部分23基于存储在存储部分12中的用户图标的图像数据,生成包括在每一项目图像I中的位图格式的图标图像Iu。另外,基于所发布的消息的文本数据生成消息图像Im。然后,把生成的图标图像Iu和生成的消息图像Im粘贴到对应的对象O。于是,每一对象O能够表示对应的项目图像I。
此处,在滚动控制部分22接收到滚动指令的时刻,项目图像呈现部分23开始呈现接下来将作为新显示的项目图像显示的项目图像I。然而,如果滚动速度vy为给定值或者更高,并且预期在接下来要呈现的整个项目图像I在屏幕S中显示之前项目图像I将被滚出,则限制项目图像I的至少一部分的呈现。于是,可以减少项目图像呈现部分23的呈现过程的负荷。注意,项目图像呈现部分23可以通过要粘贴到各个对象O的基本结构单元限制呈现。例如,在图5A到5C的例子中,包括在项目图像I(6)中的消息图像Im显示在屏幕S上,但不在屏幕S中显示图标图像Iu直到项目图像I(6)被滚出,因为滚动速度vy为高。在这一情况下,项目图像呈现部分23呈现包括在项目图像I(6)中的消息图像Im,但不呈现图标图像Iu。
显示图像生成部分24每一个预定的时间周期指示图像处理部分13生成在要显示的区域R中包括的对象O的图像,并且把生成的图像显示在屏幕S上。换句话说,显示图像生成部分24生成表示将被粘贴由项目图像呈现部分23呈现的基本结构的对象O的图像,并且通过滚动控制部分22在要显示的区域R中移动所述图像。于是,在屏幕S上,显示了如何响应于用户的指令滚动多个项目图像I。
在以上的描述中,可以通过调整表示新显示的项目图像的对象O在虚平面中的初始位置xi,控制在滚动期间开始在屏幕S上显示新显示的项目图像的时刻。此处,当通过滚动指令,对象O的上端或者下端的Y轴位置坐标与要显示的区域R沿Y轴方向的位置相匹配时,滚动控制部分22开始对象O沿X轴方向的移动。在图7的例子中,当对象O的Y轴位置坐标变为Y0或者更大时,开始对象O沿X轴方向的移动。注意,在对象O向下滚动的情况下,如果对象O的下端的位置坐标变为ymax或者更小时,开始对象O沿X轴方向的移动。在这一情况下,随着从对象O的初始位置xi到要显示的区域R的左端x0的距离变得越长,对象O沿X轴方向的移动开始之后对象O的右端进入要显示的区域R所需的时间段越长。因此,通过确定初始位置xi以使距离d变得较长,能够进行控制以使得在滚动速度vy快到一定程度的情况下,新显示的项目图像在完全不在屏幕S中显示的情况下滚出。另外,如果所述距离很大,即使直到被滚出,新显示的项目图像的一部分显示在屏幕S中,显示区域也会变得相当小。注意,取代调整对象O的初始位置xi,也可以调整延迟时间,延迟时间是从对象O的Y轴位置包括在要显示的区域R中时到对象O开始沿X轴方向移动时的时间。如果把延迟时间设置为0,则对象O迅速进入要显示的区域R。然而,如果把延迟时间设置为较长,则对象O很难进入要显示的区域R。因此,如果把延迟时间设置为较长,则即使滚动速度vy相当慢也可以防止新显示的项目图像显示在屏幕S中。
另外,取代调整对象O本身的初始位置xi,也可以调整将被粘贴到对象O的基本结构的位置。换句话说,把对象O的宽度设置为长于将作为基本结构粘贴的图标图像Iu和消息图像Im的总宽度,从而确保在对象O的右端的空白。于是,当对象O沿X轴方向移动时,不迅速地显示消息图像Im,并且花费较长的时间开始显示图标图像Iu。因此,存在不必呈现图标图像Iu和消息图像Im的较高的可能性。注意,在这一情况下,如果对象O的表面不具有图案,则当在屏幕S中显示对象O的除了被粘贴图标图像Iu和消息图像Im的区域之外的一部分时,能够减轻显示处理负荷。
注意,当通过上述调整滚动速度vy为快时,如果完全不在屏幕S中显示新显示的项目图像,则用户不能掌握滚动被多快的执行以及多少数目的项目图像I已经穿过屏幕S。作为对策,可以在屏幕S的一端显示滚动条,以表示当前在屏幕S上显示列表L的哪一部分。另外,还可以确定初始位置xi,以便对象O的右端总是包括在要显示的区域R内。因此,对象O的右端总是显示在屏幕S上,即使滚动速度vy为快。在这一情况下,将对应于新显示的项目图像的对象O的初始位置xi定位为沿X轴方向与要显示的区域R重叠。换句话说,满足xi>x0。图8图示说明了这一情况下对象O的初始布置。同样在这一情况下,确保对象O的右端为空白,并且将总是显示在屏幕S中的部分设置为除图标图像Iu和消息图像Im之外的不具有图案的部分。于是,尽管总是在屏幕S中显示对象O的右端,然而呈现过程的负荷并不很大。
另外,可以准备具有比要显示的区域R的宽度大的长度的对象O,并且针对对应于新显示的项目图像的对象O,将项目图像呈现部分23呈现的基本结构粘贴到未包括在要显示的区域R中的位置。图9图示说明了这一情况下对象O的初始布置。在这一例子中,每个对象O具有对应于沿左和右方向穿透要显示的区域R的长度的宽度,并且对于在滚动前要显示的区域R中包括的对象O1到O5,将由图标图像Iu和消息图像Im构成的项目图像I布置在在要显示的区域R中包括的位置。另一方面,把对应于新显示的项目图像的对象O6布置在沿X轴方向从对象O1到O5位移的位置,而且布置在虚平面中,以使得沿X轴方向的位置与要显示的区域R相重叠。于是,即使在粘贴到对象O6的新显示的项目图像显示在屏幕S中之前对象O6滚出,也能够显示对象O6的不具有图案的部分是如何在屏幕S中移动的。
注意,在以上的描述中,示范性地描述了向上滚动项目图像I的情况。然而,在屏幕上向下滚动项目图像I的情况下,也能够执行沿X轴方向移动项目图像I的相同的控制。
另外,在根据这一实施例的列表显示装置1中,在其中列表L的一端(顶端或者末端)的项目图像I显示在屏幕S的状态下,如果在发出了在顶端之前或者在末端之后移动的滚动指令,则在屏幕S中显示的项目图像I可以在该位置振动给定的时间段,以通知用户进一步的滚动是不可能的。在这一情况下,振动方向可以为与滚动方向相交叉的交叉方向,也可以为随机确定的方向。另外,在这一情况下,可以根据列表L中项目图像I的位置改变每一项目图像I的振动幅度。例如,在列表L的端点处的项目图像I振动得最大,离端点越远,振动幅度设置得越小。作为选择,可以根据滚动指令的内容改变振动幅度。例如,如果发出了以较高的滚动速度vy进行滚动的指令,则项目图像I可以振动得较大。通过执行这一显示,用户能够容易地掌握:列表L的端点处的项目图像I已经显示在屏幕S上,并且进一步的滚动是不可能的。
根据上述该实施例的列表显示装置1,如果滚动速度vy为快,则在某一项目图像I通过滚动操作穿过屏幕S时,项目图像I的至少一部分不显示在屏幕S上。于是,可以减小呈现项目图像I的处理负荷。
注意,本发明不限于以上描述。例如,在以上描述中,面对屏幕S,新显示的项目图像从左移动到右,然而项目图像I也可以沿相反的方向移动。另外,可以针对每一项目图像I,改变沿X轴方向的移动方向。作为一个具体示例,可以针对在屏幕S中新滚动的多个项目图像I交替地改变沿X轴方向的移动方向。在这一情况下,奇数项目图像I从右侧移入屏幕S,而偶数项目图像I从左侧移入屏幕S,因此,新显示的项目图像从左侧和右侧交替地移动。另外,可以依据项目图像I的类型改变移入方向。例如,可以采用下述配置:其中,表示列表显示装置1的用户自身所发布的消息的项目图像I从左侧移入屏幕S,而表示其它用户发布的消息的项目图像I从右侧移入屏幕S。另外,可以依据在项目图像I中包括的显示元素的类型和布置,确定沿X轴方向的移动方向。具体地讲,如果具有相对高呈现处理负荷的显示元素和具有相对低呈现处理负荷的显示元素并排包括在项目图像I中,则确定沿X轴方向的移动方向,以使得具有低处理负荷的显示元素先移入屏幕S。同样在上述例子中,由于仅由字符形成的消息图像的呈现过程比用户图像Iu的呈现过程容易,所以新显示的项目图像移至右侧,以使得布置在项目图像I右侧的消息图像Im比用户图像Iu更容易显示。因此,很可能不必呈现具有较高处理负荷的图标图像Iu。具体地,如果针对每一项目图像I改变内部显示元素的布置次序,则可以通过指出每一项目图像I中具有高处理负荷的显示元素,以及通过确定每一项目图像I沿X轴方向的移动方向以使得该显示元素较晚移动,来减小呈现过程的负荷。
另外,在以上的描述中,滚动方向为Y轴方向,交叉方向为X轴方向,然而,也可以交换滚动方向和交叉方向。换句话说,可以采用下述配置:其中,当沿X轴方向滚动沿X轴方向布置的项目图像I时,沿Y轴方向移动新显示的项目图像,以将其显示在屏幕S中。
另外,在以上的描述中,沿X轴方向移动表示新显示的项目图像的整个对象O。然而,也可以仅沿X轴方向移动对象O的一部分,而其它部分不沿X轴方向移动,只是沿滚动方向简单地移动。具体地,例如,不沿X轴方向移动诸如消息图像Im的具有低处理负荷的显示元素,而仅沿X轴方向移动诸如图标图像Iu的具有高处理负荷的显示元素,以从屏幕S的外部移动至屏幕S内部预定的位置。图10图示说明了这一例子中在滚动期间屏幕S上的显示。这里,分别由Iu(n)和Im(n)代表形成项目图像I(n)的图标图像Iu和消息图像Im。另外,由虚线箭头表示显示元素的移动方向。在这一例子中,消息图像Im都沿Y轴正方向滚动。在图标图像Iu中,在滚动操作之前已经显示的图标图像Iu(2)到Iu(5)沿Y轴正方向滚动,但是图标图像Iu(6)和Iu(7)不仅沿滚动方向移动,而且还沿X轴正方向移动,以便从屏幕S的左端移入屏幕S。于是,当滚动速度vy为快时,必须呈现所有消息图像Im,但可能省略呈现图标图像Iu。
尽管已经描述了当前被认为是本发明某些实施例的内容,但是本领域技术人员将会理解,可以对其进行各种修改,并且意图是所附权利要求覆盖落入本发明的真实精神与范围内的所有这样的修改。
Claims (6)
1.一种列表显示装置,包括:
列表显示控制部分,用于根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及
滚动控制部分,用于以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像,
其中,当滚动控制部分将新显示的项目图像沿滚动方向移动到屏幕中时,滚动控制部分以预定的速度沿与滚动方向相交叉的交叉方向,将该项目图像的至少一部分从屏幕外部移动到屏幕中。
2.根据权利要求1所述的列表显示装置,其中,
所述多个项目图像中的每一个包括沿交叉方向布置的多个显示元素;
列表显示装置还包括项目图像呈现部分,该项目图像呈现部分用于呈现在通过滚动控制部分新显示在屏幕上的项目图像中包括的多个显示元素中的每一个;以及
项目图像呈现部分从呈现目标排除所述多个显示元素中除在新显示的项目图像穿过屏幕期间未在屏幕上显示的显示元素。
3.根据权利要求1所述的列表显示装置,其中,滚动控制部分从初始位置开始沿交叉方向移动新显示的项目图像,其中在所述初始位置处新显示的项目图像沿交叉方向的一端包括在屏幕中。
4.根据权利要求1所述的列表显示装置,其中,当在新显示的项目图像沿滚动方向的位置被包括在屏幕中之后已经经过了预定的延迟时间时,滚动控制部分开始沿交叉方向移动新显示的项目图像。
5.一种列表显示控制方法,包括:
列表显示控制步骤,用于根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及
滚动控制步骤,用于以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像,
其中,滚动控制步骤包括:当新显示的项目图像沿滚动方向移动到屏幕中时,以预定的速度沿与滚动方向相交叉的交叉方向,将该项目图像的至少一部分从屏幕外部移动到屏幕中。
6.一种具有记录在其上的程序的非临时计算机可读信息存储介质,所述程序使得计算机执行以下处理:
根据包括多个依次布置的项目图像的列表,沿预定的滚动方向布置包括在所述列表的部分区域内的项目图像,并且在屏幕上显示所述部分区域内的项目图像;以及
以对应于用户的滚动指令的速度沿滚动方向移动在屏幕上显示的项目图像,并且将尚未在屏幕上显示的项目图像沿滚动方向从屏幕外部移动到屏幕中,以便在屏幕上新显示所述项目图像,
其中,当新显示的项目图像沿滚动方向移动到屏幕中时,以预定的速度沿与滚动方向相交叉的交叉方向,将该项目图像的至少一部分从屏幕外部移动到屏幕中。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2011-131176 | 2011-06-13 | ||
JP2011131176A JP5276145B2 (ja) | 2011-06-13 | 2011-06-13 | リスト表示装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102830899A true CN102830899A (zh) | 2012-12-19 |
CN102830899B CN102830899B (zh) | 2016-05-04 |
Family
ID=46508231
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210194858.7A Active CN102830899B (zh) | 2011-06-13 | 2012-06-13 | 列表显示装置 |
Country Status (10)
Country | Link |
---|---|
US (1) | US9256354B2 (zh) |
EP (1) | EP2535798B1 (zh) |
JP (1) | JP5276145B2 (zh) |
KR (1) | KR101297290B1 (zh) |
CN (1) | CN102830899B (zh) |
AU (1) | AU2012203414B2 (zh) |
BR (1) | BR102012014089B1 (zh) |
CA (1) | CA2779030C (zh) |
MX (1) | MX2012006727A (zh) |
RU (1) | RU2509343C2 (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105630335A (zh) * | 2014-11-07 | 2016-06-01 | 华硕电脑股份有限公司 | 触控屏幕操作方法及电子装置 |
CN106484237A (zh) * | 2016-10-14 | 2017-03-08 | 网易(杭州)网络有限公司 | 用于虚拟现实显示的方法、装置及虚拟现实设备 |
CN106777020A (zh) * | 2016-12-08 | 2017-05-31 | 深圳市小满科技有限公司 | 显示装置及显示方法 |
CN115048020A (zh) * | 2022-05-06 | 2022-09-13 | 全芯(佛山)科技有限公司 | 一种增加滚动视图交互感知的方法及终端 |
US11698578B2 (en) | 2018-03-16 | 2023-07-11 | Sony Corporation | Information processing apparatus, information processing method, and recording medium |
Families Citing this family (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102022050B1 (ko) * | 2012-11-12 | 2019-09-19 | 삼성전자주식회사 | 패럴랙스 스크롤 기능을 가지는 모바일 장치 및 그 제어 방법 |
JP6123330B2 (ja) * | 2013-02-13 | 2017-05-10 | コニカミノルタ株式会社 | 表示制御方法、表示装置、および画像形成装置 |
US20140298267A1 (en) * | 2013-04-02 | 2014-10-02 | Microsoft Corporation | Navigation of list items on portable electronic devices |
US9760964B2 (en) | 2013-04-11 | 2017-09-12 | Facebook, Inc. | Application-tailored object re-use and recycling |
US9207986B2 (en) | 2013-04-11 | 2015-12-08 | Facebook, Inc. | Identifying a next window of idle time to perform pre-generation tasks of content portions outside of the displayable region stored in a message queue |
US10126903B2 (en) | 2013-04-15 | 2018-11-13 | Facebook, Inc. | Application-tailored object pre-inflation |
US20150062178A1 (en) * | 2013-09-05 | 2015-03-05 | Facebook, Inc. | Tilting to scroll |
US9681765B2 (en) * | 2014-09-30 | 2017-06-20 | Pamela Ann Cignarella | Interactive children's table dishes |
KR102185367B1 (ko) | 2014-12-26 | 2020-12-01 | 삼성전자주식회사 | 영상 표시 장치 및 영상 표시 방법 |
CN107430455A (zh) * | 2015-04-09 | 2017-12-01 | 富士通株式会社 | 驱动控制装置、电子设备、驱动控制程序以及驱动控制方法 |
US10503387B2 (en) * | 2015-06-07 | 2019-12-10 | Apple Inc. | Intelligent scrolling of electronic document |
TWI610292B (zh) * | 2015-11-19 | 2018-01-01 | 瑞鼎科技股份有限公司 | 驅動電路及其運作方法 |
AU2017218781A1 (en) * | 2016-02-14 | 2018-08-09 | Royal App Ltd. | Product display graphic user interface |
CN107153528A (zh) * | 2016-03-02 | 2017-09-12 | 阿里巴巴集团控股有限公司 | 混合模型列表项重用的方法及设备 |
JP6350624B2 (ja) * | 2016-09-28 | 2018-07-04 | キヤノンマーケティングジャパン株式会社 | 情報処理装置、情報処理システム、その制御方法及びプログラム |
CN108021416B (zh) * | 2016-11-01 | 2020-04-28 | 华为技术有限公司 | 一种媒体资源加载的方法及终端 |
US20180210630A1 (en) * | 2017-01-26 | 2018-07-26 | Kyocera Document Solutions Inc. | Display device and display method |
JP6995651B2 (ja) * | 2018-01-31 | 2022-01-14 | Dynabook株式会社 | 電子機器、ウェアラブル機器および表示制御方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080104544A1 (en) * | 2005-12-07 | 2008-05-01 | 3Dlabs Inc., Ltd. | User Interface With Variable Sized Icons |
US20080155461A1 (en) * | 2006-12-20 | 2008-06-26 | Canon Kabushiki Kaisha | Display control apparatus and method for controlling display control apparatus |
US7590946B2 (en) * | 2004-12-08 | 2009-09-15 | Canon Kabushiki Kaisha | Display apparatus and display methods for scrolling item lists |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH07199900A (ja) * | 1993-12-28 | 1995-08-04 | Canon Inc | ウィンドウシステム |
US6690365B2 (en) * | 2001-08-29 | 2004-02-10 | Microsoft Corporation | Automatic scrolling |
US8004496B2 (en) * | 2002-01-08 | 2011-08-23 | Koninklijke Philips Electronics N.V. | User interface for electronic devices for controlling the displaying of long sorted lists |
US7681141B2 (en) * | 2004-05-11 | 2010-03-16 | Sony Computer Entertainment America Inc. | Fast scrolling in a graphical user interface |
US20060212829A1 (en) * | 2005-03-17 | 2006-09-21 | Takao Yahiro | Method, program and device for displaying menu |
US9348938B2 (en) * | 2005-12-07 | 2016-05-24 | Ziilabs Inc., Ltd. | Methods for manipulating web pages |
JP5050460B2 (ja) * | 2006-09-14 | 2012-10-17 | 株式会社Jvcケンウッド | インタフェース装置、インタフェースプログラム、及びインタフェース方法 |
US7844915B2 (en) * | 2007-01-07 | 2010-11-30 | Apple Inc. | Application programming interfaces for scrolling operations |
ATE428967T1 (de) * | 2007-02-08 | 2009-05-15 | Research In Motion Ltd | System und verfahren zum zugriff auf ein symbol einer tragbaren elektronischen vorrichtung |
EP2122508A1 (en) * | 2007-02-09 | 2009-11-25 | Novarra, Inc. | Method and apparatus for providing information content for display on a client device |
WO2009051665A1 (en) | 2007-10-16 | 2009-04-23 | Hillcrest Laboratories, Inc. | Fast and smooth scrolling of user interfaces operating on thin clients |
KR20100027686A (ko) * | 2008-09-03 | 2010-03-11 | 엘지전자 주식회사 | 이동단말기 및 그 제어 방법 |
US8619041B2 (en) * | 2008-10-07 | 2013-12-31 | Blackberry Limited | Portable electronic device and method of controlling same |
US20100269038A1 (en) * | 2009-04-17 | 2010-10-21 | Sony Ericsson Mobile Communications Ab | Variable Rate Scrolling |
KR101451999B1 (ko) * | 2009-07-28 | 2014-10-21 | 삼성전자주식회사 | 데이터 스크롤 방법 및 장치 |
US8584034B2 (en) * | 2010-04-27 | 2013-11-12 | Surfwax, Inc. | User interfaces for navigating structured content |
-
2011
- 2011-06-13 JP JP2011131176A patent/JP5276145B2/ja active Active
-
2012
- 2012-06-07 CA CA2779030A patent/CA2779030C/en active Active
- 2012-06-08 US US13/491,948 patent/US9256354B2/en active Active
- 2012-06-08 EP EP12171389.5A patent/EP2535798B1/en active Active
- 2012-06-11 KR KR1020120061987A patent/KR101297290B1/ko active IP Right Grant
- 2012-06-11 BR BR102012014089-6A patent/BR102012014089B1/pt active IP Right Grant
- 2012-06-12 MX MX2012006727A patent/MX2012006727A/es active IP Right Grant
- 2012-06-12 AU AU2012203414A patent/AU2012203414B2/en active Active
- 2012-06-13 RU RU2012124060/08A patent/RU2509343C2/ru active
- 2012-06-13 CN CN201210194858.7A patent/CN102830899B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7590946B2 (en) * | 2004-12-08 | 2009-09-15 | Canon Kabushiki Kaisha | Display apparatus and display methods for scrolling item lists |
US20080104544A1 (en) * | 2005-12-07 | 2008-05-01 | 3Dlabs Inc., Ltd. | User Interface With Variable Sized Icons |
US20080155461A1 (en) * | 2006-12-20 | 2008-06-26 | Canon Kabushiki Kaisha | Display control apparatus and method for controlling display control apparatus |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105630335A (zh) * | 2014-11-07 | 2016-06-01 | 华硕电脑股份有限公司 | 触控屏幕操作方法及电子装置 |
CN106484237A (zh) * | 2016-10-14 | 2017-03-08 | 网易(杭州)网络有限公司 | 用于虚拟现实显示的方法、装置及虚拟现实设备 |
CN106777020A (zh) * | 2016-12-08 | 2017-05-31 | 深圳市小满科技有限公司 | 显示装置及显示方法 |
US11698578B2 (en) | 2018-03-16 | 2023-07-11 | Sony Corporation | Information processing apparatus, information processing method, and recording medium |
CN115048020A (zh) * | 2022-05-06 | 2022-09-13 | 全芯(佛山)科技有限公司 | 一种增加滚动视图交互感知的方法及终端 |
Also Published As
Publication number | Publication date |
---|---|
RU2012124060A (ru) | 2013-12-20 |
KR101297290B1 (ko) | 2013-08-19 |
CA2779030C (en) | 2013-10-22 |
KR20120138659A (ko) | 2012-12-26 |
AU2012203414B2 (en) | 2014-07-10 |
JP5276145B2 (ja) | 2013-08-28 |
CA2779030A1 (en) | 2012-12-13 |
CN102830899B (zh) | 2016-05-04 |
BR102012014089B1 (pt) | 2020-10-27 |
US20120317513A1 (en) | 2012-12-13 |
EP2535798A1 (en) | 2012-12-19 |
US9256354B2 (en) | 2016-02-09 |
JP2013003651A (ja) | 2013-01-07 |
EP2535798B1 (en) | 2013-12-04 |
AU2012203414A1 (en) | 2013-01-10 |
BR102012014089A2 (pt) | 2013-11-05 |
RU2509343C2 (ru) | 2014-03-10 |
MX2012006727A (es) | 2012-12-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102830899A (zh) | 列表显示装置 | |
JP6083910B1 (ja) | 情報処理装置、情報処理方法、およびプログラム | |
US9619133B2 (en) | Method and system for displaying contents scrolling at high speed and scroll bar | |
US8502791B2 (en) | Methods of processing data in touch screen display device and methods of displaying image using the same | |
CN101661383B (zh) | 一种电子设备及其显示控制方法 | |
CN101887344B (zh) | 信息处理设备和信息处理方法 | |
JP6019736B2 (ja) | 表示装置及びプログラム | |
CN102446066A (zh) | 信息处理设备、信息处理方法和程序 | |
CN103620541A (zh) | 能够在多个模式下进行通过手指触摸的输入的用户界面装置、输入操作判断方法和程序 | |
CN103069458A (zh) | 用于满足最小帧速率要求的图形呈现方法 | |
CN103294391A (zh) | 电子装置及其操作方法 | |
CN102436341A (zh) | 在移动终端的显示屏幕上进行内容操作的方法与装置 | |
CN103049199A (zh) | 一种触摸屏终端、控制装置以及触摸屏终端的工作方法 | |
CN102760027A (zh) | 一种显示处理方法、装置及电子设备 | |
CN102279699A (zh) | 信息处理装置、信息处理方法以及程序 | |
CN102385469A (zh) | 终端及其控制方法 | |
CN103299264A (zh) | 显示装置、用户接口方法以及程序 | |
US20140164993A1 (en) | Method and electronic device for enlarging and displaying contents | |
US9230393B1 (en) | Method and system for advancing through a sequence of items using a touch-sensitive component | |
JP6541615B2 (ja) | 情報処理装置、情報処理方法および情報処理プログラム | |
CN102486713A (zh) | 显示方法和电子设备 | |
JP5997328B2 (ja) | プログラム及び端末装置 | |
CN112148172B (zh) | 操作控制方法及装置 | |
CN114138141A (zh) | 显示方法、装置和电子设备 | |
JP6455466B2 (ja) | 表示操作装置およびプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |