CN106648330B - 人机交互的方法及装置 - Google Patents
人机交互的方法及装置 Download PDFInfo
- Publication number
- CN106648330B CN106648330B CN201610892441.6A CN201610892441A CN106648330B CN 106648330 B CN106648330 B CN 106648330B CN 201610892441 A CN201610892441 A CN 201610892441A CN 106648330 B CN106648330 B CN 106648330B
- Authority
- CN
- China
- Prior art keywords
- menu
- circular
- display area
- user
- displaying
- 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/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/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/0482—Interaction with lists of selectable items, e.g. menus
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
技术领域
本发明涉及信息处理技术领域,尤其涉及一种人机交互的方法及装置。
背景技术
随着触摸屏技术的不断发展,多点触摸、大尺寸屏幕等技术逐渐被应用到平板电脑、车载导航仪、电子书和智能手机等终端设备中。触摸屏的应用为用户提供了更方便快捷、更人性化的操作和输入方式。
然而,触摸屏尺寸的增大也增加了用户单手操作的难度,当用户只有一只手空闲时,则无法对具有大尺寸触摸屏的平板电脑或手机等设备操控。现有技术在解决该问题时多采用直接将屏幕显示区域按照一定的比例系数缩小到触摸屏的左下角或右下角的方式来满足用户单手操作的需求。但是,现有技术多以列表或多宫格的方式在终端设备的显示区域中对称显示终端设备的应用或菜单,其显示区域按照一定的比例系数缩小后仍是以列表或多宫格的方式进行显示,不符合用户单手操作的习惯,且应用或菜单会随显示区域同时缩小,增大了用户准确点击目标应用图标或菜单选项的难度和使用终端设备时的误触发几率。
发明内容
有鉴于此,本发明实施例提供一种人机交互的方法和装置,以解决现有技术中具有大尺寸触摸屏的终端设备不便于用户单手操作的技术问题。
第一方面,本发明实施例提供了一种人机交互的方法,包括:
获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单;
在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
第二方面,本发明实施例还提供了一种人机交互的装置,包括:
菜单绘制模块,用于获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单;
菜单显示模块,用于在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
本发明实施例提供的人机交互的技术方案,首先获取待显示菜单列表,并根据该待显示菜单列表绘制圆形菜单,然后在终端设备屏幕的待展示区域显示该圆形菜单的显示区域,并隐藏该圆形菜单的非显示区域。本发明实施例通过采用上述技术方案,将菜单列表以圆形(扇形)的形式进行显示,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为本发明实施例一提供的一种人机交互的方法的流程示意图;
图2为本发明实施例二提供的一种人机交互的方法的流程示意图;
图3A为本发明实施例二提供的一种圆形菜单的示意图;
图3B为本发明实施例二提供的第一种圆形菜单的显示区域示意图;
图3C为本发明实施例二提供的第二种圆形菜单的显示区域示意图;
图3D为本发明实施例二提供的第三种圆形菜单的显示区域示意图;
图3E为本发明实施例二提供的第一种圆形菜单在屏幕展示区域的显示方式示意图;
图3F为本发明实施例二提供的第二种圆形菜单在屏幕展示区域的显示方式示意图;
图3G为本发明实施例二提供的第三种圆形菜单在屏幕展示区域的显示方式示意图;
图3H为本发明实施例二提供的一种待处理菜单跟随用户手势旋转时的圆形菜单示意图;
图3I为本发明实施例二提供的一种以滚动条状形式显示环形菜单时的条状菜单示意图。
图3J为本发明实施例二提供的一种待处理菜单跟随用户手势移动时的条状菜单示意图。
图4为本发明实施例三提供的一种人机交互的方法的流程示意图;
图5为本发明实施例四提供的一种优选的人机交互的方法的流程示意图;
图6为本发明实施例五提供的一种人机交互的装置的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部内容。
实施例一
本发明实施例一提供一种人机交互的方法。该方法可由人机交互的装置执行,其中该装置可由软件和/或硬件实现,一般可集成在终端设备中。图1是本发明实施例一的人机交互的方法的流程示意图。如图1所示,该方法包括:
S110、获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单。
示例性的,待显示菜单列表可以包含所有可以在圆形菜单中显示的各级菜单的菜单列表,也可以只包含可以在圆形菜单中进行显示的级别最高的菜单的菜单列表,或者,与圆形菜单中目前已显示的级别最低的菜单相对应的子级菜单的菜单列表,此处不作限制。待显示菜单可以以纵向或横向分类的形式在终端设备或服务器中进行存储。相应的,在获取待显示菜单列表时,可以纵向获取各级菜单,即首先获取某一级别最高的父级菜单,然后获取与其对应的子级菜单,以此类推,直至该父级菜单的所有子菜单获取完成后再返回获取另一级别最高的父级菜单的操作;也可以横向获取各级子菜单,即首先获取所有级别最高的父级菜单,然后获取该级别的父级菜单所对应的所有子级菜单,之后再获取与该子级菜单对应的下一级子菜单,以此类推,直至待显示菜单列表获取完成。
本实施例中,圆形菜单中所包含的菜单可以与待显示菜单列表一一对应,也可以将其设置为不对应的形式,即所绘制的圆形菜单中可以包含待显示菜单列表的全部菜单,也可以只包含待显示菜单列表的部分菜单。可选的,当待显示菜单列表只包含某一级父级菜单或子级菜单时,圆形菜单可以按照与待显示菜单中所包含的菜单一一对应的形式进行绘制;当待显示菜单列表包含多级菜单时,所绘制的圆形菜单中可以只包含待显示菜单列表中的某一级菜单,也可以包含待显示菜单列表中的多级或全部菜单,其具体情况可以根据需要灵活设置。
考虑到所绘制圆形菜单的实用性,当圆形菜单与待显示菜单列表按照一一对应时方式进行绘制时,优选的,如果所述待显示菜单列表包含多级菜单,则圆形菜单以同心圆环的形式进行绘制,其中,所述多级菜单中的父级菜单靠近所述圆形菜单的圆心,所述多级菜单中的子级菜单远离所述圆形菜单的圆心。绘制圆形菜单时,圆形菜单所包含的各级菜单可以同时进行绘制;也可以先绘制待显示菜单列表中的父级菜单,再绘制与该父级菜单对应的子级菜单,以此类推,直至圆形菜单绘制完成。可选的,圆形菜单的绘制与待显示菜单列表的获取可以同时进行,也可以不同时进行。即,可以待显示菜单列表获取的过程中即将已经获取到的待显示菜单绘制到圆形菜单中;也可以在待显示菜单列表包含的所有待显示菜单都获取完成后,再将待显示菜单列表中包含的菜单绘制到圆形菜单中。绘制圆形菜单时,同级菜单中各菜单的相互位置可以由开发商进行预先设置,也可以由用户根据自身需要进行设置,此处不作限制。考虑到用户查找各菜单时的便利性,优选的,同一父级菜单的子级菜单可以设置在同一圆环的相邻位置。
在此,需要指出的是,父级菜单和子级菜单也可以以其他的形式进行显示,例如,父级菜单和子级菜单可以位于圆形菜单的同一圆环中,此时,相应的,可以为不同的最高级父级菜单设置不同的圆环,并将与该父级菜单对应的子级菜单在与其父级菜单相同的圆环中进行显示。
S120、在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
本实施例中,圆形菜单的圆心坐标优选位于终端设备的屏幕展示区域内,圆形菜单的显示区域可以是扇形、圆形或其他任意形状的位于圆形菜单内的区域,相应的,圆形菜单的非显示区域为已绘制的圆形菜单中除去显示区域之外的部分。
本实施例提供的人机交互的方法,首先获取待显示菜单列表,并根据该待显示菜单列表绘制圆形菜单,然后在终端设备屏幕的待展示区域显示该圆形菜单的显示区域,并隐藏该圆形菜单的非显示区域。本发明实施例通过采用上述技术方案,将菜单列表以圆形(扇形)的形式进行显示,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间,提高用户的使用体验。
实施例二
图2为本发明实施例二提供的一种人机交互的方法的流程示意图。本实施例在上述实施例的基础上进行优化,进一步地,所述在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域,包括:获取所述圆形菜单显示时的圆心坐标,其中,所述圆心坐标位于所述屏幕展示区域的边界;根据所述圆心坐标确定所述圆形菜单的显示区域和非显示区域;显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
进一步地,本实施提供的人机交互的方法还可以包括:基于用户的滑动手势控制所述圆形菜单。
相应的,如图2所示,本实施例的人机交互的方法包括:
S210、获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单。
本实施例中,在绘制圆形菜单时,各圆环的内径可以与其父级菜单所处圆环的外径相等,各圆环的外径可以根据需要灵活设置,相应的,各圆环的外径和内径之差可以相等,也可以不相等。环形菜单中所包含的各菜单的格式可以是文本格式、图标格式、图形元素格式、图片格式或前述任意两种或更多种格式的混合,此处不作限制。
如果环形菜单中所包含的菜单为图片格式的菜单,则可以将各图片格式的菜单设置为同样的大小;如果环形菜单中所包含的菜单为字符格式的菜单,示例性的,当某一菜单中存在菜单名称较长的菜单时,可以适当增加该菜单所处圆环的径向宽度,或适当减小该菜单的字体大小以使该菜单的菜单名称在圆形菜单中能够完整显示,也可以在圆形菜单中部分显示该菜单的菜单名称。考虑圆形菜单中所包含的各菜单的易辨识性,优选的,可以在圆形菜单中完整显示各菜单的菜单名称,相应的,当某级菜单中存在菜单名称较长的菜单时,如果该级菜单中所包含的菜单名称较长的菜单数量较多,可以适当增加该级菜单所处圆环的外径;如果该级菜单中所包含的菜单名称较长的菜单数量较少,可以适当缩小菜单名称较长的菜单显示时的字体以保证该级菜单中的各菜单名称都能够在环形菜单中完整显示。
当某一级菜单所包含的菜单数量较多时,可以优先绘制与用户所选父级菜单相对应的子级菜单,以使所需绘制的菜单数量与该级菜单所处圆环所包含的菜单框的数量相符;也可以适当缩小圆形菜单中各菜单框沿圆弧方向的宽度,以增加该级菜单所处圆环所包含菜单框的数量;还可以综合运用上述两种方式,同时缩小菜单框的宽度并优先绘制与用户所选父级菜单相对应的子级菜单以使所绘制菜单数量与圆环所包含的菜单框的数量相符。在此,需要说明的是,如果用户未选取任何菜单,则可以优先在圆形菜单中绘制菜单显示顺序靠前的菜单。
当某一级菜单所包含的菜单数量较少时,可以适当增大圆形菜单中各菜单框沿圆弧方向的宽度,以减少该级菜单所处圆环所包含的菜单框的数量,从而使该圆环所包含的菜单框数量与该级菜单所包含的菜单数量相符;也可以按照圆环的显示顺序在各菜单框中依次或间隔绘制各菜单,并空白显示未绘制菜单的菜单框。
S220、获取所述圆形菜单显示时的圆心坐标,其中,所述圆心坐标位于所述屏幕展示区域的边界。
本实施例中,圆形菜单显示时的圆心坐标可以由开发商默认设置,也可以由用户根据自身使用习惯或实用需求进行自定义设置,此处不作限制。优选的,可以将终端设备设置为开发生和用户均能够对圆心坐标进行设置的状态。开发商与用户设置的圆形菜单显示时的圆心坐标可以预先存储在终端设备的相同或不同的位置。在终端设备使用过程中,若检测发现用户进行了更改圆形菜单显示时的圆心坐标的设置,则可以首先判断用户更改后的圆心坐标是否与开发商默认设置的圆心坐标相同,若是,则不进行存储更改后的圆心坐标的操作;若否,则可以进行终端设备中是否存储有用户设置的圆心坐标的判定,若不存在,则直接将用户更改后的新的圆心坐标存储在终端设备中;若存在,则删除已存储的用户设置的圆心坐标,并将用户更改后的新的圆心坐标存储在终端设备中。
示例性的,在获取圆形菜单显示时的圆心坐标时,可以首先判断终端设备中是否存储有用户设置的圆心坐标,如果存在,则获取用户设置的圆心坐标为圆形菜单显示时的圆心坐标;如果终端设备中不存在用户设置的圆心坐标,则获取开发商设置的圆心坐标为圆形菜单显示时的圆心坐标。
S230、根据所述圆心坐标确定所述圆形菜单的显示区域和非显示区域。
本实施例中,可以基于圆形菜单的圆心坐标以及终端设备屏幕展示区域的边界确定圆形菜单的显示区域和非显示区域。所绘制的圆形菜单如图3A所示,假设终端设备屏幕的展示区域为矩形展示区域,如果圆形菜单的圆心与终端设备屏幕展示区域的各个边界的距离均大于或等于圆形菜单的半径,当圆形菜单的圆心位于终端设备屏幕展示区域的顶点处(左上角、左下角、右上角或右下角)时,可以将圆形菜单的显示区域设置为圆形菜单中的某一个顶角为90o的扇形(如图3B实线部分所示),该扇形的直角边的具体位置可以根据需要灵活设置,此时,圆形菜单中除去该扇形的部分即为圆形菜单的非显示区域(如图3B虚线部分所示);当圆形菜单的圆形位于终端设备屏幕展示区域的边界除顶点外的其他位置时,可以将圆形菜单的显示区域设置为圆形菜单中的某一个顶角为180°的扇形(如图3C实线部分所示),该扇形的直线边的起始位置可以根据需要灵活设置,此时,圆形菜单中除去该扇形的部分即为圆形菜单的非显示区域(如图3C虚线部分所示)。如果圆形菜单的圆心与终端设备屏幕展示区域某一边界的距离小于圆形菜单的半径,则以终端设备屏幕展示区域的边界为边界线确定圆形菜单的显示区域(如图3D实线部分所示)和非显示区域(如图3D虚线部分所示)。
S240、显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域(如图3E、图3F、图3G所示)。
S250、基于用户的滑动手势控制所述圆形菜单。
本实施例中,用户的滑动手势可以是用户在终端设备屏幕上滑动所产生的滑动手势,即用户滑动时手指与终端设备屏幕相接触;也可以是用户在终端设备屏幕上方滑动所产生的滑动手势,即用户滑动时手指与终端设备的屏幕不接触。示例性的,在获取用户的滑动手势信息时,可以通过终端设备中的压力传感器检测用户手指与终端设备屏幕相接触时所产生的滑动手势,通过终端设备中的手势传感器检测用户与终端设备屏幕不接触时所产生的滑动手势。
优选的,所述基于用户的滑动手势控制所述圆形菜单,包括:获取用户位于所述圆形菜单显示区域内的滑动手势信息,并将与所述滑动手势信息的起始点相对应的菜单标记为待处理菜单;如果所述滑动手势信息为圆形滑动手势信息,则控制所述待处理菜单跟随用户手势旋转,并显示所述待处理菜单的缩略预览图;如果所述滑动手势信息为逆圆心滑动手势信息,则在所述屏幕展示区域显示所述待处理菜单的菜单页面,并在所述圆形菜单中显示所述待处理菜单的子级菜单;如果所述滑动手势信息为向圆心滑动手势信息,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏与所述当前菜单页面对应的菜单的同级菜单。
本实施例中,待处理菜单的缩略预览图中可以包含该待处理菜单的子级菜单信息,也可以包含该待处理菜单的其他属性信息或功能信息,此处不作限制。在控制待处理菜单跟随用户手势旋转时,可以控制圆形菜单所包含的所有环形菜单均跟随用户手势旋转,即在旋转过程中,圆形菜单所包含的其他各菜单与待处理菜单的相对位置保持不变;也可以控制级别低于或等于待处理菜单的各菜单跟随用户手势旋转,即控制待处理菜单所属环形菜单以及圆形菜单中处于该环形菜单外层的各环形菜单跟随用户手势旋转;还可以只控制级别与待处理菜单级别相等的各菜单跟随用户手势旋转,即只控制待处理菜单所属的环形菜单跟随用户的手势进行旋转。考虑到用户操控圆形菜单时的便利性,优选的,可以只控制待处理菜单所属的环形菜单跟随用户的手势进行旋转,在旋转过程中,圆形菜单中除该环形菜单外的其他环形菜单位置保持不变(如图3H所示)。
此外,所述基于用户的滑动手势控制所述圆形菜单,还可以包括:如果所述滑动手势信息为用户长按待处理菜单后的滑动手势信息或者所述滑动手势信息为用户同时使用两个或更多个手指的滑动手势信息,则控制待处理菜单所属的环形菜单跟随用户手指移动,若用户将环形移动到屏幕展示区域的预设位置松开手指,则在预设显示区域以滚动条状的形式显示所述环形菜单中所包含的菜单;如果所述滑动手势信息为用户点击“菜单”按钮的操作信息,则判断所述圆形菜单是否为显示状态,若是,则隐藏所述圆形菜单的显示区域;若否,则显示所述圆形菜单的显示区域。
示例性的,用户是否长按待处理菜单的临界值可以根据需要灵活设置,例如,可以设置为3s,当用户按住待处理菜单的时间大于或等于3s时,则判定用户进行了长按待处理菜单的操作。在判定用户的滑动手势为用户长按待处理菜单后的滑动手势后,控制待处理菜案所属的环形菜单跟随用户手指移动的过程中,可以将圆形菜单中该环形菜单所处位置进行模糊或空白显示以使用户可以便捷的确定所移动的环形菜单是否为其想要移动的环形菜单,当用户松开手指后,将圆形菜单中该环形菜单恢复为原来的显示形式。为了便于用户确定屏幕展示区域的预设位置,可以在用户移动环形菜单时将屏幕展示区域的设定位置高亮显示,用户松开手指后,设置位置恢复原来的显示亮度;也可以预先在屏幕展示区域的预设位置设置虚线框,用户移动环形菜单时显示该虚线框,用户松开手指后将虚线框进行隐藏。在以滚动条状的形式显示环形菜单中包含的菜单(如图3I所示)时,若环形菜单中所包含的菜单数量较多,则可以适当缩小条状菜单中各菜单的宽度;也可以隐藏环形菜单中包含的部分菜单,当用户在条状菜单中沿菜单排列方向滑动手指时,控制待处理菜单跟随用户手指移动,并显示移动进入屏幕展示区域的菜单,隐藏移动到屏幕展示区域之外的菜单(如图3J所示)。
本实施例提供的人机交互的方法,将各菜单绘制在圆形菜单中,根据圆形菜单显示时的圆心坐标确定圆形菜单的显示区域和非显示区域,在终端设备屏幕的展示区域显示圆形菜单的显示区域,并通过用户的滑动手势对圆形菜单进行控制。本实施例通过采用上述技术方案,将菜单列表以圆形(扇形)的形式进行显示,通过用户的滑动手势对圆形菜单进行控制,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间,提高用户的使用体验。
实施例三
图4为本发明实施例三提供的一种人机交互的方法的流程示意图。本实施例在上述实施例的基础上进行优化,进一步地,本实施提供的人机交互的方法还可以包括:基于用户对实体按键的操作控制所述圆形菜单。
相应的,如图4所示,本实施例提供的人机交互的方法包括:
S410、获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单。
S420、在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
S430、基于用户对实体按键的操作控制所述圆形菜单。
本实施例中,用户对实体按键的操作可以是用户对音量控制键、空调控制键等实体按键的旋转,也可以是用户对音量键、确定键、返回键、电源键等实体按键的按压,此处不作限制。示例性的,空调控制键可以是车载显示设备中的调节空调温度的旋钮。
优选的,所述基于用户对实体按键的操作控制所述圆形菜单,包括:在所述圆形菜单显示区域内分别设置与所述圆形菜单的各级菜单对应的虚线框;如果检测到用户具有旋转实体按键的操作,则旋转所述圆形菜单的最外层菜单,并显示所述外层菜单虚线框位置所对应菜单的缩略预览图;如果检测到用户按下确定键,则在所述屏幕展示区域显示最外层虚线框位置对应菜单的菜单页面,并显示当前圆形菜单中最外层菜单的子级菜单;如果检测到用户按下返回键,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏所述圆形菜单中的最外层菜单。在此,需要指出的是,也可以通过终端设备中的增加音量按钮和降低音量按钮控制圆形菜单的旋转,例如,当用户按下增加音量的按键时,控制圆形菜单的最外层菜单沿顺时针方向旋转;当用户按下降低音量的按键时,控制圆形菜单的最外层菜单沿逆时针方向旋转。
此外,所述基于用户对实体按键的操作控制所述圆形菜单,还可以包括:如果检测到用户具有长按确定键的操作,则在屏幕展示区域的预设显示区域以滚动条状的形式显示与屏幕展示区域当前菜单页面相对应的菜单同级的菜单,或者在屏幕展示区域的预设显示区域以滚动条状的形式显示圆形菜单中的最外层菜单;如果检测到用户具有长按返回键的操作,则判断所述圆形菜单是否为显示状态,若是,则隐藏所述圆形菜单的显示区域;若否,则显示所述圆形菜单的显示区域。
示例性的,当圆形菜单中同级菜单的菜单框宽度相同时,某级菜单所对应的虚线框的大小优选与该级菜单的菜单框大小相同或稍大于该级所对应的菜单框,以保证通过虚线框能够准确地确定用户想要选择的菜单。
本实施例提供的人机交互的方法,将各菜单绘制在圆形菜单中,在终端设备屏幕的展示区域显示圆形菜单的显示区域,并通过用户对终端设备实体按键的操作控制该圆形菜单。本实施例通过采用上述技术方案,将菜单列表以圆形(扇形)的形式进行显示,通过用户对终端设备实体按键的操作控制圆形菜单,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间,提高用户的使用体验。
实施例四
图5为本发明实施例四提供的一种优选的人机交互的方法的流程示意图,该方法可以由人机交互的装置执行,该装置可集成在终端设备中。如图5所示,该方法包括:
S501、获取待显示菜单列表,并根据待显示菜单列表绘制圆形菜单。
S502、在屏幕展示区域角落或边缘显示所述圆形菜单的显示区域。
S503、获取用户位于所述圆形菜单显示区域内的手势信息,并将与所述手势信息的起始点相对应的菜单标记为待处理菜单。
S504、判断所述手势信息是否为圆形滑动手势信息,若是,则执行步骤S505;若否,执行步骤S506。
S505、控制所述待处理菜单所属的环形菜单跟随用户滑动手势旋转,并在所述屏幕展示区域显示所述待处理菜单的缩略预览图,返回步骤S504。
S506、判断所述手势信息是否为逆圆心方向的手势信息,若是,则执行步骤S507;若否,则执行步骤S508。
S507、在所述屏幕展示区域显示所述待处理菜单的菜单页面,并在所述圆形菜单中显示所述待处理菜单的子级菜单,返回步骤S504。
S508、判断所述手势信息是否为向圆心方向的手势信息,若是,则执行步骤S509;若否,则执行步骤S510。
S509、在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏与所述当前菜单页面对应的菜单的同级菜单,返回步骤S504。
S510、判断所述手势信息是否为用户长按所述待处理菜单后的滑动手势信息,若是,则执行步骤S511;若否,则执行步骤S514。
S511、控制与所述待处理菜单对应的环形菜单跟随用户手指移动。
S512、判断用户是否将所述环形菜单移动到屏幕展示区域的设定位置后松开手指,若是,则执行步骤S513,若否,则返回步骤S504。
S513、在预设显示区域以滚动条状的形式显示所述环形菜单中所包含的菜单,返回步骤S504。
S514、判断所述手势信息是否为用户点击“菜单”按钮的手势信息,若是,则执行步骤S515,若否,则返回步骤S504。
S515、判断所述圆形菜单是否为显示状态,若是,则执行步骤S516;若否,则执行步骤S517。
S516、隐藏所述圆形菜单的显示区域,返回步骤S504。
S517、显示所述圆形菜单的显示区域,返回步骤S504。
本实施例提供的优选的人机交互的方法,将菜单列表以圆形(扇形)的形式进行显示,通过用户的滑动手势对圆形菜单进行控制,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间,提高用户的使用体验。
实施例五
本发明实施例五提供一种人机交互的装置。该装置可由软件和/或硬件实现,一般可集成在终端设备中,可通过执行人机交互的方法来实现用户与终端设备之间的人机交互。图6为本实施例所提供的人机交互装置的结构框图,如图6所示,该装置包括:
菜单绘制模块610,用于获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单;
菜单显示模块620,用于在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
本实施例提供的人机交互的装置,首先通过菜单绘制模块获取待显示菜单列表,并根据该待显示菜单列表绘制圆形菜单,然后通过菜单显示模块在终端设备屏幕的待展示区域显示该圆形菜单的显示区域,并隐藏该圆形菜单的非显示区域。本实施例通过采用上述技术方案,将菜单列表以圆形(扇形)的形式进行显示,可以使终端设备菜单的显示更符合用户的操作习惯,有利于用户单手操作时对终端设备高效和准确地控制,减少用户点击菜单时所耗费的时间。
进一步地,如果所述待显示菜单列表包含多级菜单,则圆形菜单以同心圆环的形式进行绘制,其中,所述多级菜单中的父级菜单靠近所述圆形菜单的圆心,所述多级菜单中的子级菜单远离所述圆形菜单的圆心。
进一步地,所述菜单显示模块620包括:圆心坐标获取单元,用于获取所述圆形菜单显示时的圆心坐标,其中,所述圆心坐标位于所述屏幕展示区域的边界;显示区域确定单元,用于根据所述圆心坐标确定所述圆形菜单的显示区域和非显示区域;圆形菜单显示单元,用于显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
进一步地,本实施例提供的人机交互的装置还可以包括:第一菜单控制模块,用于基于用户的滑动手势控制所述圆形菜单。
进一步地,所述第一菜单控制模块包括:滑动手势信息获取单元,用于获取用户位于所述圆形菜单显示区域内的滑动手势信息,并将与所述滑动手势信息的起始点相对应的菜单标记为待处理菜单;第一菜单旋转控制单元,用于如果所述滑动手势信息为圆形滑动手势信息,则控制所述待处理菜单跟随用户手势旋转,并显示所述待处理菜单的缩略预览图;第一子菜单显示控制单元,用于如果所述滑动手势信息为逆圆心滑动手势信息,则在所述屏幕展示区域显示所述待处理菜单的菜单页面,并在所述圆形菜单中显示所述待处理菜单的子级菜单;第一子菜单隐藏控制单元,用于如果所述滑动手势信息为向圆心滑动手势信息,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏与所述当前菜单页面对应的菜单的同级菜单。
进一步地,本实施例提供的人机交互的装置还可以包括:第二菜单控制模块,用于基于用户对实体按键的操作控制所述圆形菜单。
进一步地,所述第二菜单控制模块包括:虚线框设置单元,用于在所述圆形菜单显示区域内分别设置与所述圆形菜单的各级菜单对应的虚线框;第二菜单旋转控制单元,用于如果检测到用户具有旋转实体按键的操作,则旋转所述圆形菜单的最外层菜单,并显示所述外层菜单虚线框位置所对应菜单的缩略预览图;第二子菜单显示控制单元,用于如果检测到用户按下确定键,则在所述屏幕展示区域显示最外层虚线框位置对应菜单的菜单页面,并显示当前圆形菜单中最外层菜单的子级菜单;第二子菜单隐藏控制单元,用于如果检测到用户按下返回键,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏所述圆形菜单中的最外层菜单。
本实施例提供的人机交互的装置可执行本发明任意实施例所提供的人机交互的方法,具备执行人机交互的方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本发明任意实施例所提供的人机交互的方法。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (8)
1.一种人机交互的方法,其特征在于,包括:
获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单;
在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域;
基于用户的滑动手势控制所述圆形菜单,或者,基于用户对实体按键的操作控制所述圆形菜单;
其中,如果所述待显示菜单列表包含多级菜单,则圆形菜单以同心圆环的形式进行绘制,其中,所述多级菜单中的父级菜单靠近所述圆形菜单的圆心,所述多级菜单中的子级菜单远离所述圆形菜单的圆心,所述圆形菜单中各菜单的图标均包含与所述菜单所处环形菜单的边界线重合的边;
所述基于用户的滑动手势控制所述圆形菜单,包括:如果所述滑动手势信息为用户长按待处理菜单后的滑动手势信息或者所述滑动手势信息为用户同时使用两个或更多个手指的滑动手势信息,则控制待处理菜单所属的环形菜单跟随用户手指移动,若检测到用户将环形移动到屏幕展示区域的预设位置松开手指,则在预设显示区域以滚动条状的形式显示所述环形菜单中所包含的菜单,所述待处理菜单为与所述滑动手势信息的起始点相对应的菜单;
所述基于用户对实体按键的操作控制所述圆形菜单,包括:如果检测到用户具有长按确定键的操作,则在屏幕展示区域的预设显示区域以滚动条状的形式显示圆形菜单中的最外层菜单。
2.根据权利要求1所述的方法,其特征在于,所述在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域,包括:
获取所述圆形菜单显示时的圆心坐标,其中,所述圆心坐标位于所述屏幕展示区域的边界;
根据所述圆心坐标确定所述圆形菜单的显示区域和非显示区域;
显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
3.根据权利要求1所述的方法,其特征在于,所述基于用户的滑动手势控制所述圆形菜单,包括:
获取用户位于所述圆形菜单显示区域内的滑动手势信息,并将与所述滑动手势信息的起始点相对应的菜单标记为待处理菜单;
如果所述滑动手势信息为圆形滑动手势信息,则控制所述待处理菜单跟随用户手势旋转,并显示所述待处理菜单的缩略预览图;
如果所述滑动手势信息为逆圆心滑动手势信息,则在所述屏幕展示区域显示所述待处理菜单的菜单页面,并在所述圆形菜单中显示所述待处理菜单的子级菜单;
如果所述滑动手势信息为向圆心滑动手势信息,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏与所述当前菜单页面对应的菜单的同级菜单。
4.根据权利要求1所述的方法,其特征在于,所述基于用户对实体按键的操作控制所述圆形菜单,包括:
在所述圆形菜单显示区域内分别设置与所述圆形菜单的各级菜单对应的虚线框;
如果检测到用户具有旋转实体按键的操作,则旋转所述圆形菜单的最外层菜单,并显示所述外层菜单虚线框位置所对应菜单的缩略预览图;
如果检测到用户按下确定键,则在所述屏幕展示区域显示最外层虚线框位置对应菜单的菜单页面,并显示当前圆形菜单中最外层菜单的子级菜单;
如果检测到用户按下返回键,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏所述圆形菜单中的最外层菜单。
5.一种人机交互的装置,其特征在于,包括:
菜单绘制模块,用于获取待显示菜单列表,并根据所述待显示菜单列表绘制圆形菜单;
菜单显示模块,用于在屏幕展示区域显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域;
所述装置还包括:第一菜单控制模块,用于基于用户的滑动手势控制所述圆形菜单;或者,第二菜单控制模块,用于基于用户对实体按键的操作控制所述圆形菜单;
其中,所述菜单绘制模块具体用于:如果所述待显示菜单列表包含多级菜单,则圆形菜单以同心圆环的形式进行绘制,其中,所述多级菜单中的父级菜单靠近所述圆形菜单的圆心,所述多级菜单中的子级菜单远离所述圆形菜单的圆心,所述圆形菜单中各菜单的图标均包含与所述菜单所处环形菜单的边界线重合的边;
所述第一菜单控制模块,用于如果所述滑动手势信息为用户长按待处理菜单后的滑动手势信息或者所述滑动手势信息为用户同时使用两个或更多个手指的滑动手势信息,则控制待处理菜单所属的环形菜单跟随用户手指移动,若检测到用户将环形移动到屏幕展示区域的预设位置松开手指,则在预设显示区域以滚动条状的形式显示所述环形菜单中所包含的菜单,所述待处理菜单为与所述滑动手势信息的起始点相对应的菜单;
所述第二菜单控制模块,用于如果检测到用户具有长按确定键的操作,则在屏幕展示区域的预设显示区域以滚动条状的形式显示圆形菜单中的最外层菜单。
6.根据权利要求5所述的装置,其特征在于,所述菜单显示模块包括:
圆心坐标获取单元,用于获取所述圆形菜单显示时的圆心坐标,其中,所述圆心坐标位于所述屏幕展示区域的边界;
显示区域确定单元,用于根据所述圆心坐标确定所述圆形菜单的显示区域和非显示区域;
圆形菜单显示单元,用于显示所述圆形菜单的显示区域,并隐藏所述圆形菜单的非显示区域。
7.根据权利要求5所述的装置,其特征在于,所述第一菜单控制模块包括:
滑动手势信息获取单元,用于获取用户位于所述圆形菜单显示区域内的滑动手势信息,并将与所述滑动手势信息的起始点相对应的菜单标记为待处理菜单;
第一菜单旋转控制单元,用于如果所述滑动手势信息为圆形滑动手势信息,则控制所述待处理菜单跟随用户手势旋转,并显示所述待处理菜单的缩略预览图;
第一子菜单显示控制单元,用于如果所述滑动手势信息为逆圆心滑动手势信息,则在所述屏幕展示区域显示所述待处理菜单的菜单页面,并在所述圆形菜单中显示所述待处理菜单的子级菜单;
第一子菜单隐藏控制单元,用于如果所述滑动手势信息为向圆心滑动手势信息,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏与所述当前菜单页面对应的菜单的同级菜单。
8.根据权利要求5所述的装置,其特征在于,所述第二菜单控制模块包括:
虚线框设置单元,用于在所述圆形菜单显示区域内分别设置与所述圆形菜单的各级菜单对应的虚线框;
第二菜单旋转控制单元,用于如果检测到用户具有旋转实体按键的操作,则旋转所述圆形菜单的最外层菜单,并显示所述外层菜单虚线框位置所对应菜单的缩略预览图;
第二子菜单显示控制单元,用于如果检测到用户按下确定键,则在所述屏幕展示区域显示最外层虚线框位置对应菜单的菜单页面,并显示当前圆形菜单中最外层菜单的子级菜单;
第二子菜单隐藏控制单元,用于如果检测到用户按下返回键,则在所述屏幕展示区域显示当前菜单页面的父级菜单的菜单页面,并隐藏所述圆形菜单中的最外层菜单。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610892441.6A CN106648330B (zh) | 2016-10-12 | 2016-10-12 | 人机交互的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610892441.6A CN106648330B (zh) | 2016-10-12 | 2016-10-12 | 人机交互的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106648330A CN106648330A (zh) | 2017-05-10 |
CN106648330B true CN106648330B (zh) | 2019-12-17 |
Family
ID=58856853
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610892441.6A Active CN106648330B (zh) | 2016-10-12 | 2016-10-12 | 人机交互的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106648330B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108762601A (zh) * | 2018-03-29 | 2018-11-06 | 威海新北洋技术服务有限公司 | 应用功能的显示方法、装置及移动终端 |
CN109656653A (zh) * | 2018-11-26 | 2019-04-19 | 北京字节跳动网络技术有限公司 | 蒙层图标显示方法及装置 |
KR102086578B1 (ko) * | 2019-04-09 | 2020-05-29 | 김효준 | 명령 메뉴 출력 방법 |
CN110865748A (zh) * | 2019-11-13 | 2020-03-06 | 北京无限光场科技有限公司 | 菜单呈现方法、装置、电子设备及计算机可读存储介质 |
CN111625158B (zh) * | 2020-05-22 | 2022-05-20 | 京东方科技集团股份有限公司 | 电子交互平板、菜单展示方法及书写工具属性的控制方法 |
CN113325987A (zh) * | 2021-06-15 | 2021-08-31 | 深圳地平线机器人科技有限公司 | 引导操作体进行隔空操作的方法和装置 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2007272904A (ja) * | 2006-03-30 | 2007-10-18 | Lg Electronics Inc | 画面表示項目を選択する端末機及び方法 |
CN101271377A (zh) * | 2008-04-17 | 2008-09-24 | 北京泰得思达科技发展有限公司 | 一种在设备中实现人机交互的方法 |
CN102118514A (zh) * | 2011-03-31 | 2011-07-06 | 深圳市五巨科技有限公司 | 移动通信终端及其菜单设置方法 |
CN103399692A (zh) * | 2013-06-27 | 2013-11-20 | 东莞宇龙通信科技有限公司 | 移动终端单手操作的方法及其移动终端 |
CN103838472A (zh) * | 2014-02-28 | 2014-06-04 | 华南理工大学 | 扇形和同心圆组成的多级功能导航菜单及其工作方法 |
CN103902135A (zh) * | 2012-12-24 | 2014-07-02 | 联想(北京)有限公司 | 显示处理方法和设备、信息处理方法和设备 |
CN104731452A (zh) * | 2015-03-18 | 2015-06-24 | 联想(北京)有限公司 | 一种显示控制方法及电子设备 |
-
2016
- 2016-10-12 CN CN201610892441.6A patent/CN106648330B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2007272904A (ja) * | 2006-03-30 | 2007-10-18 | Lg Electronics Inc | 画面表示項目を選択する端末機及び方法 |
CN101271377A (zh) * | 2008-04-17 | 2008-09-24 | 北京泰得思达科技发展有限公司 | 一种在设备中实现人机交互的方法 |
CN102118514A (zh) * | 2011-03-31 | 2011-07-06 | 深圳市五巨科技有限公司 | 移动通信终端及其菜单设置方法 |
CN103902135A (zh) * | 2012-12-24 | 2014-07-02 | 联想(北京)有限公司 | 显示处理方法和设备、信息处理方法和设备 |
CN103399692A (zh) * | 2013-06-27 | 2013-11-20 | 东莞宇龙通信科技有限公司 | 移动终端单手操作的方法及其移动终端 |
CN103838472A (zh) * | 2014-02-28 | 2014-06-04 | 华南理工大学 | 扇形和同心圆组成的多级功能导航菜单及其工作方法 |
CN104731452A (zh) * | 2015-03-18 | 2015-06-24 | 联想(北京)有限公司 | 一种显示控制方法及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN106648330A (zh) | 2017-05-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106648330B (zh) | 人机交互的方法及装置 | |
US11340759B2 (en) | User terminal device with pen and controlling method thereof | |
US10628007B2 (en) | Page operating method and electronic device thereof | |
EP2960783B1 (en) | Mobile terminal and method for controlling the same | |
US9766739B2 (en) | Method and apparatus for constructing a home screen in a terminal having a touch screen | |
US9690441B2 (en) | Method and apparatus for managing message | |
KR102203885B1 (ko) | 사용자 단말 장치 및 그 제어 방법 | |
US9405463B2 (en) | Device and method for gesturally changing object attributes | |
US10705702B2 (en) | Information processing device, information processing method, and computer program | |
US11188192B2 (en) | Information processing device, information processing method, and computer program for side menus | |
EP2669786A2 (en) | Method for displaying item in terminal and terminal using the same | |
US20140040826A1 (en) | Method for operating screen and electronic device thereof | |
US20130002706A1 (en) | Method and apparatus for customizing a display screen of a user interface | |
JP2009099067A (ja) | 携帯型電子機器、および携帯型電子機器の操作制御方法 | |
US10877624B2 (en) | Method for displaying and electronic device thereof | |
US9569099B2 (en) | Method and apparatus for displaying keypad in terminal having touch screen | |
US20150339018A1 (en) | User terminal device and method for providing information thereof | |
KR20150095540A (ko) | 사용자 단말 장치 및 이의 디스플레이 방법 | |
EP2631823A1 (en) | Method and apparatus for editing content view in a mobile device | |
US20120179963A1 (en) | Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display | |
EP3001294B1 (en) | Mobile terminal and method for controlling the same | |
KR20160004590A (ko) | 전자 장치의 화면 표시 방법 및 전자 장치 | |
US9733806B2 (en) | Electronic device and user interface operating method thereof | |
CN103902187A (zh) | 一种控制电子设备的方法及电子设备 | |
JP2015108902A (ja) | タッチパネル式携帯端末、その制御方法及びコンピュータプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |