CN102955658A - 交互界面中的页面切换方法及装置 - Google Patents
交互界面中的页面切换方法及装置 Download PDFInfo
- Publication number
- CN102955658A CN102955658A CN2011102466271A CN201110246627A CN102955658A CN 102955658 A CN102955658 A CN 102955658A CN 2011102466271 A CN2011102466271 A CN 2011102466271A CN 201110246627 A CN201110246627 A CN 201110246627A CN 102955658 A CN102955658 A CN 102955658A
- Authority
- CN
- China
- Prior art keywords
- page
- sign
- screen
- interactive interface
- action events
- 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/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/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
- 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)
Abstract
一种交互界面中的页面切换方法,包括如下步骤:获取对交互界面的操作事件,触发屏幕中的页面跟随所述操作事件移动;根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识;控制所述指示标识与所述移动的页面进行同步移动;根据所述操作事件得到停留于屏幕中的页面。上述交互界面中的页面切换方法及***,随着用户在交互界面上的操作事件触发屏幕中的页面跟随操作事件发生移动,与发生移动的页面存在对应关系的指示标识也将进行同步运动,指示标识在页面切换过程中的动态指示页面位置,实现了页面切换中间过程的动态指示,实现了对用户施加于交互界面中的操作事件进行动态反馈,提高了页面切换的灵活性。
Description
【技术领域】
本发明涉及人机交互技术,特别是涉及一种交互界面中的页面切换方法及装置。
【背景技术】
用户在交互界面中点击不同的图标会触发不同应用程序的运行。为满足工作和娱乐需求,人们安装使用了越来越多的应用程序,交互界面中设置多个连续的页面,各种应用程序图标分布于交互界面的各个页面,并通过设置于交互界面中的指示标识来指示屏幕中显示的页面为交互界面中的第几个页面。屏幕中显示的多个指示标识是按照页面顺序依次排列,固定不动的。屏幕中的指示标识用于标识交互界面中的页面数量,并通过高亮或者突出显示等画面处理来标识当前屏幕所显示的页面为交互界面中的第几个页面。
传统的交互界面中,用户可通过施加于屏幕上的滑动操作进行页面之间的切换,例如,交互界面包括了第一至第五这5个连续的页面,通过屏幕向用户展示第一页面以及分别与交互界面中每一页面相对应的5个指示标识,并突出显示第一页面所对应的指示标识。
当用户需要从第一页面切换至第二页面时,通过手指在屏幕中的第一页面从右向左滑动,交互界面中连续的页面跟随用户的滑动操作进行页面之间的移动,并在用户的滑动操作停止后第二页面也停留在屏幕中向用户展示,此时,消除第一页面所对应的指示标识的突出显示,突出显示第二页面所对应的指示标识。
然而,随着交互界面中连续的页面之间从右向左地切换,按照页面顺序依次排列的指示标识从左向右地依次进行突出显示,即指示标识的突出显示顺序与页面的切换方向是相反的,指示标识与页面之间只是简单地将每一页面与对应的指示标识建立映射关系,当某一页面在屏幕中展示时对应的指示标识被突出显示,这将造成了可移动的页面与固定不动且反向突出显示的指示标识之间的不匹配,页面切换过程缺乏灵活性。
【发明内容】
基于此,有必要提供一种能提高灵活性的交互界面中的页面切换方法。
此外,还有必要提供一种能提高灵活性的交互界面中的页面切换装置。
一种交互界面中的页面切换方法,包括如下步骤:
获取对交互界面的操作事件,触发屏幕中的页面跟随所述操作事件移动;
根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识;
控制所述指示标识与所述移动的页面进行同步移动;
根据所述操作事件得到停留于屏幕中的页面。
优选地,所述控制所述指示标识与所述移动的页面进行同步移动的步骤为:
获取与所述指示标识相对应的页面在屏幕中的位置;
根据所述页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点;
将所述指示标识移动到所述位置点。
优选地,所述根据所述操作事件得到停留于屏幕中的页面的步骤为:
根据所述操作事件中操作点的移动距离和对应的时间间隔计算所述操作点的移动速度;
判断所述交互界面的操作是否结束,若是,则
判断所述移动速度是否大于阈值,若否,则获取所占屏幕空间最大的页面;
将所述获取到的页面停留于屏幕中。
优选地,还包括:
当判断到所述移动速度大于阈值时,根据所述移动速度进行估算得到停留于屏幕中的页面。
优选地,还包括:
根据所述设定的指示标识在页面中的相对位置在停留于屏幕中的页面定位对应的指示标识。
一种交互界面中的页面切换装置,包括:
事件触发模块,用于获取对交互界面的操作事件,触发屏幕中的页面跟随所述操作事件移动;
标识获取模块,用于根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识;
同步移动模块,用于控制所述指示标识与所述移动的页面进行同步移动;
处理模块,用于根据所述操作事件得到停留于屏幕中的页面。
优选地,所述同步移动模块包括:
位置获取单元,用于获取与所述指示标识相对应的页面在屏幕中的位置;
位置计算单元,用于根据所述页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点;
移动单元,用于将所述指示标识移动到所述位置点。
优选地,所述处理模块包括:
速度计算单元,用于根据所述操作事件中操作点的移动距离和对应的时间间隔计算所述操作点的移动速度;
操作判断单元,用于判断所述交互界面的操作是否结束,若是,则通知速度判断单元;
所述速度判断单元用于判断所述移动速度是否大于阈值,若否,则通知页面获取单元;
所述页面获取单元用于获取所占屏幕空间最大的页面,将所述获取到的页面停留于屏幕中。
优选地,所述处理模块还包括:
估算单元,用于当判断到所述移动速度大于阈值时,根据所述移动速度进行估算得到停留于屏幕中的页面。
优选地,还包括:
标识定位模块,用于根据所述设定的指示标识在页面中的相对位置在停留于屏幕中的页面定位对应的指示标识。
上述交互界面中的页面切换方法及***,随着用户在交互界面上的操作事件触发屏幕中的页面跟随操作事件发生移动,与发生移动的页面存在对应关系的指示标识也将进行同步运动,指示标识在页面切换过程中的动态指示页面位置,实现了页面切换中间过程的动态指示,实现了对用户施加于交互界面中的操作事件进行动态反馈,提高了页面切换的灵活性。
上述交互界面中的页面切换方法及***中,当用户在交互界面上的操作结束时,若判断到此时的移动速度仍然大于设定的阈值,则根据移动速度进行估算,以得到将要停留于屏幕中的页面,充分考虑了用户的操作意图,进而提高了用户操作的准确性和便捷性。
【附图说明】
图1为一个实施例中交互界面中的页面切换方法的流程图;
图2为图1中控制指示标识与移动的页面进行同步移动的方法流程图;
图3为一个实施例中的交互界面的状态变化图;
图4为图1中根据操作事件得到停留于屏幕中的页面的方法流程图;
图5为一个实施例中交互界面中的页岩切换装置的结构示意图;
图6为图5中同步移动模块的结构示意图;
图7为图5中处理模块的结构示意图。
【具体实施方式】
图1示出了一个实施例中交互界面中的页面切换的方法流程,包括如下步骤:
步骤S110,获取对交互界面的操作事件,触发屏幕中的页面跟随操作事件移动。
本实施例中,施加于交互界面上的操作事件可以是用户在屏幕中进行的手指滑动操作,也可以是通过触摸笔移动显示的交互界面等操作,所使用的屏幕为触摸屏幕。在获取到用户的滑动操作等操作事件后,屏幕中的页面按照用户的滑动方向进行移动。
步骤S130,根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识。
本实施例中,每一页面都有与其存在对应关系的指示标识,用于动态地标识该页面的位置,指示标识为点或其它基本图形等简单元素。指示标识的数量用于表示交互界面所包含的页面数量,在优选的实施例中,位于中间位置的指示标识与屏幕中显示的页面相对应,表示了该页面的位置等状态。
步骤S150,控制指示标识与移动的页面进行同步移动。
本实施例中,在屏幕中发生了页面移动时,控制对应的指示标识与该移动的页面进行同步移动,以动态地标识该移动的页面所处位置。
在一个具体的实施例中,如图2所示,上述步骤S150的具体过程为:
步骤S151,获取与指示标识相对应的页面在屏幕中的位置。
本实施例中,为实现连续的页面切换效果,可在每隔一个较短的时间间隔或者按照设定的时间帧获取移动的页面当前所处位置。在优选的实施例中,页面在屏幕中的位置可以使用坐标表示。例如,可以设定以屏幕左侧边缘为x轴的坐标原点,页面的左侧边缘在x轴中的坐标即为页面在屏幕中的位置。
步骤S153,根据页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点。
本实施例中,当某一页面完整地显示于屏幕中时,对于该页面所对应的指示标识而言,指示标识所处的位置应当标识对应的页面被完整显示,并且屏幕中显示了整个页面及对应的指示标识,此时,指示标识与对应的页面之间的相对位置应当是固定的,即任一页面完整显示于屏幕中其对应的指示标识在该页面中的相对位置是一个设定好了的固定位置。在优选的实施例中,指示标识在对应的页面中的相对位置可以是该页面的中间位置。
图3示出了一个具体实施例中的交互界面的状态变化,该实施例中,连续的页面30在屏幕中移动,页面30底部为多个指示标识10,通过该指示标识10的数量可以获知交互界面由5个连续的页面组成。
如状态图(1)所示,当前屏幕中显示的是交互界面中的第3个页面30,通过以以屏幕左侧边缘为原点的x轴可知,与该页面30相对应的指示标识10的位置也处于第3个页面30的中间位置。
当发生操作事件,用户的手指在屏幕中进行从右向左的滑动操作时,如状态图(2)所示,第3个页面30向屏幕左侧边缘移动,且部分被隐藏,第4个页面30开始出现于屏幕当中,此时,第3个页面30和第4个页面30所对应的指示标识10也发生同步移动,与其对应的移动的页面一起向左侧边缘移动。
如状态图(3)所示,当操作事件结束时,交互界面的第4个页面30停留于屏幕中,此时,第4个页面30所对应的指示标识10也停留在已经设定好的指示标识30在对应的页面10中的相对位置,即第4个页面的中间位置。
由上所述,在交互界面的页面切换过程中,与移动的页面相对应的指示标识pointn在屏幕中的移动范围为((n-1)×pw)~(w-(N-n)×pw),其中,pw为每一指示标识占据的宽度,例如,若指示标识为圆点,则pw为该圆点所对应的直径,若指示标识为方形图形,则pw为方形图形的宽度,w为屏幕宽度,N为屏幕中指示标识的总数量;假设交互界面中有N个页面,N个指示标识,且分别用page1~pageN表示交互界面中的每一页面,用point1~pointN表示屏幕中的指示标识,例如,交互界面中的页面pagen在屏幕中移动,且1≤n≤N,则与页面pagen存在对应关系的指示标识为pointn,由页面pagen在x轴上的坐标pagen.x以及屏幕宽度进行计算,首先计算前n-1个指示标识所占据的宽度,即(n-1)*pw,然后根据指示标识pointn在页面pagen的相对位置计算得到该指示标识pointn在屏幕的可移动范围内的位置,即[(pagen.x+w)/(b*w)]*{[w-(N-n)*pw]-[(n-1)*pw]},其中b为指示标识pointn在页面pagen的相对位置的倒数,例如,指示标识pointn在页面pagen的中间位置,则b为2;最后由前n-1个指示标识所占据的宽度与pointn指示标识在屏幕的可移动范围内的位置之和得到位置点,该位置点为x轴上的坐标,即:
pointn.x=[(n-1)*pw]+[(pagen.x+w)/(b*w)]*{[w-(N-n)*pw]-[(n-1)*pw]}
步骤S155,将指示标识移动到位置点。
本实施例中,在计算得到指示标识的位置点后,移动指示标识到计算得到的位置点中,以实现指示标识与页面的同步运动。
步骤S170,根据操作事件得到停留于屏幕中的页面。
本实施例中,在用户的操作事件结束后,得到了停留在屏幕中的页面,该页面即为用户切换的页面。
在一个具体的实施例中,如图4所示,上述步骤S170的具体过程为:
步骤S171,根据操作事件中操作点的移动距离和对应的时间间隔计算操作点的移动速度。
本实施例中,在用户的操作事件中,用户的手指或者触摸笔与屏幕相接触所形成的点为操作点,操作点是随着用户的操作事件进行移动的。为得到操作点的移动速度,根据设定的时间间隔取操作点的x轴坐标进行计算,例如,假设t1时刻的坐标为x1,t2时刻的坐标为x2,则操作点的移动速度为(x2-x1)/(t2-t1)。
步骤S172,判断交互界面的操作是否结束,若是,则进入步骤S173,若否,则返回步骤S171。
本实施例中,若判断到交互界面的操作结束了,应当根据计算得到的移动速度得到停留于屏幕中的页面,若判断到交互界面中的操作还在持续时,将继续进行移动速度的计算。在一个实施例中,判断交互界面的操作是否结束的过程可以是对交互界面中的操作进行检测,判断是否检测到抬起事件,若是,则说明交互界面的操作结束了。
步骤S173,判断移动速度是否大于阈值,若否,则进入步骤S174,若是,则进入步骤S176。
本实施例中,在操作事件结束时,根据用户的操作意图,操作点的移动速度可能为一个非常小的速度值或零,也可能是一个较大的速度值。若操作点的移动速度为一个非常小的速度值或零,则当前停留于屏幕中的页面将成为用户希望切换的页面,例如,若当前屏幕中停留了一个页面,则该页面即为最终的页面而显示给用户,若当前屏幕中停留了两个连续的页面,则占据屏幕空间最大的页面将最有可能是用户希望切换的页面,因此将该页面作为最终的页面显示给用户。若操作点的移动速度为一个较大的速度值,则需要根据操作点的移动速度进行估算以充分考虑用户的操作意图得到切换的页面。
步骤S174,获取所占屏幕空间最大的页面。
步骤S175,将获取到的页面停留于屏幕中。
步骤S176,根据移动速度进行估算得到停留于屏幕中的页面。
本实施例中,当判断到操作点的移动速度大于一个设定的阈值时,说明用户可能希望滑动页面至下一页面,即停留于屏幕中的页面为下一页面。
上述交互界面的页面切换方法中,步骤S170之后还包括了根据设定的指示标识在页面中的相对位置,在停留于屏幕中的页面定位对应的指示标识的步骤。
本实施例中,在得到停留于屏幕中的页面后,根据设定的指示标识在页面中的相对位置进行对应的指示标识的定位,例如,指示标识在页面中的相对位置为中间位置,则在得到停留于屏幕中的页面后将与该页面存在对应关系的指示标识定位于该页面的中间位置。
在上述交互界面中的页面切换过程中,交互界面中的多个连续页面在屏幕中移动,根据实际需要多个连续页面进行横向移动,并以x轴坐标来进行位置标识;相对地,也可以是多个连续页面进行纵向移动,以y轴坐标来进行位置标识,但是交互界面中的页面无论是进行横向移动还进行纵向移动都可通过上述页面切换过程实现多个连续页面之间的切换。
图5示出了一个实施例中交互界面中的页面切换装置,包括事件触发模块10、标识获取模块30、同步移动模块50以及处理模块70。
事件触发模块10,用于获取对交互界面的操作事件,触发屏幕中的页面跟随操作事件移动。
本实施例中,事件触发模块10所获取到的操作事件可以是用户在屏幕中进行的手指滑动操作,也可以是通过触摸笔移动显示的交互界面等操作,所使用的屏幕为触摸屏幕。在事件触发模块10获取到用户的滑动操作等操作事件后,屏幕中的页面按照用户的滑动方向进行移动。
标识获取模块30,用于根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识。
本实施例中,每一页面都有与其存在对应关系的指示标识,用于动态地标识该页面的位置,指示标识为点或其它基本图形等简单元素。指示标识的数量用于表示交互界面所包含的页面数量,在优选的实施例中,位于中间位置的指示标识与屏幕中显示的页面相对应,表示了该页面的位置等状态。
同步移动模块50,用于控制指示标识与移动的页面进行同步移动。
本实施例中,在屏幕中发生了页面移动时,同步移动模块50控制对应的指示标识与移动的页面进行同步移动,以动态地标识该移动的页面所处位置。
在一个具体的实施例中,如图6所示,上述同步移动模块50包括位置获取单元501、位置计算单元503、移动单元505。
位置获取单元501,用于获取与指示标识相对应的页面在屏幕中的位置。
本实施例中,为实现连续的页面切换效果,位置获取单元501可在每隔一个较短的时间间隔或者按照设定的时间帧获取移动的页面当前所处位置。在优选的实施例中,页面在屏幕中的位置可以使用坐标表示。例如,可以设定以屏幕左侧边缘为x轴的坐标原点,页面的左侧边缘在x轴中的坐标即为页面在屏幕中的位置。
位置计算单元503,用于根据页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点。
本实施例中,当某一页面完整地显示于屏幕中时,对于该页面所对应的指示标识而言,指示标识所处的位置应当标识对应的页面被完整显示,并且屏幕中显示了整个页面及对应的指示标识,此时,指示标识与对应的页面之间的相对位置应当是固定的,即任一页面完整显示于屏幕中其对应的指示标识在该页面中的相对位置是一个设定好了的固定位置。在优选的实施例中,指示标识在对应的页面中的相对位置可以是该页面的中间位置。
与移动的页面相对应的指示标识pointn在屏幕中的移动范围为((n-1)×pw)~(w-(N-n)×pw),其中,pw为指示标识占据的宽度,例如,若指示标识为圆点,则pw为该圆点所对应的直径,若指示标识为方形图形,则pw为方形图形的宽度,w为屏幕宽度,N为屏幕中指示标识的总数量;假设交互界面中有N个页面,N个指示标识,且分别用page1~pageN表示交互界面中的每一页面,用point1~pointN表示屏幕中的指示标识,例如,交互界面中的页面pagen在屏幕中移动,且1≤n≤N,则与页面pagen存在对应关系的指示标识为pointn,位置计算单元503由页面pagen在x轴上的坐标pagen.x以及屏幕宽度进行计算,首先计算前n-1个指示标识所占据的宽度,即(n-1)*pw,然后根据指示标识pointn在页面pagen的相对位置计算得到该指示标识pointn在屏幕的可移动范围内的位置,即[(pagen.x+w)/(b*w)]*{[w-(N-n)*pw]-[(n-1)*pw]},其中b为指示标识pointn在页面pagen的相对位置的倒数,例如,指示标识pointn在页面pagen的中间位置,则b为2;最后由前n-1个指示标识所占据的宽度与pointn指示标识在屏幕的可移动范围内的位置之和得到位置点,该位置点为x轴上的坐标,即:
pointn.x=[(n-1)*pw]+[(pagen.x+w)/(b*w)]*{[w-(N-n)*pw]-[(n-1)*pw]}
移动单元505,用于将指示标识移动到位置点。
本实施例中,在计算得到指示标识的位置点后,移动单元505移动指示标识到计算得到的位置点中,以实现指示标识与页面的同步运动。
处理模块70,用于根据操作事件得到停留于屏幕中的页面。
本实施例中,在用户的操作事件结束后,处理模块70得到了停留在屏幕中的页面,该页面即为用户切换的页面。
在一个具体的实施例中,如图7所示,上述处理模块70包括速度计算单元701、操作判断单元703、速度判断单元705、页面获取单元707以及估算单元709。
速度计算单元701,用于根据操作事件中操作点的移动距离和对应的时间间隔计算操作点的移动速度。
本实施例中,在用户的操作事件中,用户的手指或者触摸笔与屏幕相接触所形成的点为操作点,操作点是随着用户的操作事件进行移动的。为得到操作点的移动速度,速度计算单元701根据设定的时间间隔取操作点的x轴坐标进行计算,例如,假设t1时刻的坐标为x1,t2时刻的坐标为x2,则操作点的移动速度为(x2-x1)/(t2-t1)。
操作判断单元703,用于判断交互界面的操作是否结束,若是,则通知速度判断单元701,若否,则通知速度计算单元701。
本实施例中,若操作判断单元703判断到交互界面的操作结束了,应当根据计算得到的移动速度得到停留于屏幕中的页面,若判断到交互界面中的操作还在持续时,将继续进行移动速度的计算。在一个实施例中,判断交互界面的操作是否结束的过程可以是对交互界面中的操作进行检测,判断是否检测到抬起事件,若是,则说明交互界面的操作结束了。
速度判断单元701,用于判断移动速度是否大于阈值,若否,则通知页面获取单元707,若是,则通知估算单元709。
本实施例中,在操作事件结束时,根据用户的操作意图,操作点的移动速度可能为一个非常小的速度值或零,也可能是一个较大的速度值。若操作点的移动速度为一个非常小的速度值或零,则当前停留于屏幕中的页面将成为用户希望切换的页面,例如,若当前屏幕中停留了一个页面,则该页面即为最终的页面而显示给用户,若当前屏幕中停留了两个连续的页面,则占据屏幕空间最大的页面将最有可能是用户希望切换的页面,因此将该页面作为最终的页面显示给用户。若操作点的移动速度为一个较大的速度值,则需要根据操作点的移动速度进行估算以充分考虑用户的操作意图得到切换的页面。
页面获取单元707,用于获取所占屏幕空间最大的页面,将获取到的页面停留于屏幕中。
估算单元709,用于根据移动速度进行估算得到停留于屏幕中的页面。
本实施例中,当判断到操作点的移动速度大于一个设定的阈值时,说明用户可能希望滑动页面至下一页面,即停留于屏幕中的页面为下一页面。
上述交互界面中的页面切换装置除了包括事件触发模块10、标识获取模块30、同步移动模块50以及处理模块70之外,还包括了标识定位模块90。
标识定位模块90,用于根据设定的指示标识在页面中的相对位置在停留于屏幕中的页面定位对应的指示标识。
本实施例中,在得到停留于屏幕中的页面后,标识定位模块90根据设定的指示标识在页面中的相对位置进行对应的指示标识的定位,例如,指示标识在页面中的相对位置为中间位置,则在得到停留于屏幕中的页面后标识定位模块90将与该页面存在对应关系的指示标识定位于该页面的中间位置。
在上述交互界面中的页面切换装置中,交互界面中的多个连续页面在屏幕中移动,根据实际需要多个连续页面进行横向移动,并以x轴坐标来进行位置标识;相对地,也可以是多个连续页面进行纵向移动,以y轴坐标来进行位置标识,但是交互界面中的页面无论是进行横向移动还进行纵向移动都可通过上述页面切换过程实现多个连续页面之间的切换。
上述交互界面的页面切换装置可应用于手机、平板电脑等移动终端中。
上述交互界面中的页面切换方法及***,随着用户在交互界面上的操作事件触发屏幕中的页面跟随操作事件发生移动,与发生移动的页面存在对应关系的指示标识也将进行同步运动,指示标识在页面切换过程中的动态指示页面位置,实现了页面切换中间过程的动态指示,实现了对用户施加于交互界面中的操作事件进行动态反馈,提高了页面切换的灵活性。
上述交互界面中的页面切换方法及***中,当用户在交互界面上的操作结束时,若判断到此时的移动速度仍然大于设定的阈值,则根据移动速度进行估算,以得到将要停留于屏幕中的页面,充分考虑了用户的操作意图,进而提高用户操作的准确性和便捷性。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种交互界面中的页面切换方法,包括如下步骤:
获取对交互界面的操作事件,触发屏幕中的页面跟随所述操作事件移动;
根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识;
控制所述指示标识与所述移动的页面进行同步移动;
根据所述操作事件得到停留于屏幕中的页面。
2.根据权利要求1所述的交互界面中的页面切换方法,其特征在于,所述控制所述指示标识与所述移动的页面进行同步移动的步骤为:
获取与所述指示标识相对应的页面在屏幕中的位置;
根据所述页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点;
将所述指示标识移动到所述位置点。
3.根据权利要求1所述的交互界面中的页面切换方法,其特征在于,所述根据所述操作事件得到停留于屏幕中的页面的步骤为:
根据所述操作事件中操作点的移动距离和对应的时间间隔计算所述操作点的移动速度;
判断所述交互界面的操作是否结束,若是,则
判断所述移动速度是否大于阈值,若否,则获取所占屏幕空间最大的页面;
将所述获取到的页面停留于屏幕中。
4.根据权利要求3所述的交互界面中的页面切换方法,其特征在于,还包括:
当判断到所述移动速度大于阈值时,根据所述移动速度进行估算得到停留于屏幕中的页面。
5.根据权利要求1所述的交互界面中的页面切换方法,其特征在于,还包括:
根据所述设定的指示标识在页面中的相对位置在停留于屏幕中的页面定位对应的指示标识。
6.一种交互界面中的页面切换装置,其特征在于,包括:
事件触发模块,用于获取对交互界面的操作事件,触发屏幕中的页面跟随所述操作事件移动;
标识获取模块,用于根据页面与指示标识之间的对应关系获取移动的页面所对应的指示标识;
同步移动模块,用于控制所述指示标识与所述移动的页面进行同步移动;
处理模块,用于根据所述操作事件得到停留于屏幕中的页面。
7.根据权利要求6所述的交互界面中的页面切换装置,其特征在于,所述同步移动模块包括:
位置获取单元,用于获取与所述指示标识相对应的页面在屏幕中的位置;
位置计算单元,用于根据所述页面在屏幕中的位置以及设定的指示标识在对应的页面中的相对位置进行计算得到位置点;
移动单元,用于将所述指示标识移动到所述位置点。
8.根据权利要求6所述的交互界面中的页面切换装置,其特征在于,所述处理模块包括:
速度计算单元,用于根据所述操作事件中操作点的移动距离和对应的时间间隔计算所述操作点的移动速度;
操作判断单元,用于判断所述交互界面的操作是否结束,若是,则通知速度判断单元;
所述速度判断单元用于判断所述移动速度是否大于阈值,若否,则通知页面获取单元;
所述页面获取单元用于获取所占屏幕空间最大的页面,将所述获取到的页面停留于屏幕中。
9.根据权利要求8所述的交互界面中的页面切换装置,其特征在于,所述处理模块还包括:
估算单元,用于当判断到所述移动速度大于阈值时,根据所述移动速度进行估算得到停留于屏幕中的页面。
10.根据权利要求6所述的交互界面中的页面切换装置,其特征在于,还包括:
标识定位模块,用于根据所述设定的指示标识在页面中的相对位置在停留于屏幕中的页面定位对应的指示标识。
Priority Applications (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110246627.1A CN102955658B (zh) | 2011-08-25 | 2011-08-25 | 交互界面中的页面切换方法及装置 |
US14/130,138 US20140201676A1 (en) | 2011-08-25 | 2012-06-15 | Method and apparatus for switching pages in interfaces, and computer storage medium thereof |
PCT/CN2012/077036 WO2013026314A1 (zh) | 2011-08-25 | 2012-06-15 | 交互界面中的页面切换方法、装置及计算机存储介质 |
EP12826154.2A EP2750011A4 (en) | 2011-08-25 | 2012-06-15 | METHOD AND DEVICE FOR CHANGING PAGE IN INTERACTIVE INTERFACE, AND COMPUTER STORAGE MEDIUM |
SG2014006282A SG2014006282A (en) | 2011-08-25 | 2012-06-15 | Page switching method and device in interactive interface, and computer storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110246627.1A CN102955658B (zh) | 2011-08-25 | 2011-08-25 | 交互界面中的页面切换方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102955658A true CN102955658A (zh) | 2013-03-06 |
CN102955658B CN102955658B (zh) | 2017-03-22 |
Family
ID=47745903
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110246627.1A Active CN102955658B (zh) | 2011-08-25 | 2011-08-25 | 交互界面中的页面切换方法及装置 |
Country Status (5)
Country | Link |
---|---|
US (1) | US20140201676A1 (zh) |
EP (1) | EP2750011A4 (zh) |
CN (1) | CN102955658B (zh) |
SG (1) | SG2014006282A (zh) |
WO (1) | WO2013026314A1 (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103197840A (zh) * | 2013-03-28 | 2013-07-10 | 青岛旲天下智能科技有限公司 | 采用触控式的人机交互设备 |
CN103488398A (zh) * | 2013-09-16 | 2014-01-01 | 深圳市同洲电子股份有限公司 | 一种页面显示方法、装置和智能终端 |
CN103777867A (zh) * | 2014-02-24 | 2014-05-07 | 联想(北京)有限公司 | 信息处理方法及电子设备 |
CN104932791A (zh) * | 2015-06-26 | 2015-09-23 | 走遍世界(北京)信息技术有限公司 | 图形界面的交互方法及装置 |
CN105843430A (zh) * | 2015-01-15 | 2016-08-10 | 深圳富泰宏精密工业有限公司 | 桌面页位置标识***及方法 |
CN106610782A (zh) * | 2015-10-26 | 2017-05-03 | 京瓷办公信息***株式会社 | 显示装置 |
CN107515711A (zh) * | 2016-06-17 | 2017-12-26 | 中兴通讯股份有限公司 | 展示图片的方法及装置 |
CN109388322A (zh) * | 2017-08-02 | 2019-02-26 | 腾讯科技(深圳)有限公司 | 显示数据的方法和装置、存储介质及电子介质 |
WO2019051809A1 (zh) * | 2017-09-15 | 2019-03-21 | 深圳传音通讯有限公司 | 一种基于智能终端的显示页面切换方法及显示页面切换*** |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103744589B (zh) * | 2013-12-12 | 2018-07-13 | 华为终端(东莞)有限公司 | 一种页面内容的移动方法及装置 |
CN104778198B (zh) * | 2014-12-30 | 2020-11-13 | 北京奇虎科技有限公司 | 一种移动终端页面信息的查看方法和装置 |
US10078673B2 (en) | 2016-04-20 | 2018-09-18 | Google Llc | Determining graphical elements associated with text |
US10222957B2 (en) | 2016-04-20 | 2019-03-05 | Google Llc | Keyboard with a suggested search query region |
US10305828B2 (en) | 2016-04-20 | 2019-05-28 | Google Llc | Search query predictions by a keyboard |
US9965530B2 (en) * | 2016-04-20 | 2018-05-08 | Google Llc | Graphical keyboard with integrated search features |
US10140017B2 (en) | 2016-04-20 | 2018-11-27 | Google Llc | Graphical keyboard application with integrated search |
US10664157B2 (en) | 2016-08-03 | 2020-05-26 | Google Llc | Image search query predictions by a keyboard |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101571850A (zh) * | 2009-06-10 | 2009-11-04 | 青岛海信移动通信技术股份有限公司 | 一种支持页面跳转功能的文本文档显示方法及装置 |
WO2010134718A2 (en) * | 2009-05-19 | 2010-11-25 | Samsung Electronics Co., Ltd. | Mobile device and method for editing pages used for a home screen |
EP2259174A1 (en) * | 2009-06-02 | 2010-12-08 | HTC Corporation | Electronic device, method for viewing desktop thereof, and computer program product |
US20110169764A1 (en) * | 2008-11-11 | 2011-07-14 | Yuka Miyoshi | Mobile terminal, page transmission method for a mobile terminal and program |
Family Cites Families (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5903267A (en) * | 1997-07-11 | 1999-05-11 | International Business Machines Corporation | Document interface mechanism and method for navigating through large documents |
US7100119B2 (en) * | 2002-11-01 | 2006-08-29 | Microsoft Corporation | Page bar control |
US20040125128A1 (en) * | 2002-12-26 | 2004-07-01 | Cheng-Chia Chang | Graphical user interface for a slideshow presentation |
US20050091604A1 (en) * | 2003-10-22 | 2005-04-28 | Scott Davis | Systems and methods that track a user-identified point of focus |
US20090100380A1 (en) * | 2007-10-12 | 2009-04-16 | Microsoft Corporation | Navigating through content |
US20090207139A1 (en) * | 2008-02-18 | 2009-08-20 | Nokia Corporation | Apparatus, method and computer program product for manipulating a reference designator listing |
US20090271731A1 (en) * | 2008-04-27 | 2009-10-29 | Htc Corporation | Electronic device and user interface display method thereof |
CN101281443A (zh) * | 2008-05-13 | 2008-10-08 | 宇龙计算机通信科技(深圳)有限公司 | 一种页面切换的方法、***及移动通信终端 |
US9113124B2 (en) * | 2009-04-13 | 2015-08-18 | Linkedin Corporation | Method and system for still image capture from video footage |
US8271898B1 (en) * | 2009-06-04 | 2012-09-18 | Mellmo Inc. | Predictive scrolling |
KR20110092754A (ko) * | 2010-02-10 | 2011-08-18 | 주식회사 엘지유플러스 | 터치스크린에서의 손가락별 동작을 지원하는 단말기 및 상기 단말기 운용 방법 |
CN101807202B (zh) * | 2010-02-24 | 2013-03-20 | 深圳市五巨科技有限公司 | 一种移动终端浏览器优化方法及移动终端浏览器优化装置 |
WO2016036546A2 (en) * | 2014-09-02 | 2016-03-10 | Apple Inc. | Reduced-size notification interface |
-
2011
- 2011-08-25 CN CN201110246627.1A patent/CN102955658B/zh active Active
-
2012
- 2012-06-15 SG SG2014006282A patent/SG2014006282A/en unknown
- 2012-06-15 WO PCT/CN2012/077036 patent/WO2013026314A1/zh active Application Filing
- 2012-06-15 US US14/130,138 patent/US20140201676A1/en not_active Abandoned
- 2012-06-15 EP EP12826154.2A patent/EP2750011A4/en not_active Ceased
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110169764A1 (en) * | 2008-11-11 | 2011-07-14 | Yuka Miyoshi | Mobile terminal, page transmission method for a mobile terminal and program |
WO2010134718A2 (en) * | 2009-05-19 | 2010-11-25 | Samsung Electronics Co., Ltd. | Mobile device and method for editing pages used for a home screen |
EP2259174A1 (en) * | 2009-06-02 | 2010-12-08 | HTC Corporation | Electronic device, method for viewing desktop thereof, and computer program product |
CN101571850A (zh) * | 2009-06-10 | 2009-11-04 | 青岛海信移动通信技术股份有限公司 | 一种支持页面跳转功能的文本文档显示方法及装置 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103197840A (zh) * | 2013-03-28 | 2013-07-10 | 青岛旲天下智能科技有限公司 | 采用触控式的人机交互设备 |
CN103488398A (zh) * | 2013-09-16 | 2014-01-01 | 深圳市同洲电子股份有限公司 | 一种页面显示方法、装置和智能终端 |
CN103777867A (zh) * | 2014-02-24 | 2014-05-07 | 联想(北京)有限公司 | 信息处理方法及电子设备 |
CN105843430A (zh) * | 2015-01-15 | 2016-08-10 | 深圳富泰宏精密工业有限公司 | 桌面页位置标识***及方法 |
CN105843430B (zh) * | 2015-01-15 | 2020-07-14 | 深圳富泰宏精密工业有限公司 | 桌面页位置标识***及方法 |
CN104932791A (zh) * | 2015-06-26 | 2015-09-23 | 走遍世界(北京)信息技术有限公司 | 图形界面的交互方法及装置 |
CN106610782A (zh) * | 2015-10-26 | 2017-05-03 | 京瓷办公信息***株式会社 | 显示装置 |
CN107515711A (zh) * | 2016-06-17 | 2017-12-26 | 中兴通讯股份有限公司 | 展示图片的方法及装置 |
CN109388322A (zh) * | 2017-08-02 | 2019-02-26 | 腾讯科技(深圳)有限公司 | 显示数据的方法和装置、存储介质及电子介质 |
WO2019051809A1 (zh) * | 2017-09-15 | 2019-03-21 | 深圳传音通讯有限公司 | 一种基于智能终端的显示页面切换方法及显示页面切换*** |
Also Published As
Publication number | Publication date |
---|---|
US20140201676A1 (en) | 2014-07-17 |
CN102955658B (zh) | 2017-03-22 |
EP2750011A4 (en) | 2015-04-29 |
EP2750011A1 (en) | 2014-07-02 |
SG2014006282A (en) | 2014-03-28 |
WO2013026314A1 (zh) | 2013-02-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102955658A (zh) | 交互界面中的页面切换方法及装置 | |
CN103186345B (zh) | 一种文段选择方法及装置 | |
CN104077003B (zh) | 一种将手机返回键、home键和菜单键合并的方法及装置 | |
CN108073334B (zh) | 一种基于矢量运算的悬浮触控方法及装置 | |
CN107678664A (zh) | 一种终端界面切换、手势处理的方法、装置及终端 | |
CN101751195A (zh) | 一种电阻式触摸屏上的移动事件控制方法及装置 | |
CN102760029A (zh) | 在显示界面上操作列表的方法和装置 | |
CN102609191A (zh) | 一种触摸屏手机的来信浏览交互方法 | |
CN102117165A (zh) | 触摸输入处理方法及移动终端 | |
CN103869939A (zh) | 触感反馈***及其提供触感反馈的方法 | |
CN105335089A (zh) | 一种基于智能终端的页面切换方法及页面切换装置 | |
CN106648314A (zh) | 一种分屏方法及装置 | |
CN104182144A (zh) | 一种移动终端界面浏览的方法及其*** | |
CN104991719B (zh) | 一种基于触摸屏的截图方法、***及移动终端 | |
CN104020989B (zh) | 基于远程应用的控制方法和*** | |
CN102929527A (zh) | 具有图片切换功能的装置及图片切换方法 | |
CN104063142B (zh) | 信息处理方法、装置和电子设备 | |
CN105843523A (zh) | 信息处理的方法和装置 | |
CN103197868B (zh) | 一种显示对象的显示处理方法及装置 | |
CN103092498A (zh) | 确定响应模式的方法和装置、以及电子设备 | |
CN103809894B (zh) | 一种手势的识别方法及电子设备 | |
CN103135896B (zh) | 定位方法和电子设备 | |
CN105005440A (zh) | 一种移动终端显示界面滚动条切换的方法、装置及终端 | |
CN105446608A (zh) | 信息搜索方法、信息搜索装置及电子装置 | |
CN104699409A (zh) | 一种触摸屏移动终端信息输入的方法及*** |
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 |