CN103838472B - 扇形和同心圆组成的多级功能导航菜单及其工作方法 - Google Patents

扇形和同心圆组成的多级功能导航菜单及其工作方法 Download PDF

Info

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
Application number
CN201410073629.9A
Other languages
English (en)
Other versions
CN103838472A (zh
Inventor
白银峰
刘国琴
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
South China University of Technology SCUT
Original Assignee
South China University of Technology SCUT
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by South China University of Technology SCUT filed Critical South China University of Technology SCUT
Priority to CN201410073629.9A priority Critical patent/CN103838472B/zh
Publication of CN103838472A publication Critical patent/CN103838472A/zh
Application granted granted Critical
Publication of CN103838472B publication Critical patent/CN103838472B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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所述的扇形和同心圆组成的多级功能导航菜单的工作方法,其特征在于:当菜单处于被激活状态时,用户点击菜单之外的屏幕,菜单会回到没有被激活的状态。
CN201410073629.9A 2014-02-28 2014-02-28 扇形和同心圆组成的多级功能导航菜单及其工作方法 Active CN103838472B (zh)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (6)

* Cited by examiner, † Cited by third party
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