CN103064592A - 一种可拓展的菜单显示方法 - Google Patents
一种可拓展的菜单显示方法 Download PDFInfo
- Publication number
- CN103064592A CN103064592A CN2013100085753A CN201310008575A CN103064592A CN 103064592 A CN103064592 A CN 103064592A CN 2013100085753 A CN2013100085753 A CN 2013100085753A CN 201310008575 A CN201310008575 A CN 201310008575A CN 103064592 A CN103064592 A CN 103064592A
- Authority
- CN
- China
- Prior art keywords
- menu
- submenu
- space
- display method
- prolongable
- 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
Abstract
本发明提供一种可拓展的菜单显示方法,是一种区域块状展示的菜单显示方法,本菜单发明将设定好的菜单结构根据拓展菜单生成方法在屏幕上显示出来,其中子菜单的布局位置是根据父菜单位置空间通过拉伸变化而成的,与传统的菜单相比,子菜单的生成不会占用其他维度的位置空间,只是在父菜单的位置空间上,通过拉伸变化以容纳相应菜单下的子菜单。这样会形成一个规整的矩形菜单,有较好的美观性和交互性。本发明解决了现有菜单在移动终端使用的缺陷,具有信息显示的直观性,菜单样式的多样性,操作方便的交互性。
Description
技术领域
本发明涉及一种菜单显示方法,是一种区域块状展示的菜单显示方法,具体涉及一种可拓展的菜单显示方法,主要适用于计算机,平板,电视等显示终端。
背景技术
如今科技越来越发达,各种终端设备应用到生活中的方方面面,不论是手机,计算机,平板,电视或者其他设备,可视化的屏幕区域始终作为信息的承载着与人进行交互,所以在有限的屏幕区域中如何更好的呈现更多的信息,给用户更好的体验,更易找到用户的信息的重要性显而易见了。菜单作为呈现信息的一种有效方式,在各个平台应用比较广泛。然而信息的多样性以及大量的选项可能使用户无法适从,常常因为菜单选项过多,不能很好的找到相应的选择,而给用户的体验造成一种挫败感,这就需要改进这种现状。
传统的菜单在两个层级的不同菜单所呈现的方式是分开显示的,一般情况是一级菜单一直显示,选择某个一级菜单后,该菜单的子菜单在屏幕的另一位置显示,可能覆盖到菜单外的一些内容。
传统菜单在网页和一些桌面的应用程序中有较好的使用,然而在某些场合,传统的这种菜单并不一定能够满足人们的需求,比如说在IPTV交互电视上,或者平板手机上,并没有那种十分适合的菜单,因为在类似上述平台的菜单设计,需要考虑该终端的一些特点,如:可触控的,以块状区域操作的,非鼠标点击的等。
发明内容
为解决现有菜单在移动终端使用的缺陷,能更好的展现信息,本发明提供了一种可拓展的菜单显示方法。
本发明通过以下技术方案予以实现:
一种可拓展的菜单显示方法,将设定好的菜单结构根据拓展菜单生成方法在屏幕上显示出来,其中子菜单的布局位置是根据父菜单位置空间通过拉伸变化而成的,与传统的菜单相比,子菜单的生成不会占用其他维度的位置空间,只是在父菜单的位置空间上,通过拉伸变化以容纳相应菜单下的子菜单。
上述一种可拓展的菜单显示方法,将设定好的菜单结构根据拓展菜单生成方法在屏幕上显示出来,包含一下几个步骤:
步骤1,对菜单信息进行存储,该菜单信息包括菜单的层次结构或者某些菜单样式;
步骤2,将菜单信息通过菜单生成法进行处理;
步骤3,将处理后的菜单呈现在终端屏幕上
所述的菜单生成方法:根据菜单生成规则,对一定的菜单结构进行菜单布生成等相关内容,包括菜单的位置属性,大小空间属性,菜单层次属性,菜单的交互操作等。
所述的菜单生成规则:当菜单处于选择状态后,那么菜单形态应发生如下变化,当前菜单项通过拉伸来调整其位置空间大小使其能够容纳下相应菜单下的子菜单项,子菜单项在该拉伸的位置空间的排布,可以生成多样式的子菜单布局样式;
当之前处于选中状态的菜单失去选择焦点时,那么菜单形态发生如下变化,失去焦点的菜单项通过拉伸调整其位置大小使其重新能够容纳下该菜单项,即原来的拓展的子菜单的位置空间调整为子菜单的父菜单所需的位置空间,而新的处于焦点的菜单项做处于选中状态的操作,如之前变化类似。
所述的菜单的位置空间是指用来存放和显示菜单的位置属性,包括其菜单的位置坐标,菜单所占的空间大小,菜单排布的空间特点(横向还是纵向)。
所述的拉伸调整,是在保持一边的宽度和父容器等宽,或者在某个恰当的值,而长度是根据所处的位置能否容纳下该菜单下的子菜单项而进行的伸缩变化。
所述的多样式的子菜单布局样式:由于菜单项是区域格状的,再加上可变的区域可以伸缩,那么在此基础上,可以生成多种不同样式的子菜单排布。
所述当前菜单项通过拉伸来调整其位置空间大小使其能够容纳下相应菜单下的子菜单项:当一个菜单处于选择时,那么该菜单项所在位置空间作为其子菜单项的显示位置。当然也可以不必替换掉原来菜单项的位置,可以在菜单下生成其子菜单项,这个根据实际情况来设定。
本发明与传统菜单的不同主要体现下一下两个方面:
首先,显示样式不同,本发明的显示方式,是在原来菜单位置空间的基础上,在位置空间内变化的,即一个菜单项的子项是其菜单在选择后,原来的菜单项拉伸变化成其菜单项的子项,整体是保持一边不变,根据菜单项的多少进行适当的伸缩。
这种与传统的那种下拉式,是不同的呈现方式,这样做优点是,不会覆盖到其他可视化区域而造成的视觉上的不便,而且这样也能看出其从属关系。
需要进一步说明的是,当一个菜单处于选择时,那么该菜单项所在位置空间作为其子菜单项的显示位置。当然也可以不必替换掉原来菜单项的位置,可以在菜单下生成其子菜单项,这个根据实际情况来设定。
其次,生成方法不同,本发明的生成方法主要体现在其生成的菜单样式的多样性。菜单样式的多样性,体现在其根据选择菜单项的子菜单项的数量。而这种多样性是相对传统菜单较为单一的样式来说的,本发明的菜单为区域块状,可以根据用户设定或者拓展裂变的方法,生成大小或样式不同的菜单项,而这种样式多种的菜单样式也正是本菜单的一个特色体现。
实施本发明具有以下有益效果:
1、信息显示直观性,采用区域块状的菜单设计,这样更适合在屏幕上显示,信息显示很直观,而且由于本发明采取的是不同于传统的下拉式显示二级菜单,就不会遮挡住其他的信息内容。
2、样式多样,与传统的菜单相比,本发明菜单可以根据用户设定或者拓展裂变的方法,生成大小或样式不同的菜单项。
3、交互性:本发明除了可以用鼠标,手中通过点击,触摸就行交互外,还能通过遥控器进行更好的交互,正是因菜单是区域块状的,可以很好的满足遥控器的上下左右按键的操作,能比较好的贴近实际的需求。
附图说明
图1是本发明实施例中菜单生成的原理示意图;
图2是本发明实施例中菜单未选中状态示意图;
图3是本发明实施例中菜单选中状态示意图;
图4是本发明实施例中不同菜单拓展裂变样式示意图。
具体实施方式
参见图1所示,本发明提供的可拓展的菜单显示方法包括以下步骤:
S101、菜单信息,存储菜单的信息,包括菜单的层次结构,或者某些样式,这是构建该菜单的数据基础;
S102、菜单生成方法,这里是菜单生成的方式和方法,决定菜单的展现的方式,以及菜单的交互方式以及一些复杂的方法;
S103、菜单呈现,将菜单呈现在终端屏幕上,菜单是如何进行交互的。
现对该菜单的原理进行如下说明,创建菜单的原理就是菜单信息通过菜单生成方法让菜单能在相应的终端显示。
本发明中菜单生成方法,是指生成该菜单下的子菜单的生成方法,根据其菜单的下的子菜单的数目以及拓展菜单生成的方法,生成相应的样式,然后将菜单显现在屏幕中。本菜单的区域块状化,是根据平台的特点,是以可触摸、可视化的区域,区域的大小要大于屏幕中最小可交互的的区域大小,其拓展裂变的区域都应满足这个条件。也就是说这个菜单容器,其本身需要一定的大小设定,不能小于某个范围,然后才能在这个范围下进行子菜单的拓展裂变显示。本菜单的拓展裂变,是当前选择的一个菜单处于选择状态后,拓展裂变成相应条目下的子菜单,对于拓展裂变主要是通过一个算法决定,生成子菜单的大小和位置,要说明的是,各个菜单的大小应该呈现某种比例特点,这样是为拓展裂变的性质和菜单样式的美观考虑,当然本发明不局限于此。
上述的菜单生成原理图,只是从简易的角度来说明本菜单的实现方法,在实际情况下需要对其进行适当的改进和处理。
对上述方法做进一步说明,现以一实施例做进一步说明。
参见图2和图3所示,图2是该方面的一个实施例的为选择状态,这里菜单以竖向排布,菜单项都是区域块状的。在本实施例中有五个一级菜单项分别为Menu1,Menu2,Menu3,Menu4,Menu5。
在此说明,所述菜单的排布方向可以是纵向,也可以是横向,本发明不限定菜单的布局方向。相应的一些变化都在本发明中,
若Menu2的子菜单项有Menu2.1,Menu2.2,Menu2.3和Menu2.4。那么选中了Menu2时,其状态变成图3所示,在本实施例中的效果是,Menu2根据拓展菜单的生成方法将菜单分成了四个子菜单所在的位置,即子菜单替换了原上一级菜单的位置,根据菜单的个数,进行伸缩变化。
所述的拓展菜单生成方法,是根据当前菜单项的属性和当前空间的大小,生成具有一定样式的菜单排布方法,在此也称为拓展裂变方法,是一个区域空间,拓展裂变成多个子菜单区域。
所述的伸缩变化,是在保持一边的宽度和父容器等宽,或者在某个恰当的值,而长度是根据所处的位置是否能否容纳下该菜单下的所有菜单项而进行的伸缩变化。
除了图3所展示的一种菜单样式外,本发明中菜单的多样性体现在其生成菜单的多种样式,参见在图4,图中所呈现的是五种不同样式的子菜单项排布方法,可以由用户设定或者由拓展菜单生成方法决定。
上述的多种样式,是由于菜单项是区域格状的,再加上可变的区域可以伸缩,那么在此基础上,可以生成多种不同样式的子菜单排布,当然子菜单的不一定非要一样大小,可以划分成可以量化的格状区域,能够很好的显示菜单信息即可。
当焦点从当前选择点移到其他选择点时,之前拓展裂变的子菜单恢复成原来的菜单项,而处于焦点的那个菜单将拓展裂变成该菜单项的子菜单项,这样同上述操作类似。
在上述说明中,所呈现的是包含一二级菜单的显示方法,在进行交互中,也能进行较好的交互,由于本菜单是一种区域块状的,无论是触控还是遥控操作都是非常方便的。当用户处于菜单Menu2状态时,Menu2的子菜单项展开,如果焦点切换到其他点,相应的该菜单项的子菜单项展开,该子菜单的展开也是一个拓展裂变的过程,其过程如前面所述相同,而之前选择的菜单项由于失去焦点,而恢复成默认的样式。但用户选择了菜单Menu2的菜单的某项时候,如果是方向键操作,可通过其按键,焦点在其子菜单中进行焦点的切换,但触及到边沿,即回到相应的Menu项。整个过程比较自然,能进行较好的交互。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (7)
1.一种可拓展的菜单显示方法,其特征在于:将设定好的菜单结构根据拓展菜单生成方法在屏幕上显示出来,其中子菜单的布局位置是根据父菜单位置空间通过拉伸变化而成,即子菜单的生成不占用其他维度的位置空间,只是在父菜单的位置空间上,通过拉伸变化以容纳相应菜单下的子菜单。
2.根据权利要求1所述一种可拓展的菜单显示方法,其特征在于:它包含一下几个步骤:
步骤1,对菜单信息进行存储,该菜单信息包括菜单的层次结构或者某些菜单样式;
步骤2,将菜单信息通过菜单生成法进行处理;
步骤3,将处理后的菜单呈现在终端屏幕上。
3.根据权利要求2所述的一种可拓展的菜单显示方法:其特征在于,所述的菜单生成方法是根据菜单生成规则,对菜单结构进行菜单布生成,包括菜单的位置属性,大小空间属性,菜单层次属性,菜单的交互操作。
4.根据权利要求3所述的一种可拓展的菜单显示方法,其特征在于,所述的菜单生成规则是:
当菜单处于选择状态后,菜单形态发生如下变化:当前菜单项通过拉伸调整其位置空间大小使其能够容纳下相应菜单下的子菜单项,子菜单项在该拉伸的位置空间的排布,可以生成多样式的子菜单布局样式;
当之前处于选中状态的菜单失去选择焦点时,菜单形态发生如下变化:失去焦点的菜单项通过拉伸调整其位置大小使其重新能够容纳下该菜单项,即原来的拓展的子菜单的位置空间调整为子菜单的父菜单所需的位置空间,而新的处于焦点的菜单项做处于选中状态的操作。
5.根据权利要求4所述的一种可拓展的菜单显示方法,其特征在于:所述子菜单的位置空间是指用来存放和显示菜单的位置属性,包括其菜单的位置坐标,菜单所占的空间大小,菜单排布的空间特点。
6.根据权利要求4所述的一种可拓展的菜单显示方法,其特征在于:所述的拉伸调整,是在保持一边的宽度和父容器等宽,或者在某个恰当的值,而长度是根据所处的位置能否容纳下该菜单下的子菜单项而进行的伸缩变化。
7.根据权利要求4所述的一种可拓展的菜单显示方法,其特征在于:所述的当前菜单项通过拉伸来调整其位置空间大小使其能够容纳下相应菜单下的子菜单项,当一个菜单处于选择时,那么该菜单项所在位置空间作为其子菜单项的显示位置;或在菜单下生成其子菜单项。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310008575.3A CN103064592B (zh) | 2013-01-09 | 2013-01-09 | 一种可拓展的菜单显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310008575.3A CN103064592B (zh) | 2013-01-09 | 2013-01-09 | 一种可拓展的菜单显示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103064592A true CN103064592A (zh) | 2013-04-24 |
CN103064592B CN103064592B (zh) | 2016-01-06 |
Family
ID=48107237
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310008575.3A Active CN103064592B (zh) | 2013-01-09 | 2013-01-09 | 一种可拓展的菜单显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103064592B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104166501A (zh) * | 2013-05-17 | 2014-11-26 | 华为技术有限公司 | 菜单显示方法及装置 |
CN104750366A (zh) * | 2013-12-30 | 2015-07-01 | 大陆汽车投资(上海)有限公司 | 菜单的切换方法 |
CN105278814A (zh) * | 2014-06-16 | 2016-01-27 | 富士胶片株式会社 | 分层型的信息显示装置、方法、程序以及订单受理机 |
CN105573599A (zh) * | 2015-12-11 | 2016-05-11 | 努比亚技术有限公司 | 菜单快捷设置装置和方法 |
CN106060676A (zh) * | 2016-05-17 | 2016-10-26 | 腾讯科技(深圳)有限公司 | 基于直播的在线互动方法和装置 |
CN107390980A (zh) * | 2016-05-16 | 2017-11-24 | 中兴通讯股份有限公司 | 菜单显示方法及装置 |
CN108459791A (zh) * | 2017-12-29 | 2018-08-28 | 北京全域医疗技术有限公司 | 放疗计划中靶区勾画工具的页面布局方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1412648A (zh) * | 2001-10-12 | 2003-04-23 | Lg电子株式会社 | 与主机系统相连的设备的用户接口方法和装置 |
CN1604025A (zh) * | 2003-10-03 | 2005-04-06 | 微软公司 | 分级原地菜单 |
CN101126978A (zh) * | 2007-09-25 | 2008-02-20 | 康佳集团股份有限公司 | 一种多级菜单实现方法 |
US20090228832A1 (en) * | 2008-03-04 | 2009-09-10 | Cheng Yi-Hsun E | Presenting a menu |
CN102449589A (zh) * | 2009-04-30 | 2012-05-09 | 苹果公司 | 可滚动的菜单以及工具栏 |
-
2013
- 2013-01-09 CN CN201310008575.3A patent/CN103064592B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1412648A (zh) * | 2001-10-12 | 2003-04-23 | Lg电子株式会社 | 与主机系统相连的设备的用户接口方法和装置 |
CN1604025A (zh) * | 2003-10-03 | 2005-04-06 | 微软公司 | 分级原地菜单 |
CN101126978A (zh) * | 2007-09-25 | 2008-02-20 | 康佳集团股份有限公司 | 一种多级菜单实现方法 |
US20090228832A1 (en) * | 2008-03-04 | 2009-09-10 | Cheng Yi-Hsun E | Presenting a menu |
CN102449589A (zh) * | 2009-04-30 | 2012-05-09 | 苹果公司 | 可滚动的菜单以及工具栏 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104166501A (zh) * | 2013-05-17 | 2014-11-26 | 华为技术有限公司 | 菜单显示方法及装置 |
CN104750366A (zh) * | 2013-12-30 | 2015-07-01 | 大陆汽车投资(上海)有限公司 | 菜单的切换方法 |
CN105278814A (zh) * | 2014-06-16 | 2016-01-27 | 富士胶片株式会社 | 分层型的信息显示装置、方法、程序以及订单受理机 |
CN105573599A (zh) * | 2015-12-11 | 2016-05-11 | 努比亚技术有限公司 | 菜单快捷设置装置和方法 |
CN107390980A (zh) * | 2016-05-16 | 2017-11-24 | 中兴通讯股份有限公司 | 菜单显示方法及装置 |
CN106060676A (zh) * | 2016-05-17 | 2016-10-26 | 腾讯科技(深圳)有限公司 | 基于直播的在线互动方法和装置 |
CN106060676B (zh) * | 2016-05-17 | 2019-06-07 | 腾讯科技(深圳)有限公司 | 基于直播的在线互动方法和装置 |
CN108459791A (zh) * | 2017-12-29 | 2018-08-28 | 北京全域医疗技术有限公司 | 放疗计划中靶区勾画工具的页面布局方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103064592B (zh) | 2016-01-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103064592B (zh) | 一种可拓展的菜单显示方法 | |
US9141261B2 (en) | System and method for providing user access | |
CN103150158B (zh) | 一种格状动态式多样性菜单的生成方法 | |
US20100060666A1 (en) | Zooming graphical user interface | |
CN103105995B (zh) | 显示方法和电子设备 | |
CN103246433A (zh) | 屏幕自定义分窗口显示控制方法 | |
AU2013284256A1 (en) | Widget setting method and terminal device | |
JP2015521763A (ja) | 移動端末のデスクトップシステム、インタフェースインタラクション方法、装置、プログラム、及び記録媒体 | |
TWI550500B (zh) | 桌面顯示系統及方法 | |
CN102750089A (zh) | 一种环绕屏幕边缘显示的用户界面的显示方法 | |
CN101840305A (zh) | 一种用户图形界面的显示方法和终端设备 | |
KR20120082418A (ko) | 디지털 정보 콘텐츠의 카탈로그를 탐색하는 방법 | |
CN103946783A (zh) | 可滚动桌面导航 | |
CN102736903A (zh) | 一种基于智能终端桌面管理微件的方法及装置 | |
CN103345348A (zh) | 控制显示菜单的方法及装置 | |
US9317184B2 (en) | Providing a configurable menu of hierarchical menu items | |
CN104238887A (zh) | 常用应用程序的图标查找方法和装置 | |
EP3198411B1 (en) | View management architecture | |
CN103164142A (zh) | 一种画中画界面下屏幕触点位置的调整方法及电子设备 | |
KR20120028421A (ko) | 가변 메뉴 ui를 갖는 웹사이트 운용시스템 및 이의 운용방법 | |
CN111142738B (zh) | 一种适用于可视化建站管理的选项卡式检视器系统与方法 | |
CN105892824A (zh) | 一种在3d模型中展示菜单的方法及装置 | |
CN109782980A (zh) | 一种显示方法及电子设备 | |
Hao et al. | Managing hierarchical information on small screens | |
CN104407868A (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 | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20170313 Address after: 510000 Guangdong city of Guangzhou province Panyu District Xiaoguwei street two cross road No. 22 A1012 Patentee after: Guangzhou Fangming Interactive Information Technology Co., Ltd. Address before: 510000 Xingang West Road, Guangdong, Guangzhou, No. 135, No. Patentee before: You Fang |