CN103838472B - 扇形和同心圆组成的多级功能导航菜单及其工作方法 - Google Patents
扇形和同心圆组成的多级功能导航菜单及其工作方法 Download PDFInfo
- Publication number
- CN103838472B CN103838472B CN201410073629.9A CN201410073629A CN103838472B CN 103838472 B CN103838472 B CN 103838472B CN 201410073629 A CN201410073629 A CN 201410073629A CN 103838472 B CN103838472 B CN 103838472B
- Authority
- CN
- China
- Prior art keywords
- menu
- screen
- fan
- shaped
- navigation
- 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
Abstract
本发明涉及扇形和同心圆组成的多级功能导航菜单及其工作方法,该导航菜单整体外观为扇形,扇形菜单上排列着导航项目的图标,在处于没有被激活状态时,该导航菜单隐藏在屏幕显示范围之外,不会显示在屏幕中,通过在可触控屏幕上拖动或轻触滑块,使该扇形导航菜单绕圆心旋转,使得导航菜单全部或部分显示在屏幕中;导航菜单被激活的条件为如下中的一种或两种:导航菜单的扇形部分全部显示在屏幕中;导航菜单扇形部分有部分显示在屏幕中。此种导航菜单不仅具有节省屏幕面积,便于操作的特点,而且能够直观的展示软件的功能和功能之间的层级,弥补了侧滑抽屉式菜单、仪表盘菜单、标签式菜单的缺陷,是一种方便简便直观的导航菜单。
Description
技术领域
本发明主要涉及可触控屏幕人机交互技术领域,尤其涉及扇形和同心圆组成的多级功能导航菜单。
背景技术
具有可触控屏幕的设备,尤其是智能手机、平板电脑,它们的屏幕尺寸有限,但运行在这些设备上的应用软件功能丰富,屏幕上不能全部展示出来这些应用软件的全部功能,因此,这些应用软件都需要功能导航菜单来展示功能、引导用户使用功能。
现有的应用软件导航菜单主要有以下三种。第一种,通过屏幕下方的多个功能标签按钮来展示、导航应用软件的多个功能。这种方案的优点是直观,能直接将功能展现给用户,但是却始终占用了本来就不多的屏幕空间,能展现的功能数量有限,而且不能展示多级功能。第二种,通过侧滑抽屉式菜单实现功能导航。这种方案的优点是充分利用了屏幕空间。缺点是在展现菜单的同时,遮挡了主功能界面,使用户难以查看当前软件状态、试用功能。而且触发抽屉式菜单的按钮不宜察觉,增加了用户使用的学习成本。第三种,通过仪表盘界面(Dashboard)界面来展现、导航所有功能。这种方案的优点是可以直观的显示出所有功能选项。缺点是不同功能之间的切换不方便,用户需要在功能界面和仪表盘界面不断切换。
为了解决现有各种方案的缺点,本人发明了这种能够节省屏幕面积、能够展示应用软件功能、并且能够展示多级功能、能够方便用户切换功能的可触控屏幕应用软件功能导航菜单。
发明内容
本发明的目的在于,提出扇形和同心圆组成的多级功能导航菜单,能够节省屏幕面积,方便用户操作,直观的展示手机应用软件的功能,以及多级功能。
本发明至少通过如下技术方案之一实现。
扇形和同心圆组成的多级功能导航菜单,该导航菜单整体外观为扇形,扇形菜单上排列着导航项目的图标,在处于没有被激活状态时,该导航菜单隐藏在屏幕显示范围之外,不会显示在屏幕中,此时屏幕显示出一个供用户滑动的滑块,该滑块的一边与扇形菜单处于没有被激活状态时位于屏幕边缘的扇形半径重合,滑块的其他边在屏幕范围之内;通过在可触控屏幕上拖动或轻触滑块,使该导航菜单旋转,使得导航菜单全部或部分显示在屏幕中;导航菜单被激活的条件为如下中的一种或两种:导航菜单的扇形部分全部显示在屏幕中;导航菜单扇形部分有部分显示在屏幕中。
进一步的,当导航菜单隐藏时,扇形菜单的圆心与触摸屏幕的右下角或左下角重合,扇形菜单的一条半径边界与屏幕的边界重合,另一条半径在屏幕显示范围之外。
进一步的,以扇形导航菜单的圆心为圆心的圆环上排列着次级导航项目的图标,次级导航项目包括应用软件或具有所述导航菜单的软件的功能键或菜单健中的一种以上。
进一步的,当导航菜单未被激活时,导航菜单处于隐藏状态,屏幕边缘仅显示所述扇形导航菜单边缘的滑块,当用户通过可触控屏幕上拖动或轻触该滑块,使该导航菜单旋转0~90度并部分或全部显示在屏幕中,并使得菜单状态变为被激活状态,导航菜单被激活的条件为如下中的一种或两种:导航菜单的扇形部分全部显示在屏幕中;导航菜单扇形部分有部分显示在屏幕中;导航菜单被激活时用户能点击扇形菜单上的次级导航项目,或者用户能绕扇形圆心滑动滑块,使得扇形菜单跟随手指旋转。
进一步的,若展开子菜单,当用户点击这些导航项目时,手机应用可以进入到设定的功能,若还有下一级子菜单,则菜单继续展开下一级子菜单。
进一步的,当菜单处于被激活状态时,用户点击菜单之外的屏幕,菜单会回到没有被激活的状态。
与现有技术相比,本发明具有如下优点和技术效果:本发明能够节省屏幕面积,方便用户操作,直观的展示各种应用软件以及软件的多级功能,弥补了侧滑抽屉式菜单、仪表盘菜单、标签式菜单的缺陷,是一种方便简便直观的导航菜单。
附图说明
图1为本发明的扇形和同心圆组成的多级功能导航菜单一个实例流程图。
图2为扇形和同心圆组成的多级功能导航菜单在手机实例中的一个意图。
具体实施方式
下面结合具体实施例对本发明作进一步详细说明,但本发明并不局限于具体实施例。
作为一个实例,当菜单处于未被激活状态时,用户轻触或滑动滑块,用户触摸手机触摸屏这一行为被触摸屏接收到,触摸屏将用户的触摸信号传递给手机中央处理器。央处理器根据用户触摸的信号计算菜单的旋转角度,并通过手机的图形处理器重新绘制菜单,将菜单显示到屏幕上。通过这样的方法实现了菜单跟随用户的触摸选装得效果。
如图2所示,本实施方式的扇形导航菜单的外观为圆心角为90度(可以是其他角度)的扇形,导航菜单有被激活和没有被激活两种状态。菜单处于没有被激活状态时,扇形隐藏在可触控屏幕的左下角或右下角,即扇形的圆心与屏幕的左下角或右下角重合,扇形的一条半径与屏幕的边界重合,扇形的另一条边界落在屏幕之外。菜单处于没有被激活状态时,屏幕只显示出一个可供用户滑动的滑块,该滑块现实为一个矩形区域,这个矩形区域的一边与扇形菜单处于没有被激活状态是的与屏幕边缘重合的半径重合,与之向对的一边在屏幕范围之内。
如图1,当用户绕扇形圆心进行滑动滑块时,扇形菜单也跟随用户的触摸点绕圆心旋转,直到转动角度达到90度(或其他设定的最大角度),扇形菜单完全的显示在屏幕上,这时菜单处于被激活状态。当菜单处于被激活状态时,在扇形菜单上沿着菜单的圆弧部分排列着导航项目的图标,用户可以点击这些图标。进一步地,当菜单处于被激活状态时,在扇形菜单上沿着扇形的圆弧排列着导航项目的图标,用户可以点击这些图标。当用户点击这些导航图标之后,根据的手机上应用软件本身的功能设计,应用进入到对应的功能,或菜单展开该导航项目的子菜单。子菜单的外观为:一个以扇形菜单的圆心为圆心的圆环,在圆环上,排列着次级导航项目的图标。进一步地,若展开子菜单,当用户点击这些导航项目时,手机应用可以进入到设定的功能。若还有下一级子菜单,则菜单继续展开下一级子菜单。当菜单处于被激活状态时,用户点击菜单之外的屏幕,菜单会回到没有被激活的状态。
实施例1: 实例展示了这种导航菜单在微博社交类应用中的应用方法,包括以下步骤:在一个微博客户端应用中,加载处于未被激活状态的扇形菜单,在手机触摸屏幕的边缘,显示着可用于触控的滑块。
用户通过轻触或滑动滑块使得扇形菜单状态变为被激活状态。
扇形菜单上依次排列着功能图标,对应发送文字信息、发送图片、发送地理位置、发送音乐功能。
当用户点击上述3中的一个图标之后,该图标对应的功能被触发,实现了手机应用的功能导航功能。
用户点击菜单之外的屏幕部分,菜单被设为没有被激活状态。
实施例2
本实例展示了这种导航菜单在地图类应用的方法,包括以下步骤:
在一个地图应用中,加载处于未被激活状态的扇形菜单, 并在手机触摸屏幕的边缘显示着可用于触控的滑块。
用户通过轻触或滑动滑块使得扇形菜单状态变为被激活状态。
扇形菜单上依次排列着功能图标,对应查看体育场所,查看餐饮场所,查看娱乐场所。
用户点击查看体育场所对应的图标之后,弹出次级菜单,次级菜单为以扇形圆心为圆心的圆环,上面排列着功能图标,对应查看篮球场、羽毛球场、网球场、足球场功能。用户点击其中一个图标,地图显示出相应的场所的位置。
当用户点击查看餐饮场所图标之后,地图上直接显示出相应的场所的坐标。
用户点击查看娱乐场所对应图标之后,类似于实施例2的步骤4,弹出次级菜单,次级菜单上排列着功能图标,对应查看电影院、KTV、游乐场、公园功能。用户点击其中一个图标,地图显示出相应的场所的位置。
用户点击菜单之外的屏幕,使得菜单处于未被激活状态。
Claims (5)
1.扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于,该导航菜单整体外观为扇形,扇形菜单上排列着导航项目的图标, 在处于没有被激活状态时,该导航菜单隐藏在屏幕显示范围之外,不会显示在屏幕中,此时屏幕显示出一个供用户滑动的滑块,该滑块的一边与扇形菜单处于没有被激活状态时位于屏幕边缘的扇形半径重合,滑块的其他边在屏幕范围之内;通过在可触控屏幕上拖动或轻触滑块,使该扇形导航菜单绕圆心旋转,使得导航菜单全部或部分显示在屏幕中;导航菜单被激活的条件为如下中的一种或两种:导航菜单的扇形部分全部显示在屏幕中;导航菜单扇形部分有部分显示在屏幕中;当导航菜单未被激活时,导航菜单处于隐藏状态,屏幕仅边缘仅显示所述扇形导航菜单边缘的滑块,当用户通过可触控屏幕上拖动或轻触该滑块,使该导航菜单旋转并部分或全部显示在屏幕中,并使得菜单状态变为被激活状态,导航菜单被激活的条件为如下中的一种或两种:导航菜单的扇形部分全部显示在屏幕中;导航菜单扇形部分有部分显示在屏幕中;导航菜单被激活时用户能点击扇形菜单上的次级导航项目,或者用户能绕扇形圆心滑动滑块,使得扇形导航菜单跟随触摸点旋转。
2.根据权利要求1所述的扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于:当导航菜单隐藏时,扇形菜单的圆心与触摸屏幕的右下角或左下角重合,扇形菜单的一条半径边界与屏幕的边界重合,另一条半径在屏幕显示范围之外。
3.根据权利要求1所述的扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于:以扇形导航菜单的圆心为圆心的圆环上排列着次级导航项目的图标,次级导航项目包括应用软件或具有所述导航菜单的软件的功能键或菜单键中的一种以上。
4.根据权利要求1所述的扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于:若展开子菜单,当用户点击这些导航项目时,手机应用可以进入到设定的功能,若还有下一级子菜单,则菜单继续展开下一级子菜单。
5.根据权利要求1所述的扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于:当菜单处于被激活状态时,用户点击菜单之外的屏幕,菜单会回到没有被激活的状态。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410073629.9A CN103838472B (zh) | 2014-02-28 | 2014-02-28 | 扇形和同心圆组成的多级功能导航菜单及其工作方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410073629.9A CN103838472B (zh) | 2014-02-28 | 2014-02-28 | 扇形和同心圆组成的多级功能导航菜单及其工作方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103838472A CN103838472A (zh) | 2014-06-04 |
CN103838472B true CN103838472B (zh) | 2017-06-20 |
Family
ID=50802039
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410073629.9A Active CN103838472B (zh) | 2014-02-28 | 2014-02-28 | 扇形和同心圆组成的多级功能导航菜单及其工作方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103838472B (zh) |
Families Citing this family (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104199598B (zh) * | 2014-08-15 | 2018-02-02 | 小米科技有限责任公司 | 菜单显示方法及装置 |
US20160048319A1 (en) * | 2014-08-18 | 2016-02-18 | Microsoft Technology Licensing, Llc | Gesture-based Access to a Mix View |
CN104750367A (zh) * | 2015-03-02 | 2015-07-01 | 惠州Tcl移动通信有限公司 | 菜单的显示方法及显示装置 |
CN106686459B (zh) * | 2015-11-11 | 2020-04-28 | 阿里巴巴集团控股有限公司 | 用户使用记录的展示方法和装置 |
CN105760063B (zh) * | 2016-02-22 | 2019-09-13 | 平复信息技术河北有限公司 | 用于移动智能终端的弓形快捷菜单及其工作方法 |
CN107450823A (zh) * | 2016-06-01 | 2017-12-08 | 宇龙计算机通信科技(深圳)有限公司 | 一种虚拟按键的显示方法和装置 |
CN106648330B (zh) * | 2016-10-12 | 2019-12-17 | 广州视源电子科技股份有限公司 | 人机交互的方法及装置 |
CN107066251A (zh) * | 2017-01-22 | 2017-08-18 | 合网络技术(北京)有限公司 | 控件的生成方法及装置 |
CN106843653A (zh) * | 2017-01-22 | 2017-06-13 | 合网络技术(北京)有限公司 | 控件的显示控制方法及装置 |
CN108108080B (zh) * | 2017-12-27 | 2021-10-15 | 深圳传音制造有限公司 | 快捷操作处理方法、装置及移动终端 |
US11740761B2 (en) | 2018-06-08 | 2023-08-29 | Guangdong Oppo Mobile Telecommunications Corp., Ltd. | Method for displaying icons, terminal and non-transitory storage medium |
CN108845854B (zh) * | 2018-06-08 | 2021-03-09 | Oppo广东移动通信有限公司 | 用户界面显示方法、装置、终端及存储介质 |
CN108803965B (zh) | 2018-06-08 | 2021-02-09 | Oppo广东移动通信有限公司 | 显示图标的方法、装置、终端及存储介质 |
CN108845734A (zh) * | 2018-06-08 | 2018-11-20 | Oppo广东移动通信有限公司 | 图标显示方法、装置及终端 |
CN109062646A (zh) * | 2018-07-13 | 2018-12-21 | 珠海格力电器股份有限公司 | 一种电子设备控制台及其工作方法和电子设备 |
CN109164955B (zh) * | 2018-08-02 | 2021-09-21 | 珠海格力电器股份有限公司 | 一种应用的展示方法、装置、终端和存储介质 |
CN109284037B (zh) * | 2018-08-02 | 2020-03-27 | 珠海格力电器股份有限公司 | 一种应用的展示方法、装置、终端和存储介质 |
CN109164960B (zh) * | 2018-08-02 | 2020-11-03 | 珠海格力电器股份有限公司 | 一种图标显示方法和设备 |
CN111208924A (zh) * | 2018-11-22 | 2020-05-29 | 北京国双科技有限公司 | 终端的导航处理方法及装置、存储介质和处理器 |
CN110515512A (zh) * | 2019-08-23 | 2019-11-29 | 同辉佳视(北京)信息技术股份有限公司 | 一种会议平板交互方法、交互装置和会议平板 |
CN113031832B (zh) * | 2019-12-25 | 2022-08-19 | 无锡祥生医疗科技股份有限公司 | 超声设备的菜单显示方法、装置及超声设备 |
CN111596981A (zh) * | 2020-04-16 | 2020-08-28 | 西安震有信通科技有限公司 | 基于圆盘菜单技术的调度菜单实现处理方法及装置 |
CN112148176B (zh) * | 2020-09-30 | 2022-11-15 | 维沃移动通信有限公司 | 挂件控制方法、装置、电子设备及可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101776979A (zh) * | 2009-01-13 | 2010-07-14 | 仁宝电脑工业股份有限公司 | 用户介面的显示与操作方法以及用户介面装置 |
CN102402375A (zh) * | 2010-09-15 | 2012-04-04 | 联想(北京)有限公司 | 显示终端和显示方法 |
WO2012081178A1 (ja) * | 2010-12-15 | 2012-06-21 | パナソニック株式会社 | 携帯端末装置、表示制御方法、及び表示制御プログラム |
CN102750108A (zh) * | 2012-08-03 | 2012-10-24 | 东莞宇龙通信科技有限公司 | 终端和终端控制方法 |
CN102830895A (zh) * | 2011-05-31 | 2012-12-19 | 仁宝电脑工业股份有限公司 | 具有触控输入系统的电子装置 |
CN103092508A (zh) * | 2012-12-07 | 2013-05-08 | 北京傲游天下科技有限公司 | 一种触控界面的实现方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7895536B2 (en) * | 2003-01-08 | 2011-02-22 | Autodesk, Inc. | Layer editor system for a pen-based computer |
-
2014
- 2014-02-28 CN CN201410073629.9A patent/CN103838472B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101776979A (zh) * | 2009-01-13 | 2010-07-14 | 仁宝电脑工业股份有限公司 | 用户介面的显示与操作方法以及用户介面装置 |
CN102402375A (zh) * | 2010-09-15 | 2012-04-04 | 联想(北京)有限公司 | 显示终端和显示方法 |
WO2012081178A1 (ja) * | 2010-12-15 | 2012-06-21 | パナソニック株式会社 | 携帯端末装置、表示制御方法、及び表示制御プログラム |
CN102830895A (zh) * | 2011-05-31 | 2012-12-19 | 仁宝电脑工业股份有限公司 | 具有触控输入系统的电子装置 |
CN102750108A (zh) * | 2012-08-03 | 2012-10-24 | 东莞宇龙通信科技有限公司 | 终端和终端控制方法 |
CN103092508A (zh) * | 2012-12-07 | 2013-05-08 | 北京傲游天下科技有限公司 | 一种触控界面的实现方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103838472A (zh) | 2014-06-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103838472B (zh) | 扇形和同心圆组成的多级功能导航菜单及其工作方法 | |
JP5883400B2 (ja) | オンスクリーン入力を作るためのオフスクリーン・ジェスチャー | |
JP5684291B2 (ja) | オンおよびオフスクリーン・ジェスチャーの組み合わせ | |
US10268367B2 (en) | Radial menus with bezel gestures | |
EP3005069B1 (en) | Electronic device and method for controlling applications in the electronic device | |
AU2007101053A4 (en) | Multimedia communication device with touch screen responsive to gestures for controlling, manipulating, and editing of media files | |
CN102937876B (zh) | 触摸传感器的动态缩放 | |
US8799827B2 (en) | Page manipulations using on and off-screen gestures | |
US8681112B2 (en) | Apparatus and method for touch screen user interface for electronic devices part IC | |
US20140040826A1 (en) | Method for operating screen and electronic device thereof | |
US20130222431A1 (en) | Method and apparatus for content view display in a mobile device | |
US20110209097A1 (en) | Use of Bezel as an Input Mechanism | |
US20120036459A1 (en) | Apparatuses and Methods for Arranging and Manipulating Menu Items | |
US20120124521A1 (en) | Electronic device having menu and display control method thereof | |
CN109218514A (zh) | 一种控制方法、装置及设备 | |
AU2013263776B2 (en) | Gestures for controlling, manipulating, and editing of media files using touch sensitive devices | |
US11119643B1 (en) | Contextual quick pick wheel |
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 |