CN104267879B - 一种界面交互的方法及装置 - Google Patents
一种界面交互的方法及装置 Download PDFInfo
- Publication number
- CN104267879B CN104267879B CN201410577983.5A CN201410577983A CN104267879B CN 104267879 B CN104267879 B CN 104267879B CN 201410577983 A CN201410577983 A CN 201410577983A CN 104267879 B CN104267879 B CN 104267879B
- Authority
- CN
- China
- Prior art keywords
- icon
- interface
- screen sliding
- circle
- user
- 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/04817—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 using icons
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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为本发明一实施方式一种数字娱乐点歌系统界面;
标号说明:
10、设置单元;20、转动单元;30、缩放单元。
具体实施方式
为详细说明本发明的技术内容、所实现目的及效果,以下结合实施方式并配合附图予以说明。
本发明最关键的构思在于:将图标排列于同一个圆周上,并在滑动屏幕转动图标的时候实时控制图标缩放,使图标逐个突出显示,便于浏览、查找。
请参照图1,为本发明一种界面交互的方法一实施方式的流程示意图,一种界面交互的方法,界面上设置有两个以上图标,所述图标的中心点均匀的分布于界面上同一个圆的圆周上,包括:
S1、获取用户的滑屏操作,根据所述滑屏操作,在所述圆周上顺时针或逆时针转动各图标;
S2、并且在转动所述各图标时,以界面上所述圆的圆心以外的任意点为参照点,根据每个图标中心点与所述参照点的距离大小实时的线性缩放对应图标的大小。
从上述描述可知,本发明的有益效果在于:本发明将界面上的图标均匀分布于同一个圆周上,并在接收到滑屏操作时控制各图标沿所述圆周顺时针或逆时针转动,在转动的同时根据各图标与参照点的距离实时的控制各图标进行缩放,从而使得图标在转动的过程中逐个放大突出显示,使图标显示主次分明,一次只突出显示一个图标,因此用户能够及时找到其所要找的图标,方便用户浏览和查找。
在一实施方式中,所述参照点设置于所述圆周上,因此,所述各图标到参照点的最近的距离为0,最远的距离为所述圆的直径L,设距离为0时的缩放比例为1,距离为L时缩放比例为0.5,则距离为x的缩放比例为0.5+(1-0.5)*x/L,因此距所述参照点越远的图标的缩放比例越小,这样让图标以距参照点近大远小的方式显示来控制信息关注主次。
进一步的,在一实施方式中,所述参照点设置于界面上所述圆心的正下方,因此在所述界面上距所述圆心以下的图标的缩放的比例大,其图标的尺寸就越大,从而显示出的3D效果就是离用户近的图标显示的尺寸就大,离用户远的图标的显示尺寸就小,从而进一步便于用于浏览。当然在其他实施方式中,所述参照点可以选择界面上除所述圆心以外的其他点,如圆心的左侧或右侧,参照点可以选择在圆周上也可以不在圆周上,根据所述公式0.5+(1-0.5)*x/L当参照点设置于不同位置时,所述图标线性缩放的位置也不同。
进一步的,在上述实施方式中,所述获取用户的滑屏操作包括获取滑屏的方向和距离;
根据所述滑屏的方向控制界面中各图标顺时针转动或逆时针转动,并根据滑屏的距离控制各图标转动的距离。
由上述描述可知,可以根据滑屏的方向和距离精度控制图标转动的方向和转动角度。
进一步的,在上述实施方式中,设定两个相邻图标之间的弧长为d,所述图标转动的轨迹长度为两个相邻图标之间弧长的整数倍,当所述图标转动过程中未达到d的整数倍时,使图标继续转动直至达到d的整数倍。
进一步的,在一实施方式中,保存用户最后一次的滑屏操作,并预设一时间阀值,当未收到用户界面操作的时间超过所述时间阀值时,控制所述各图标按所述最后一次的滑屏操作方向进行转动。
由上述描述可知,通过系统自动控制图标进行转动可以提起用户的兴趣,也可以使用户在不靠近操作界面时就能够找到其所想要的图标,缩短用户查找图标的时间。
进一步的,在转动所述图标时还判断界面是否接收到用户点击图标的操作,若否则继续转动,若是则响应点击的图标所对应的点击事件,退出所述图标显示界面,进入所点击图标对应的功能页面。
进一步的,当界面退出图标显示界面时保存当前界面中各图标的排列位置,当再次进入图标显示界面时以所保存的各图标的排列位置显示各图标。
由上述描述可知,通过保存当前界面中各图标的排列位置可以方便用户后续进行浏览。
请参阅图2,本发明还提供的另一技术方案为:
一种界面交互的装置,包括设置单元10、转动单元20和缩放单元30;
所述设置单元10用于在界面上设置有两个以上图标,所述图标的中心点均匀的分布于界面上同一个圆的圆周上,
所述转动单元20用于获取用户的滑屏操作,根据所述滑屏操作,在所述圆周上顺时针或逆时针转动各图标;
所述缩放单元30用于在转动所述各图标时,以界面上所述圆的圆心以外的任意点为参照点,根据每个图标中心点与所述参照点的距离大小实时的线性缩放对应图标的大小。
由上述描述可知,本界面交互的装置将图标排列于同一个圆周上,并在滑动屏幕转动图标的时候实时控制图标缩放,使图标逐个突出显示,便于用户浏览和查找对应图标。
进一步的,所述参照点设置于界面上所述圆心的正下方。
进一步的,所述转动单元20包括输入获取模块;
所述输入获取模块用于获取所述滑屏操作的滑屏的方向和距离;
所述转动单元20根据所述滑屏的方向控制界面中各图标顺时针转动或逆时针转动,并根据滑屏的距离控制各图标转动的距离。
请参照图3,本发明的实施例一为:一种数字娱乐点歌系统界面交互的方法,其中,界面上设置有7个相似的功能图标,依次为点歌系统中的歌词、语种、新歌、泡泡、歌星、歌名和排行,在界面上找7个位置点,这7个点在一个同心圆上,并且每两个相邻位置点的距离相等。
在显示所述图标时,最靠近界面下边的图标以原始大小显示,靠近界面上边的图标以线性比例缩放(比如规定最近的距离为0,缩放比例为1,最远的距离为L,缩放比例0.5;则距离为x的缩放比例为0.5+(1-0.5)*x/L),越远的图标缩放比例越小,这样让图标以近大远小的方式显示来控制信息关注主次,从而从视觉上实现靠近界面下边的图标离用户最近,靠近界面上边的图标离用户最远。
在系统启动第一次刚进入这个页面时,以程序默认设置的一个图标排列方式显示各图标。
当用户用手或者鼠标在触摸屏中对这些图标所在的同心圆中进行滑动操作时,系统首先根据用户的手或者鼠标所在的位置和滑动方向、距离判断用户是顺时针滑动还是逆时针滑动;然后让这些图标在同心圆的轨迹上相应地往顺时针或者逆时针方向滑动同样的距离;同时,滑动过程中根据图标所在的位置,以一定的比例缩放图标。设定两个相邻图标之间的弧长为d,所述图标转动的轨迹长度为两个相邻图标之间弧长的整数倍,若在用户手抬起时,这些图标转动过程中未达到d的整数倍时,使图标继续转动直至达到d的整数倍。
当用户在一段时间没有操作页面,则每隔一段时间,比如10秒,自动根据用户上次的滑动方向滑动(如果用户从未滑动过,则默认为顺时针方向),让每个图标在一定的步数内滑动到相邻图标的位置上,同时滑动过程中根据图标所在的位置,以一定的比例缩放图标。用户有进行操作时,停止自动滑动动作,等用户有一定时间没有操作时再触动。
如果遇到点击(设定用户是点击还是滑动的阈值,比如用户滑动距离大小小于5个像素大小为点击)某个图标的操作,则系统响应这个点击事件,退出该划圈交互页面;进入该图标对应的功能页面中。
在系统离开划圈交互页面时,记住这些图标的排列位置,在系统再次进入这个页面时,以所记住的排列方式显示,以帮助用户记住上次的关注图标。
综上所述,本发明提供的界面交互的方法及装置不仅能依次突出显示各图标,便于用户浏览,而且可以自动控制图标进行转动可以提起用户的兴趣,也可以使用户在不靠近操作界面时就能够找到其所想要的图标,缩短用户查找图标的时间。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等同变换,或直接或间接运用在相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种界面交互的方法,界面上设置有两个以上图标,其特征在于,所述图标的中心点均匀的分布于界面上同一个圆的圆周上,包括:
获取用户的滑屏操作,根据所述滑屏操作,在所述圆周上顺时针或逆时针转动各图标;
并且在转动所述各图标时,以界面上所述圆的圆心以外的任意点为参照点,根据每个图标中心点与所述参照点的距离大小实时的线性缩放对应图标的大小。
2.根据权利要求1所述的界面交互的方法,其特征在于,所述参照点设置于界面上所述圆心的正下方。
3.根据权利要求2所述的界面交互的方法,其特征在于,所述获取用户的滑屏操作包括获取滑屏的方向和距离;
根据所述滑屏的方向控制界面中各图标顺时针转动或逆时针转动,并根据滑屏的距离控制各图标转动的距离。
4.根据权利要求3所述的界面交互的方法,其特征在于,设定两个相邻图标之间的弧长为d,所述图标转动的轨迹长度为两个相邻图标之间弧长的整数倍,当所述图标转动过程中未达到d的整数倍时,使图标继续转动直至达到d的整数倍。
5.根据权利要求1所述的界面交互的方法,其特征在于,保存用户最后一次的滑屏操作,并预设一时间阀值,当未收到用户界面操作的时间超过所述时间阀值时,控制所述各图标按所述最后一次的滑屏操作进行转动。
6.根据权利要求1所述的界面交互的方法,其特征在于,在转动所述图标时还判断界面是否接收到用户点击图标的操作,若否则继续转动,若是则响应点击的图标所对应的点击事件,退出所述图标显示界面,进入所点击图标对应的功能页面。
7.根据权利要求6所述的界面交互的方法,其特征在于,当界面退出图标显示界面时保存当前界面中各图标的排列位置,当再次进入图标显示界面时以所保存的各图标的排列位置显示各图标。
8.一种界面交互的装置,其特征在于,包括设置单元、转动单元和缩放单元;
所述设置单元用于将界面上设置的两个以上图标的中心点均匀的分布于界面上同一个圆的圆周上,
所述转动单元用于获取用户的滑屏操作,根据所述滑屏操作,在所述圆周上顺时针或逆时针转动各图标;
所述缩放单元用于在转动所述各图标时,以界面上所述圆的圆心以外的任意点为参照点,根据每个图标中心点与所述参照点的距离大小实时的线性缩放对应图标的大小。
9.根据权利要求8所述的界面交互的装置,其特征在于,所述参照点设置于界面上所述圆心的上方。
10.根据权利要求8所述的界面交互的装置,其特征在于,所述转动单元包括输入获取模块;
所述输入获取模块用于获取所述滑屏操作的滑屏的方向和距离;
所述转动单元根据所述滑屏的方向控制界面中各图标顺时针转动或逆时针转动,并根据滑屏的距离控制各图标转动的距离。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410577983.5A CN104267879B (zh) | 2014-10-24 | 2014-10-24 | 一种界面交互的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410577983.5A CN104267879B (zh) | 2014-10-24 | 2014-10-24 | 一种界面交互的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104267879A CN104267879A (zh) | 2015-01-07 |
CN104267879B true CN104267879B (zh) | 2017-09-19 |
Family
ID=52159406
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410577983.5A Active CN104267879B (zh) | 2014-10-24 | 2014-10-24 | 一种界面交互的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104267879B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106446643B (zh) * | 2015-08-12 | 2022-01-28 | 中兴通讯股份有限公司 | 终端的控制方法及装置 |
CN105117136A (zh) * | 2015-09-16 | 2015-12-02 | 北京畅游天下网络技术有限公司 | 用于触控设备的功能导航方法和系统、以及触控设备 |
CN105487748B (zh) * | 2015-11-20 | 2020-12-18 | 腾讯科技(深圳)有限公司 | 显示图标的方法和装置、存储介质以及计算机终端 |
CN105912220A (zh) * | 2015-12-15 | 2016-08-31 | 乐视致新电子科技(天津)有限公司 | 一种展示图标的方法及装置 |
US10848768B2 (en) * | 2018-06-08 | 2020-11-24 | Sony Interactive Entertainment Inc. | Fast region of interest coding using multi-segment resampling |
CN108920061A (zh) * | 2018-06-26 | 2018-11-30 | 沈文策 | 一种信息标识的展示方法、装置及移动终端 |
CN110647264B (zh) * | 2019-06-18 | 2021-07-20 | 北京无限光场科技有限公司 | 手动和自动旋转球体标签展示方法、装置、设备、介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101478605A (zh) * | 2009-01-13 | 2009-07-08 | 深圳市同洲电子股份有限公司 | 一种控制显示立体菜单的方法、系统及移动通信终端 |
CN103019519A (zh) * | 2012-12-17 | 2013-04-03 | 天津三星通信技术研究有限公司 | 一种触控终端应用图标的显示控制方法及其触控终端 |
CN103777842A (zh) * | 2013-12-23 | 2014-05-07 | 天津三星电子有限公司 | 触摸型终端的图标移动方法及触摸型终端 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN100412767C (zh) * | 2004-09-28 | 2008-08-20 | 鸿富锦精密工业(深圳)有限公司 | 一种信息处理设备及方法 |
-
2014
- 2014-10-24 CN CN201410577983.5A patent/CN104267879B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101478605A (zh) * | 2009-01-13 | 2009-07-08 | 深圳市同洲电子股份有限公司 | 一种控制显示立体菜单的方法、系统及移动通信终端 |
CN103019519A (zh) * | 2012-12-17 | 2013-04-03 | 天津三星通信技术研究有限公司 | 一种触控终端应用图标的显示控制方法及其触控终端 |
CN103777842A (zh) * | 2013-12-23 | 2014-05-07 | 天津三星电子有限公司 | 触摸型终端的图标移动方法及触摸型终端 |
Also Published As
Publication number | Publication date |
---|---|
CN104267879A (zh) | 2015-01-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104267879B (zh) | 一种界面交互的方法及装置 | |
US10133466B2 (en) | User interface for editing a value in place | |
CN105339900B (zh) | 代理手势识别器 | |
US9939996B2 (en) | Smart scrubber in an ebook navigation interface | |
EP2631739A2 (en) | Method and device for contact-free control by hand gesture | |
CN106484266A (zh) | 一种文本处理方法及装置 | |
US20140359538A1 (en) | Systems and methods for moving display objects based on user gestures | |
TW201133329A (en) | Touch control electric apparatus and window operation method thereof | |
JP2014521171A5 (zh) | ||
US8542207B1 (en) | Pencil eraser gesture and gesture recognition method for touch-enabled user interfaces | |
Uddin et al. | HandMark Menus: Rapid command selection and large command sets on multi-touch displays | |
CN103218160A (zh) | 人机交互方法及终端 | |
CN103064627A (zh) | 一种应用程序管理方法及装置 | |
CN103324390A (zh) | 用于页面浏览的交互方法、浏览器装置以及移动终端 | |
US20130127867A1 (en) | Freestyle drawing supported by stencil edge shapes | |
CN104737117A (zh) | 用于控制虚拟键盘显示以免遮盖数据输入域的系统和方法 | |
CN106648330A (zh) | 人机交互的方法及装置 | |
CN102955668A (zh) | 选择对象的方法及电子设备 | |
CN103207984A (zh) | 指纹传感装置和方法 | |
US20120050171A1 (en) | Single touch process to achieve dual touch user interface | |
CN103809912A (zh) | 基于多点触控触摸屏的平板电脑 | |
Uddin | Improving Multi-Touch Interactions Using Hands as Landmarks | |
Pelurson et al. | Bimanual input for multiscale navigation with pressure and touch gestures | |
US10133346B2 (en) | Gaze based prediction device and method | |
Lai et al. | ContextZoom: a single-handed partial zooming technique for touch-screen mobile devices |
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 |