CN104346096B - 图像显示装置及方法 - Google Patents
图像显示装置及方法 Download PDFInfo
- Publication number
- CN104346096B CN104346096B CN201410080685.5A CN201410080685A CN104346096B CN 104346096 B CN104346096 B CN 104346096B CN 201410080685 A CN201410080685 A CN 201410080685A CN 104346096 B CN104346096 B CN 104346096B
- Authority
- CN
- China
- Prior art keywords
- display
- image
- page
- case
- display area
- 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
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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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/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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明提供图像显示装置及方法,图像显示装置具有:检测单元,其检测针对显示图像的显示画面的指定;和控制单元,其在针对所述显示画面的指定位置发生移动的情况下,基于所述指定位置的移动方向,进行将所述显示画面中显示的图像切换为其他图像的页面切换动作、或使所述显示画面中显示的图像的显示内容移动的移动动作。
Description
技术领域
本发明涉及图像显示装置及方法。
背景技术
在搭载有触摸面板的图像显示装置中,在显示画面上显示图像时,进行与拖拽操作(用户在通过手指或定位设备等按压触摸面板的状态下使手指或定位设备等移动的操作)联动的各种控制。例如,在将显示画面上显示的图像切换为其他图像的情况、或使放大显示的图像的显示位置移动的情况等中,进行拖拽操作。
在日本特开2007-293511号公报中,公开了对第1状态与第2状态进行切换的输入装置:在该第1状态下,当检测到对显示画面的接触时,接受对显示画面上显示的操作部进行的操作;在该第2状态下,不接受对操作部的操作,而是接受使显示画面的显示内容的一部分或全部移到的操作。
另外,在日本特开2010-113459号公报中公开了这样的图像显示装置:当用户在触摸面板上的按压位置的移动距离超过根据显示器上显示的图像的显示尺寸所设定的距离阈值时,使其他图像显示在显示器上。
可是,在图像显示装置中,在使显示画面上显示的图像切换为其他图像的动作、以及使显示位置移动的动作都采用了拖拽操作的情况下,有可能违背用户的意图而进行图像的切换或显示位置的移动,从而导致操作性降低。
发明内容
本发明的目的在于减轻对显示画面上显示的图像的操作性的下降。
根据本发明的第1方案,提供一种图像显示装置,所述图像显示装置具有检测单元,其检测针对显示图像的显示画面的操作;和控制单元,其根据由所述检测单元检测到的操作位置的移动方向的角度,切换执行页面切换动作和移动动作,所述页面切换动作是将所述显示画面中显示的图像切换为其他图像,所述移动动作是使所述显示画面中显示的显示内容在所述图像内移动,当所述移动方向的所述角度为多个阈值角度中的一个阈值角度以下、且所述移动方向朝向远离显示区域的和所述图像的端部相接的端部的方向时,所述控制单元执行所述页面切换动作,在除此之外的情况下,所述控制单元切换为执行所述移动动作,其中,所述多个阈值角度是从与所述显示区域的和所述图像的端部相接的端部垂直的方向起预先设定的、相对于与所述显示区域的和所述图像的端部相接的端部垂直的方向设定为非对称的角度。
根据本发明的第2方案,在所述图像显示装置中,在所述显示画面中显示的图像的端部与所述显示画面的显示区域的端部相接的情况下,所述控制单元基于所述操作位置的移动方向的角度切换执行所述页面切换动作和所述移动动作。
根据本发明的第3的方案,在所述图像显示装置中,在所述显示画面显示有所述图像的一部分即部分图像的情况下,所述控制单元切换执行所述页面切换动作和所述移动动作。
根据本发明的第4方案,提供一种图像显示方法,所述图像显示方法具有下述步骤:从检测针对显示画面的操作的检测单元接受检测结果;和根据由所述检测单元检测到的操作位置的移动方向的角度,切换执行页面切换动作和移动动作,所述页面切换动作是将所述显示画面中显示的图像切换为其他图像,所述移动动作是使所述显示画面中显示的显示内容在所述图像内移动,当所述移动方向的所述角度为多个阈值角度中的一个阈值角度以下、且所述移动方向朝向远离显示区域的和所述图像的端部相接的端部的方向时,执行所述页面切换动作,在除此之外的情况下,切换为执行所述移动动作,其中,所述多个阈值角度是从与所述显示区域的和所述图像的端部相接的端部垂直的方向起预先设定的、相对于与所述显示区域的和所述图像的端部相接的端部垂直的方向设定为非对称的角度。
根据所述第1、4方案,与不是基于指定位置的移动方向来变更动作的情况相比,减轻了对显示画面上显示的图像的操作性的下降。
并且,与不具备本发明的结构的情况相比,减轻了对显示画面上显示的图像的操作性的下降。
根据所述第2方案,与即使图像的端部与显示画面的显示区域的端部不接触、也基于指定位置的移动方向来变更动作的情况相比,减轻了对显示画面上显示的图像的操作性的下降。
附图说明
图1是示出实施方式的图像显示装置的一个例子的框图。
图2是示出触摸面板的显示例的示意图。
图3是示出多页面结构的示意图。
图4是示出多页面结构的示意图。
图5是用于说明操作模式的判定处理的示意图。
图6是用于说明滚动模式的示意图。
图7是用于说明页面切换模式的示意图。
图8是用于说明操作模式的判定处理的示意图。
图9是用于说明操作模式的判定处理的示意图。
图10是示出实施方式的图像显示装置的动作的一个例子的流程图。
图11是用于说明滚动模式的示意图。
图12是用于说明页面切换模式的示意图。
图13是用于说明变形例1的处理的示意图。
图14是用于说明拖拽操作的轨迹的示意图。
图15是用于说明变形例2的处理的示意图。
图16是用于说明变形例2的处理的示意图。
图17是用于说明变形例2的处理的示意图。
图18是用于说明变形例2的处理的示意图。
具体实施方式
图1中示出了本发明的实施方式的图像显示装置。本实施方式的图像显示装置10具有作为显示操作部的触摸面板12、控制部18和图像存储部20。
作为一个例子,图像显示装置10设置于图像形成装置。该图像形成装置例如具备下述功能中的至少1个功能:读取原稿并生成图像数据的扫描功能;读取原稿并在纸上形成基于该原稿的图像的复印功能;以及接受图像数据并在纸上形成基于该图像数据的图像的打印功能。并且,图像显示装置10也可以设置于图像形成装置以外的装置,例如便携终端装置或个人计算机等。这样,只要是采用触摸面板的装置,则本实施方式可以应用于任何装置。
触摸面板12具备液晶面板等显示部14和配置在显示部14的显示画面上的触摸传感器16,该触摸面板12显示显示图像,并通过触摸传感器16检测用户接触了显示部14的显示画面的情况,由此受理用户的操作。例如,触摸传感器16检测用户在显示部14的显示画面上按压的位置,并将与其按压的位置相关的位置信息输出至控制部18。
控制部18将基于图像存储部20中存储的图像数据的图像显示在显示部14上。另外,控制部18从触摸传感器16接受位置信息,并基于该位置信息控制显示部14。
作为一个例子,在图像存储部20中存储有由多个页面构成的图像数据(例如文件数据)。在图像显示装置10设置于图像形成装置的情况下,在图像存储部20中存储有通过扫描功能生成的图像数据、作为打印功能的对象的图像数据等。例如,在显示部14显示基于通过扫描功能生成的图像数据的图像、或基于作为打印功能的对象的图像数据的图像。
在图2中示出了触摸面板12的显示例。在触摸面板12上显示有:显示图像的显示区域30;用于指定图像的显示倍率(放大或缩小)的显示倍率滑动条32;用于使图像的显示位置沿横向移动的横向滚动条34;和用于使图像的显示位置沿纵向移动的纵向滚动条36。控制部18根据显示倍率滑动条32所指定的显示倍率使作为显示对象图像的显示页面图像40放大或缩小地显示在显示部14上。
接下来,对用户对触摸面板12的操作进行说明。在用户对触摸面板12的操作中,例如有触摸操作、拖拽操作和释放操作。触摸传感器16在用户的手指或定位设备接触到显示部14的显示画面时检测到“触摸操作”,在显示画面上的接触位置发生移动时检测到“拖拽操作”,在用户的手指或定位设备从显示画面离开时检测到“释放操作”。
在触摸传感器16输出的位置信息中,可以包括表示拖拽操作中的接触位置的移动方向(拖拽方向)的信息和表示接触位置的移动距离(拖拽距离)的信息,也可以仅包括按压的位置的坐标信息。在位置信息仅包括坐标信息的情况下,控制部18基于坐标信息求取拖拽方向和拖拽长度。
在本实施方式中,作为对显示画面上显示的图像进行操作的操作模式,存在滚动模式和页面切换模式。在滚动模式中,控制部18检测拖拽操作中的拖拽方向和拖拽距离,并根据拖拽方向和拖拽距离使显示区域30中放大显示的图像的显示位置移动。在页面切换模式中,控制部18根据拖拽操作使显示区域30中显示的页面图像切换为其他的页面图像。
控制部18基于拖拽操作的拖拽方向从滚动模式和页面切换模式中决定操作模式。具体来说,在显示页面图像40的端部与显示区域30的端部相接的状况下进行了拖拽操作时,控制部18决定与拖拽方向对应的操作模式。
以下,对基于控制部18的控制详细地进行说明。例如,在触摸面板12上显示由多个页面构成的图像数据的情况下,使显示对象图像放大地显示。
首先,对多页面的配置关系进行说明。在多页面的配置中,作为一个例子,以显示区域为基准,存在左右方向的配置和上下方向的配置。在图3中示出了左右方向的配置例。在图3所示的例子中,作为显示对象图像的显示页面图像40被放大后显示在显示区域30,作为显示页面图像40之前的页面,存在前一页面图像42,作为显示页面图像40的接下来的页面,存在下一页面图像44。在显示区域30内中显示了显示页面图像40的一部分。作为一个例子,以显示页面图像40为基准,前一页面图像42配置在左侧,下一页面图像44配置在右侧。这样,在沿左右方向配置有多个页面的情况下,控制部18以左右方向的端部为对象,检测显示页面图像40的端部与显示区域30的端部的接触。
另外,在图4中示出了上下方向的配置例。在图4所示出的例子中,以显示页面图像40为基准,前一页面图像42配置在上侧,下一页面图像44配置在下侧。这样,在沿上下方向配置有多个页面的情况下,控制部18以上下方向的端部为对象,检测显示页面图像40的端部与显示区域30的端部的接触。
以下,参照图5,以沿左右方向配置有页面的图像数据为例,对基于控制部18的控制进行说明。在图5所示的例子中,显示页面图像40的端部中的配置有下一页面图像44的方向的端部(图像端部40a)与显示区域30的右端部(显示区域端部30a)相接。在该情况下,当拖拽方向的角度为阈值角度θt以下、且拖拽方向朝向远离显示区域端部30a的方向时,控制部18选择页面切换模式,在除此之外的条件下,选择滚动模式,其中,所述阈值角度θt是从与显示区域端部30a垂直的方向(与显示区域端部30a垂直的假想线52)起预先设定的角度。在图5所示的例子中,在以接触位置50为起点且拖拽方向包含于页面切换模式范围54(2θt以下的范围)的情况下,控制部18选择页面切换模式。另一方面,在拖拽方向包含于滚动模式范围56(2θt以外的范围)的情况下,控制部18选择滚动模式。在显示页面图像40的右端部(图像端部40a)与显示区域30的右端部(显示区域端部30a)相接的情况下,即使从右侧向左侧进行滚动操作,显示页面图像40的显示内容也不能从右侧向左侧移动,因此,在拖拽方向包含于页面切换模式范围54的情况下(被向左侧拖拽的情况下),控制部18不选择滚动模式,而是选择页面切换模式。作为一个例子,阈值角度θt是45°。因此,页面切换模式范围54成为±45°(90°)的范围。但是,也可以采用其他值作为阈值角度θt,还可以由用户设定阈值角度θt。
并且,关于拖拽方向的角度的判定,如果没有一定程度的拖拽距离(拖拽量),则可能会产生误差,因此,控制部18也可以在拖拽距离成为预先设定的距离阈值Lt以上的时刻判定操作模式。
在通过上述的处理选择了滚动模式的情况下,如图6所示,控制部18根据拖拽方向和拖拽距离使显示区域30中放大显示的显示页面图像40的显示位置移动。另一方面,在选择了页面切换模式的情况下,如图7所示,控制部18根据拖拽距离使页面滚动,从而使下一页面图像44显示于显示区域30内。当像这样进行页面滚动时,与拖拽距离相对应的范围的下一页面图像44被逐渐拖出来并显示在显示区域30内。在图5和图7所示的例子中,在向左侧拖拽的情况下,控制部18根据拖拽距离使下一页面图像44逐渐显示在显示区域30内。并且,当显示区域30中显示的显示页面图像40是末尾页面的图像时,控制部18不进行页面滚动。
另外,如图8所示,在显示页面图像40的端部中的配置有前一页面图像42的方向的端部(图像端部40b)与显示区域30的左端部(显示区域端部30b)相接的情况下,当拖拽方向的角度为从与显示区域端部30b垂直的方向(假想线52)起算的阈值角度θt以下、且拖拽方向朝向远离显示区域端部30b的方向时,控制部18选择页面切换模式,在除此之外的条件下,选择滚动模式。在选择了页面切换模式的情况下,控制部18根据拖拽距离使页面滚动,从而使前一页面图像42显示于显示区域30内。在图8所示的例子中,在向右侧拖拽的情况下,控制部18根据拖拽距离使前一页面图像42逐渐显示在显示区域30内。在显示页面图像40的左端部(图像端部40b)与显示区域30的左端部(显示区域端部30b)相接的情况下,即使从左侧向右侧进行滚动操作,显示页面图像40的显示内容也不能从左侧向右侧移动,因此,在拖拽方向包含于页面切换模式范围54的情况下(被向右侧拖拽的情况下),控制部18不选择滚动模式,而是选择页面切换模式。并且,当显示区域30中显示的显示页面图像40是起始页面的图像时,控制部18不进行页面滚动。
如上,在显示页面图像40的端部中的配置有切换目标页面的方向的端部与显示区域30的端部相接的情况下,如果进行拖拽操作而选择页面切换模式,则控制部18使切换目标页面的图像显示在显示区域30内。例如,在用户希望切换页面的情况下,只要通过滚动操作使显示页面图像40的端部与显示区域30的配置有切换目标页面的方向的端部接触,并在该状态下以选择页面切换模式的方式进行拖拽操作即可。例如,在希望将页面切换为下一页面图像44的情况下,如图5所示,用户只要通过滚动操作使显示页面图像40的右端部(图像端部40a)与显示区域30的右端部(显示区域端部30a)接触,并在该状态下以选择页面切换模式的方式进行拖拽操作即可。同样,在希望将页面切换为前一页面图像42的情况下,如图8所示,用户只要通过滚动操作使显示页面图像40的左端部(图像端部40b)与显示区域30的左端部(显示区域端部30b)接触,并在该状态下以选择页面切换模式的方式进行拖拽操作即可。
作为另一个例子,如图9所示,在其他页面的图像配置于显示页面图像40的上下方向上的情况下,也与其他页面的图像配置于左右方向的情况相同地切换页面切换模式和滚动模式。例如,以显示页面图像40为基准,前一页面图像42配置在上侧,下一页面图像44配置在下侧。此时,在显示页面图像40的上端部(图像端部40c)与显示区域30的上端部(显示区域端部30c)相接的情况下,当拖拽方向的角度为从与显示区域端部30c垂直的方向(假想线52)起算的阈值角度θt以下、且拖拽方向朝向远离显示区域端部30c的方向时,控制部18选择页面切换模式,在除此之外的条件下,选择滚动模式。在图9所示的例子中,在向下侧拖拽的情况下,控制部18使前一页面图像42显示在显示区域30内。在显示页面图像40的上端部(图像端部40c)与显示区域30的上端部(显示区域端部30c)相接的情况下,即使从上侧向下侧进行滚动操作,显示页面图像40的显示内容也不能从上侧向下侧移动,因此,在拖拽方向包含于页面切换模式范围54的情况下(被向下侧拖拽的情况下),控制部18不选择滚动模式,而是选择页面切换模式。另外,在显示页面图像40的下端部与显示区域30的下端部相接的情况下,当拖拽方向的角度为从与显示区域30的下端部垂直的方向起算的阈值角度θt以下、且拖拽方向朝向远离显示区域30的下端部的方向时,控制部18选择页面切换模式,并使下一页面图像44显示在显示区域30内。
接下来,参照图10所示的流程图,对图像显示装置10的动作进行说明。例如如图5所示,使页面在左右方向上配置,并使显示页面图像40在显示区域30内放大显示。首先,当触摸面板12被用户操作时,控制部18基于触摸面板12的检测结构检测用户的操作(S01),并进行与该操作相对应的控制(S02)。
在检测出的操作相当于“触摸操作”的情况下,控制部18将操作模式设定为初始状态(未指定操作模式的状态)(S03)。然后,处理返回步骤S01。
在检测出的操作相当于“拖拽操作”的情况下,控制部18进行与操作模式相对应的控制(S04)。在已经指定了滚动模式作为操作模式的情况下(S04:滚动),控制部18根据拖拽方向和拖拽距离使图5所示的显示页面图像40的显示位置移动(S07)。然后,处理返回步骤S01。另一方面,在已经指定了页面切换模式作为操作模式的情况下(S04:页面切换),控制部18根据拖拽距离使页面滚动,从而使其他页面的图像显示在显示区域30内(S10)。然后,处理返回步骤S01。
在滚动模式和页面切换模式均未被指定的情况下(S04:没有指定),控制部18根据显示页面图像40的端部是否与显示区域30的端部相接来决定操作模式(S05)。例如,在显示页面图像40的端部没有与显示区域30的端部相接的情况下(S05,否),控制部18将操作模式设定为滚动模式(S06)。在该情况下,控制部18根据拖拽方向和拖拽距离使显示页面图像40的显示位置移动(S07)。然后,处理返回步骤S01。
在显示页面图像40的端部与显示区域30的端部相接的情况下(S05,是),控制部18根据拖拽方向的角度来决定操作模式(S08)。例如如图11(a)所示,在箭头60所示的拖拽方向的角度大于阈值角度θt而包含于滚动模式范围56(2θt以外的范围)的情况下,控制部18将操作模式设定为滚动模式(S06)。在该情况下,例如如图11(b)所示,控制部18根据拖拽方向和拖拽距离使显示页面图像40的显示位置移动(S07)。例如如图11(a)所示,在向箭头60所示的上方向进行了拖拽操作的情况下,如图11(b)所示,控制部18使显示页面图像40的显示位置向箭头62所示的下方向移动(向下方向滚动)。然后,处理返回步骤S01。
另一方面,例如如图12(a)所示,在箭头70所示的拖拽方向的角度为阈值角度θt以下而包含于页面切换模式范围54(2θt以下的范围)的情况下,控制部18将操作模式设定为页面切换模式(S09)。在该情况下,例如如图12(b)所示,控制部18根据拖拽距离使页面滚动,从而使其他页面的图像(例如下一页面图像44)显示在显示区域30内(S10)。例如如图12(a)所示,在向箭头70所示的左方向进行了拖拽操作的情况下,如图12(b)所示,控制部18使页面向箭头72所示的左方向滚动,从而使下一页面图像44显示在显示区域30内。例如,控制部18使页面滚动,由此使下一页面图像44逐渐显示在显示区域30内。然后,处理返回步骤S01。
另外,当在步骤S02中检测出“释放操作操作”时,控制部18进行与操作模式对应的控制(S11)。在指定了页面切换模式作为操作模式的情况下(S11:页面切换),控制部18基于释放操作之前的拖拽操作来切换页面(S12)。在进行了页面滚动的情况下,控制部18使该页面滚动中止并切换页面。另外,可以为,在基于页面滚动的页面切换处于中途的情况下,控制部18对页面切换过程中显示在显示区域30内的显示页面图像40的尺寸、与通过页面滚动被拖出来而显示在显示区域30内的其他页面的图像(前一页面图像42或下一页面图像44)的尺寸进行比较,在显示页面图像40的尺寸大于其他页面图像的尺寸的情况下,使显示页面图像40返回显示区域30内进行显示,在其他页面图像的尺寸大于显示页面图像40的尺寸的情况下,对页面进行切换而使其他页面图像显示在显示区域30内。另外,控制部18可以根据进行释放操作时的拖拽操作的速度、距离来判定该操作是否是滑动(flick)操作。在检测出滑动操作的情况下,控制部18可以与页面滚动的位置无关地执行页面切换。
另一方面,在步骤S11中,在未指定操作模式或指定了滚动模式的情况下(S11:未指定或滚动),控制部18结束处理。例如在指定了滚动模式的情况下,控制部18使滚动停止。另外,当在滚动模式中检测出滑动操作时,控制部18可以使滚动沿着滑动的方向继续,并随着时间的经过使滚动逐渐停止。
根据上述的图像显示装置10,在显示页面图像40的端部与显示区域30的端部相接的情况下,基于拖拽方向从页面切换模式和滚动模式中决定操作模式,由此能够防止或减少违背用户的意图而执行页面切换或滚动这样的情况,提高触摸面板的操作性。在本实施方式中,如果使显示页面图像40的端部与显示区域30的配置有切换目标页面的方向的端部接触并在该状态下进行拖拽操作,则由于从页面切换模式和滚动模式中选择操作模式,因此能够通过简单的操作选择用户希望的操作模式。
另外,由于以页面切换模式范围54(2θt以下的范围)为基准来决定操作模式,因此,即使在用户进行了含糊的拖拽操作的情况下,也能够防止或减少违背用户意图的操作。另外,能够减小对触摸面板的坐标检测性能的影响,防止或减少违背用户意图的操作。
接下来,参照图13对变形例1进行说明。在变形例1中,其他页面的图像90、92被配置在显示页面图像40的左右方向,其他页面的图像94、96被配置在显示页面图像40的上下方向。当在显示页面图像40的左右的任意一个端部与显示区域30的左右的任意一个端部相接的情况下进行了拖拽操作时,控制部18从朝向左右方向的页面切换模式和滚动模式中选择操作模式。另一方面,当在显示页面图像40的上下的任意一个端部与显示区域30的上下的任意一个端部相接的情况下进行了拖拽操作时,控制部18从朝向上下方向的页面切换模式和滚动模式中选择操作模式。这样,即使在左右方向和上下方向上配置有页面的情况下,也与在左右方向或上下方向上配置有页面的情况相同,能够提高触摸面板的操作性。
并且,上述的阈值角度θt也可以由用户变更。由此设定与用户相对应的条件。另外,对于在左右方向上配置有页面的情况和在上下方向上配置有页面的情况,可以采用彼此不同的阈值角度θt。由此,设定与触摸面板12的设置条件等相对应的条件。另外,也可以在显示区域30的左侧和右侧使用不同的阈值角度θt。同样,也可以在显示区域30的上侧和下侧使用不同的阈值角度θt。
接下来,参照图14至图18,对变形例2进行说明。在图14中示出了用户的手指100、110、120的移动轨迹。例如在用户进行了拖拽操作的情况下,如箭头A、B、C所示,拖拽操作的轨迹描绘出弧形。特别是在对立起的触摸面板12进行操作的情况下,用户习惯于固定手腕进行拖拽操作,因此,拖拽操作的轨迹描绘出弧形。在变形例2中,根据拖拽操作的轨迹设定阈值角度。并且,在以下所示的变形例2中,用户利用右手的手指进行拖拽操作。
例如如图15所示,在显示页面图像40的右侧的端部(图像端部40a)与显示区域30的右端部(显示区域端部30a)相接的情况下,用户将相对于显示区域30配置在右侧的页面的图像拖出来进行显示。在该情况下,用户的手指的轨迹容易朝向下方向。因此,相对于假想线52,使下侧的阈值角度θt1大于上侧的阈值角度θt2(θt1>θt2)。由此,在用户欲拖出右侧的图像而进行了拖拽操作的情况下,即使拖拽操作的轨迹朝向下方向,拖拽方向的角度也容易在阈值角度θt1以下,因此可以如用户的意图那样进行页面切换。
另外,如图16所示,在显示页面图像40的左侧的端部(图像端部40b)与显示区域30的左端部(显示区域端部30b)相接的情况下,用户将相对于显示区域30配置在左侧的页面的图像拖出来进行显示。在该情况下,用户的手指的轨迹容易朝向上方向。因此,相对于假想线52,使上侧的阈值角度θt2大于下侧的阈值角度θt1(θt2>θt1)。由此,在用户欲拖出左侧的图像而进行了拖拽操作的情况下,即使拖拽操作的轨迹朝向上方向,拖拽方向的角度也容易在阈值角度θt2以下,因此可以如用户的意图那样进行页面切换。
另外,如图17所示,在显示页面图像40的上侧的端部(图像端部40c)与显示区域30的上端部(显示区域端部30c)相接的情况下,用户将相对于显示区域30配置在上侧的页面的图像拖出来进行显示。在该情况下,用户的手指的轨迹容易朝向左方向。因此,相对于假想线52,使左侧的阈值角度θt3大于右侧的阈值角度θt4(θt3>θt4)。由此,在用户欲拖出上侧的图像而进行了拖拽操作的情况下,即使拖拽操作的轨迹朝向左方向,拖拽方向的角度也容易在阈值角度θt3以下,因此可以如用户的意图那样进行页面切换。
另外,如图18所示,在显示页面图像40的下侧的端部(图像端部40d)与显示区域30的下端部(显示区域端部30d)相接的情况下,用户将相对于显示区域30配置在下侧的页面的图像拖出来进行显示。在该情况下,用户的手指的轨迹容易朝向右方向。因此,相对于假想线52,使右侧的阈值角度θt4大于左侧的阈值角度θt3(θt4>θt3)。由此,在用户欲拖出下侧的图像而进行了拖拽操作的情况下,即使拖拽操作的轨迹朝向右方向,拖拽方向的角度也容易在阈值角度θt4以下,因此可以如用户的意图那样进行页面切换。
对上述的变形例2中的阈值角度的关系进行总结,如下。
在拖出右侧的图像的情况下,下侧的阈值角度θt1>上侧的阈值角度θt2
在拖出左侧的图像的情况下,上侧的阈值角度θt2>下侧的阈值角度θt1
在拖出上侧的图像的情况下,左侧的阈值角度θt3>右侧的阈值角度θt4
在拖出下侧的图像的情况下,右侧的阈值角度θt4>左侧的阈值角度θt3
并且,在用户用左手的手指进行拖拽操作的情况下,上述的不等号的朝向分别反向。例如,可以在图像显示装置10中设定表示进行拖拽操作的手的信息。该设定例如由用户来执行。在成为用右手进行拖拽操作的设定的情况下,控制部18遵从上述的不等号的朝向进行处理,在成为用左手进行拖拽操作的设定的情况下,控制部18使上述的不等号的朝向反向来进行处理。
如上,在假想线52的上下或左右不使用相同的阈值角度,而是对应于进行页面切换的方向来改变上下或左右的阈值角度,由此容易如用户的意图那样进行页面切换,从而能够防止或减轻用户的操作性的下降。
另外,在触摸面板12倾斜着设置的情况下,拖拽方向的轨迹容易朝向下方向,因此可以设定为下侧的阈值角度θt1>上侧的阈值角度θt2。
并且,在上述的实施方式和变形例1、2中,对使用触摸面板的情况进行了说明,但是,接受用户的操作的装置并不限于触摸面板,也可以是鼠标。在采用鼠标的情况下,控制部18基于鼠标的指定位置的移动方向来执行页面切换模式或滚动模式。
另外,在上述的实施方式和变形例1、2中,作为一个例子,对显示由多个页面构成的图像数据的情况进行了说明,但本实施方式并不限定于该例子。例如,在执行用于照片浏览的应用程序等的情况下,也可以应用本实施方式。在该情况下,控制部18可以以多个照片(图像)作为对象来执行切换显示部14中显示的各个照片的照片切换模式(页面切换模式)、或使显示部14中显示的照片的显示内容移动的滚动模式。
作为一个例子,上述的图像显示装置10可以通过硬件资源和软件资源的协作来实现。具体来说,图像显示装置10具备未图示的CPU等处理器。该处理器读取并执行在未图示的存储装置中存储的程序,由此实现控制部18的功能。上述程序经由CD或DVD等存储介质、或经由网络等通信手段存储于存储装置。
Claims (4)
1.一种图像显示装置,该图像显示装置具有:
检测单元,其检测针对显示图像的显示画面的操作;和
控制单元,其根据由所述检测单元检测到的操作位置的移动方向的角度,切换执行页面切换动作和移动动作,所述页面切换动作是将所述显示画面中显示的图像切换为其他图像,所述移动动作是使所述显示画面中显示的显示内容在所述图像内移动,
当所述移动方向的所述角度为多个阈值角度中的一个阈值角度以下、且所述移动方向朝向远离显示区域的和所述图像的端部相接的端部的方向时,所述控制单元执行所述页面切换动作,在除此之外的情况下,所述控制单元切换为执行所述移动动作,其中,所述多个阈值角度是从与所述显示区域的和所述图像的端部相接的端部垂直的方向起预先设定的、相对于与所述显示区域的和所述图像的端部相接的端部垂直的方向设定为非对称的角度。
2.根据权利要求1所述的图像显示装置,其中,
在所述显示画面中显示的图像的端部与所述显示画面的显示区域的端部相接的情况下,所述控制单元基于所述操作位置的移动方向的角度切换执行所述页面切换动作和所述移动动作。
3.根据权利要求1或2所述的图像显示装置,其中,
在所述显示画面显示有所述图像的一部分即部分图像的情况下,所述控制单元切换执行所述页面切换动作和所述移动动作。
4.一种图像显示方法,该图像显示方法具有下述步骤:
从检测针对显示画面的操作的检测单元接受检测结果;和
根据由所述检测单元检测到的操作位置的移动方向的角度,切换执行页面切换动作和移动动作,所述页面切换动作是将所述显示画面中显示的图像切换为其他图像,所述移动动作是使所述显示画面中显示的显示内容在所述图像内移动,
当所述移动方向的所述角度为多个阈值角度中的一个阈值角度以下、且所述移动方向朝向远离显示区域的和所述图像的端部相接的端部的方向时,执行所述页面切换动作,在除此之外的情况下,切换为执行所述移动动作,其中,所述多个阈值角度是从与所述显示区域的和所述图像的端部相接的端部垂直的方向起预先设定的、相对于与所述显示区域的和所述图像的端部相接的端部垂直的方向设定为非对称的角度。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2013163652A JP5505550B1 (ja) | 2013-08-06 | 2013-08-06 | 画像表示装置及びプログラム |
JP2013-163652 | 2013-08-06 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104346096A CN104346096A (zh) | 2015-02-11 |
CN104346096B true CN104346096B (zh) | 2019-08-23 |
Family
ID=50735859
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410080685.5A Active CN104346096B (zh) | 2013-08-06 | 2014-03-06 | 图像显示装置及方法 |
Country Status (6)
Country | Link |
---|---|
US (1) | US9600148B2 (zh) |
EP (1) | EP2835731B1 (zh) |
JP (1) | JP5505550B1 (zh) |
CN (1) | CN104346096B (zh) |
AU (1) | AU2014201684B2 (zh) |
SG (1) | SG10201402120QA (zh) |
Families Citing this family (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10521188B1 (en) | 2012-12-31 | 2019-12-31 | Apple Inc. | Multi-user TV user interface |
JP6399834B2 (ja) * | 2014-07-10 | 2018-10-03 | キヤノン株式会社 | 情報処理装置、情報処理装置の制御方法、及びプログラム |
JP6202051B2 (ja) * | 2015-06-29 | 2017-09-27 | コニカミノルタ株式会社 | 画像形成装置 |
JP6512056B2 (ja) * | 2015-09-30 | 2019-05-15 | コニカミノルタ株式会社 | 画像形成装置、方法およびプログラム |
US11966560B2 (en) | 2016-10-26 | 2024-04-23 | Apple Inc. | User interfaces for browsing content from multiple content applications on an electronic device |
JP7007805B2 (ja) * | 2017-02-15 | 2022-01-25 | キヤノン株式会社 | 表示制御装置及びその制御方法 |
WO2019073537A1 (ja) * | 2017-10-11 | 2019-04-18 | 三菱電機株式会社 | 表示制御装置、表示制御方法、表示制御プログラム、および、電子機器 |
JP7069904B2 (ja) * | 2018-03-19 | 2022-05-18 | 京セラドキュメントソリューションズ株式会社 | 情報処理装置 |
JP7064173B2 (ja) * | 2018-05-11 | 2022-05-10 | 富士フイルムビジネスイノベーション株式会社 | 情報処理装置及びプログラム |
JP7099126B2 (ja) * | 2018-07-25 | 2022-07-12 | セイコーエプソン株式会社 | 表示制御装置および表示制御プログラム |
US11962836B2 (en) | 2019-03-24 | 2024-04-16 | Apple Inc. | User interfaces for a media browsing application |
CN113711169A (zh) * | 2019-03-24 | 2021-11-26 | 苹果公司 | 包括内容项的可选表示的用户界面 |
FR3095059B1 (fr) * | 2019-04-15 | 2021-05-07 | Thales Sa | Dispositif d'affichage, systeme d'affichage comprenant un tel dispositif, procede d'affichage et programme d'ordinateur associes |
EP3977245A1 (en) | 2019-05-31 | 2022-04-06 | Apple Inc. | User interfaces for a podcast browsing and playback application |
US11863837B2 (en) | 2019-05-31 | 2024-01-02 | Apple Inc. | Notification of augmented reality content on an electronic device |
CN110929190A (zh) * | 2019-09-23 | 2020-03-27 | 平安科技(深圳)有限公司 | 页面播放方法、装置、电子设备及存储介质 |
US11843838B2 (en) | 2020-03-24 | 2023-12-12 | Apple Inc. | User interfaces for accessing episodes of a content series |
US11899895B2 (en) | 2020-06-21 | 2024-02-13 | Apple Inc. | User interfaces for setting up an electronic device |
US11934640B2 (en) | 2021-01-29 | 2024-03-19 | Apple Inc. | User interfaces for record labels |
CN113204299B (zh) * | 2021-05-21 | 2023-05-05 | 北京字跳网络技术有限公司 | 显示方法、装置、电子设备和存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101356493A (zh) * | 2006-09-06 | 2009-01-28 | 苹果公司 | 用于照片管理的便携式电子装置 |
CN101727261A (zh) * | 2008-10-17 | 2010-06-09 | 华硕电脑股份有限公司 | 页面操作方法与电子装置 |
CN102760025A (zh) * | 2011-04-26 | 2012-10-31 | 富泰华工业(深圳)有限公司 | 图片浏览系统及图片缩放方法和图片切换方法 |
CN102929528A (zh) * | 2012-09-27 | 2013-02-13 | 鸿富锦精密工业(深圳)有限公司 | 具有图片切换功能的装置及图片切换方法 |
CN103197881A (zh) * | 2012-01-10 | 2013-07-10 | 佳能株式会社 | 显示控制装置及其控制方法 |
Family Cites Families (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9041744B2 (en) * | 2005-07-14 | 2015-05-26 | Telecommunication Systems, Inc. | Tiled map display on a wireless device |
JP2007293511A (ja) | 2006-04-24 | 2007-11-08 | Murata Mach Ltd | 入力装置及び画像形成装置 |
JP4923897B2 (ja) * | 2006-09-15 | 2012-04-25 | ブラザー工業株式会社 | 閲覧端末 |
US7903115B2 (en) * | 2007-01-07 | 2011-03-08 | Apple Inc. | Animations |
CA2674663A1 (en) * | 2008-10-08 | 2010-04-08 | Research In Motion Limited | A method and handheld electronic device having dual mode touchscreen-based navigation |
JP5098961B2 (ja) | 2008-11-05 | 2012-12-12 | 日本電気株式会社 | 画像表示装置、方法、及びプログラム |
JP5270485B2 (ja) * | 2009-07-30 | 2013-08-21 | 富士通コンポーネント株式会社 | タッチパネル装置及び方法並びにプログラム及び記録媒体 |
US8595645B2 (en) | 2010-03-11 | 2013-11-26 | Apple Inc. | Device, method, and graphical user interface for marquee scrolling within a display area |
JP5537458B2 (ja) * | 2011-02-10 | 2014-07-02 | シャープ株式会社 | タッチ入力可能な画像表示装置、表示装置の制御装置、及びコンピュータプログラム |
CN102736770B (zh) * | 2011-03-31 | 2016-03-09 | 比亚迪股份有限公司 | 多点手势识别方法及多点平移手势的识别装置 |
US8687023B2 (en) * | 2011-08-02 | 2014-04-01 | Microsoft Corporation | Cross-slide gesture to select and rearrange |
JP5801656B2 (ja) * | 2011-09-01 | 2015-10-28 | 株式会社ソニー・コンピュータエンタテインメント | 情報処理装置および情報処理方法 |
JP2013114612A (ja) * | 2011-11-30 | 2013-06-10 | Sharp Corp | 表示制御装置、表示方法、制御プログラム、および記録媒体 |
-
2013
- 2013-08-06 JP JP2013163652A patent/JP5505550B1/ja active Active
-
2014
- 2014-03-06 CN CN201410080685.5A patent/CN104346096B/zh active Active
- 2014-03-13 US US14/209,479 patent/US9600148B2/en active Active
- 2014-03-20 AU AU2014201684A patent/AU2014201684B2/en active Active
- 2014-05-07 SG SG10201402120QA patent/SG10201402120QA/en unknown
- 2014-05-08 EP EP14167471.3A patent/EP2835731B1/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101356493A (zh) * | 2006-09-06 | 2009-01-28 | 苹果公司 | 用于照片管理的便携式电子装置 |
CN101727261A (zh) * | 2008-10-17 | 2010-06-09 | 华硕电脑股份有限公司 | 页面操作方法与电子装置 |
CN102760025A (zh) * | 2011-04-26 | 2012-10-31 | 富泰华工业(深圳)有限公司 | 图片浏览系统及图片缩放方法和图片切换方法 |
CN103197881A (zh) * | 2012-01-10 | 2013-07-10 | 佳能株式会社 | 显示控制装置及其控制方法 |
CN102929528A (zh) * | 2012-09-27 | 2013-02-13 | 鸿富锦精密工业(深圳)有限公司 | 具有图片切换功能的装置及图片切换方法 |
Also Published As
Publication number | Publication date |
---|---|
EP2835731A3 (en) | 2015-04-22 |
JP2015032277A (ja) | 2015-02-16 |
SG10201402120QA (en) | 2015-03-30 |
AU2014201684A1 (en) | 2015-02-26 |
US9600148B2 (en) | 2017-03-21 |
AU2014201684B2 (en) | 2015-12-24 |
CN104346096A (zh) | 2015-02-11 |
JP5505550B1 (ja) | 2014-05-28 |
EP2835731A2 (en) | 2015-02-11 |
EP2835731B1 (en) | 2023-04-19 |
US20150046866A1 (en) | 2015-02-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104346096B (zh) | 图像显示装置及方法 | |
JP5987474B2 (ja) | 画像表示装置、画像制御装置、画像形成装置およびプログラム | |
US20130201139A1 (en) | User interface apparatus and mobile terminal apparatus | |
KR20100130671A (ko) | 터치 인터페이스에서 선택 영역의 제공 장치 및 그 방법 | |
JP5701569B2 (ja) | 画像表示装置、画像表示制御方法及びプログラム | |
US10387026B2 (en) | Apparatus, method, computer-readable storage medium, and smartphone for causing scrolling of content in response to touch operations | |
KR101669079B1 (ko) | 표시제어장치 및 그 제어 방법 | |
JP6136321B2 (ja) | 情報処理装置、画像処理装置及びプログラム | |
JP6119633B2 (ja) | 表示制御装置、画像形成装置およびプログラム | |
US9176683B2 (en) | Image information processing method, image information processing apparatus and computer-readable recording medium storing image information processing program | |
US20160266765A1 (en) | Information processing apparatus, information processing method, and program | |
US20150169151A1 (en) | Displaying device and computer-readable recording medium therefor | |
US8782544B2 (en) | Display control apparatus, display control method, and storage medium | |
US20140082538A1 (en) | Image processing apparatus, image processing method, and storage medium storing program | |
CN105262922A (zh) | 信息处理装置及其控制方法和存储介质 | |
JP6575081B2 (ja) | 表示装置、画像処理装置及びプログラム | |
US9671948B2 (en) | Image-display control system, image-display control method, and non-transitory computer-readable storage medium storing image-display control program | |
TW201234256A (en) | Method for drawing operation | |
JP6677019B2 (ja) | 情報処理装置、情報処理プログラムおよび情報処理方法 | |
JP6512056B2 (ja) | 画像形成装置、方法およびプログラム | |
JP2013196573A (ja) | 画像表示装置のプログラム、画像表示装置、画像表示装置の制御方法 | |
JP2018055558A (ja) | 画像表示装置のプログラム、画像表示装置、画像表示装置の制御方法 | |
JP5768869B2 (ja) | 画像表示装置及びプログラム | |
US20240089314A1 (en) | Information processing apparatus, method of controlling information processing apparatus, and storage medium | |
JP5790225B2 (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CP01 | Change in the name or title of a patent holder |
Address after: Tokyo, Japan Patentee after: Fuji film business innovation Co.,Ltd. Address before: Tokyo, Japan Patentee before: Fuji Xerox Co.,Ltd. |
|
CP01 | Change in the name or title of a patent holder |