CN103150158A - 一种格状动态式多样性菜单的生成方法 - Google Patents

Abstract

本发明提供一种格状动态式多样性菜单的生成方法，该方法首先对菜单信息进行存储，该菜单信息包括菜单的层次结构或者菜单样式；其次将菜单信息通过菜单生成方法进行处理；最后将处理后的菜单呈现在终端屏幕上，并对呈现在终端屏幕上的菜单与用户进行交互。本发明解决了现有菜单布局空间安排不合理，在某些屏幕较小的终端显示的局限性问题，具有全局性、自生长性、空间合理性、以及交互性好等优点。

Description

一种格状动态式多样性菜单的生成方法

技术领域

本发明具体涉及计算机领域，具体涉及一种格状动态式多样性菜单的生成方法。

背景技术

随着科技迅速发展，各种终端设备应用到生活中的方方面面，不论是手机，计算机，平板，电视或者其他设备，可视化的屏幕区域始终作为信息的承载者与人进行交互，所以在有限的屏幕区域中如何更好的呈现更多的信息，给用户更好的体验，更易找到用户的信息的重要性显而易见了。菜单作为呈现信息的一种有效方式，在各个平台应用比较广泛。然而信息的多样性以及大量的选项可能使用户无法适从，常常因为菜单选项过多，不能好的找到相应的选择，而给用户的体验造成一种挫败感，这就需要改进这种现状。

传统的菜单有以下不足：

1）传统的菜单只能每回只显示一个菜单的子菜单，屏幕的空间没有较好的利用，另外用户必须逐个切换才知道其他菜单的子菜单，这就导致用户可能切换多次才能找到他想要的选项；

2）在界面的布局上，由于菜单和子菜单的长宽没有特定的限制，这就会使做成一个界面良好的菜单可能需要花更多的时间去配置；

3）现有界面的排布比较呆板、样式比较单一，不能充分根据屏幕的特点和信息量进行动态布局。

发明内容

为了解决现有菜单布局空间安排不合理，在某些屏幕较小的终端显示的局限性问题，本发明提供了一种格状动态式多样性菜单的生成方法。

一种格状动态式多样性菜单的生成方法，所述方法包括以下步骤：

步骤1，对菜单信息进行存储，该菜单信息包括菜单的层次结构或者某些菜单样式；

步骤2，将菜单信息通过菜单生成方法进行处理；

步骤3，将处理后的菜单呈现在终端屏幕上，并对呈现在终端屏幕上的菜单与用户进行交互。

优选地，上述步骤2中的菜单生成方法为格状导航菜单生成方法。

优选地，上述格状导航菜单生成方法包括菜单显示法、碰撞检测法、动态变化法和交互操作法。

优选地，上述菜单显示法包括确立菜单样式的属性和对屏幕的布局空间位置的确立。

优选地，上述菜单样式的属性包括菜单的一级、二级或者多级的不同表现方式，菜单的格状特性及其他菜单的属性。

优选地，上述屏幕的布局空间包括菜单显示的容器环境，菜单在屏幕中的位置，根据当前菜单项在屏幕中的位置，生成显示在当前屏幕的菜单样式。

优选地，上述菜单格状中的菜单项及子项都是格状的方式体现，所述格状以矩形或矩形的倍数呈现；或先设定一个单位的矩形，其他菜单为倍数式的呈现。

优选地，上述碰撞检测方法是根据菜单显示在交互操作中根据菜单的动态变化方法，进行碰撞检测是否能生成或者显示菜单。

优选地，上述动态变化法包括菜单显现、菜单隐藏、菜单节支和菜单展支步骤。

优选地，上述菜单显现和菜单隐藏步骤是根据交互操作进行相应的动态显现和隐藏；上述菜单节支和菜单展支是根据某个菜单能否在屏幕中完全展示，进行相应的菜单节支和展支。上述交互操作法是根据格状菜单的特性设定比较特殊而又方便的交互操作方式，如可以设定快速回到上级目录菜单项链接；焦点切换移动到相邻最近的菜单项，这些可以根据实际情况进行设定。

本发明具有以下有益效果：

1、全局性：传统菜单的只能显示一个菜单的子菜单这种局限相比 ，本发明通过某种方式将全局（或者绝大部分）的子菜单呈现给用户，让用户能更快的找到自己想找的选项。

2、动态多样性：传统的菜单及其在菜单在设定的时候基本就不变了，样式也比较单一。相比，本发明可以根据菜单项和屏幕的空间特征（或者用户的定制）可以生成任意多种能在可视化区域中显示较好的样式。

3、空间合理性：本发明需要有那种较好的全局性的话，就需要自生长性提供某种特性使其满足空间的合理性，即充分利用可视化区域，使菜单能更好的利用其空间区域 。

4、交互性：本发明除了可以用鼠标，手中通过点击，触摸就行交互外，还能通过遥控器进行更好的交互，正是因菜单是矩形的，可以很好的满足遥控器的上下左右按键的操作，能比较好的贴近实际的需求。如可以设定快速回到上级目录菜单项链接；焦点切换移动到相邻最近的菜单项，这些可以根据实际情况进行设定。

附图说明

图1 为本发明中格状导航菜单的原理示意图；

图2为本发明中格状导航菜单的模块示意图；

图3为本发明中格状导航菜单的创建流程示意图；

图4为本发明中格状导航一级菜单样式示意图。

图5为本发明中格状菜单一实施例二级菜单样式示意图；

图6为本发明中格状菜单一实施例二级菜单样式示意图；

图7为本发明中格状菜单一实施例二级菜单样式示意图；

图8为本发明中格状菜单一实施例二级菜单节支和展支示意图；

图9为本发明中格状菜单生成方法流程图；

图10是本发明中格状导航菜单生成系统总图，

图11是本发明中二级菜单自生长形态图；

图12是本发明中多个二级菜单同时并存的情况图；

图13是本发明中三级菜单自生长形态图；

具体实施方式

本发明实施例提供的菜单生成方法能够有效的在有限的屏幕终端为用户展现更多的信息和易于交互使用的菜单显示方式。

本发明主要采用菜单显示方法、碰撞检测方法、动态变化方法和交互操作方法，让用户在有限的屏幕区域中，更好更快的发现用户相应的信息，提供一个交互良好的菜单设计方案。本发明与传统菜单的不同主要体现下一下三个方面：

首先，显示样式不同，本发明的显示方式，说明的是菜单项为格状，这是为了在移动终端上才更好的展现信息的需要，菜单格状中的菜单项及子项都是格状的方式体现，所述格状以矩形或矩形的倍数呈现；或先设定一个单位的矩形，其他菜单为倍数式的呈现。

作为上菜单项做进一步说明，一个菜单项为一个信息的载体，与传统菜单项类似，由于是区域块状，相比可以容纳更多的信息，此外，菜单项与下一个菜单项的位置可以是相对位置的上下左右，可以更加灵活。

对于不同层级的菜单项作如下说明，不同层级的才对那之间的区别可以用方块的填充颜色，或字体的颜色，或其他可视化的图标（箭头，数字等等）来加以区分。菜单的大小在此是同样大小，当然也可不同大小，可以根据实际需要进行设定（为了美观，一般希望是整数倍）。

此外还需说明的是，一个菜单项与其子菜单相连（第一子菜单），其子菜单项根据相邻原则和子菜单生成方法来决定其位置。

其次，生成方法不同，本发明的生成方法主要体现在其生成的菜单样式的多样性和动态性。菜单样式的多样性，体现在其根据屏幕的特点和当前的菜单项生成位置不同的菜单项布局。而这种多样性是相对传统菜单较为单一的样式来说的，如果菜单项和当前环境相同，下次该菜单下的菜单项的布局也是相同的。如果不同就会有相应的变化和调整。菜单的动态性，体现在菜单在进行交互过程中，为更好的显示菜单信息，对一些菜单项进行显示和隐藏，节支和展支。参见图8所示，下面对菜单生成方法做进一步说明：

a.开始布局菜单,在显示终端设定一个菜单容器；

b.根据菜单的样式（属性）和屏幕的布局来设定菜单在终端的显示；

c.在对菜单就行交互操作的过程，通过碰撞检测方法对菜单的行为进行处理；

d.根据碰撞检测方法对菜单的显示进行动态的变化；

e.动态变化菜单后，再通过碰撞检测判断菜单是否正常或者合理的显示；

f.对菜单进行交互；

g.用户对菜单操作后，菜单根据实际需要进行相应的动态变化；

h.碰撞检测是判断屏幕中位置是能容下检测的菜单；

i.动态变化是判断该层该段是否显示完整；

本发明的格状导航菜单生成方法，可采取如下进一步措施：

b-1．菜单样式（属性）来设定菜单显示，体现在设定格状菜单的大小，不同层级菜单的样式和行为特征。

b-2.屏幕的布局空间来限定菜单显示，即菜单容器的设定，根据某种规则来记录菜单相对容器中的位置，占的大小等信息。

h-1．动态变化中，对菜单进行屏幕中位置是否够的结果处理，当位置足够时，菜单显现

h-2．动态变化中，对菜单进行屏幕中位置是否够的结果处理，当位置不足时，菜单隐藏

i-1．动态变化中，对菜单进行该层菜单是否显示完整的结果处理，当位置足够时，菜单展支

i-2．动态变化中，对菜单进行该层菜单是否显示完整的结果处理，当位置足够时，菜单节支

最后，交互方式不同：所述交互方式是根据格状菜单的特性设定比较特殊而又方便的交互操作方式。如可以设定快速回到上级目录菜单项链接；焦点切换移动到相邻最近的菜单项，这些可以根据实际情况进行设定。

参见图1所示，本发明提供的格状导航菜单生成方法包括：

S101、菜单信息步骤，存储菜单的信息，还包括菜单的层次结构或者某些样式，该步骤是构建该菜单的数据基础；

S102、通过格状菜单生成方法决定菜单的展现的方式，以及菜单的交互方式以及一些复杂的方法，格状菜单生成方法是菜单生成的方式和方法；该菜单的格状特性是菜单项及子项都是格状（矩形）的方式体现，一般以正方形，或以正方形的倍数的矩形来呈现，也可以其他矩形，最好设定一个单位的矩形，其他菜单为倍数式的呈现。

S103、菜单呈现将菜单呈现在终端屏幕上，菜单是如何进行交互的。

其中创建菜单的原理就是菜单信息通过菜单生成方法让菜单能在相应的终端显示。

参见图2所示，本发明格状菜单生成方法主要包括以下四种方法：具体如下：

S201、菜单显示方法，该方法还包括菜单样式（属性）S205和屏幕的布局空间S206；所述菜单样式（属性）包括菜单的一级、二级或者多级的不同表现方式，菜单的格状特性及其他菜单的属性；屏幕的布局空间包括菜单显示的容器环境，菜单在屏幕中的位置，可通过某种方式记录菜单在屏幕中的位置，以便之后的菜单生成和菜单检测。菜单信息显示的方法还包括菜单容器，菜单显示以及交互操作。

S202、碰撞检测方法；该方法是根据菜单显示在交互操作中根据菜单的动态变化方法，进行碰撞检测是否能生成或者显示菜单。

S203、动态变化方法；该方法包括菜单显现S209、菜单隐藏S210、菜单节支S207和菜单展支S208。菜单显现和菜单隐藏是根据交互操作进行相应的动态显现和隐藏。所述菜单节支和菜单展支是根据某个菜单能否在屏幕中完全展示，进行相应的菜单节支和展支。

S204、交互操作方法；该方法是根据格状菜单的特性可以设定比较特殊而又方便的交互操作方式，如从某个层级的菜单到另一层级的菜单。

参见图3-图9所示，本发明中菜单的创建流程过程为：

第一步，将格状菜单根据菜单生成方法生成一级菜单。

第二步，根据生成的一级菜单后，然后根据菜单生成方法生成相应菜单

项的二级菜单。

第三步，生成多级菜单，也是如上述步骤的一个过程。

现对第一步的实现方法具体说明如下：

生成一级菜单，如实施例中图10，现将其中一级菜单的生成过程做进一步分析，在本实施例中，以图4做为进一步说明，图中间的那个形态为默认形态，周围的五种为其衍生形态，在此刚好体现其菜单样式的多样性。

   在此对样式和形态做如下说明：生成的一级菜单的样式，在本示例图4中，展现了该一级菜单的五种变化，当然菜单不同样式也不只是体现在这五种上。此处来说明的是，该菜单的动态性和灵活性。其中菜单1, 菜单2, 菜单3皆是系统衍生的一级菜单在此默认以横向表示，当然也可以其他方式(竖向或者任意有意义的方向)呈现。菜单之间的区别可以用方块的填充颜色，或字体的颜色，或其他可视化的图标（箭头，数字等等）来加以区分。菜单的大小在此是同样大小，当然也可不同大小，可以根据用户的选择进行设定（为了美观，一般希望是整数倍）。

决定菜单的样式，主要依赖于该格状菜单的生成方法，该生成方法根据菜单项和屏幕的空间特征，设定一级菜单的排列方式，所占空间，属性样式。

生成的一级菜单的状态，虽然该一级菜单有多种样式，然而在一般使用过程中，样式是之前设定好的，多样式的设计是为了更好的选择，当然也可以在时间情况中的需要， 动态的变化。

现对第二步的实现方法具体说明如下：

生成一级菜单的二级菜单项，如实施例中图10，现将其中一级菜单的生成过程做进一步分析，在本实施例中，以图5，图6，图11做为进一步说明，图中间的那个形态为默认形态，其余的五种为其衍生形态，在此刚好体现其菜单样式的多样性。

生成的二级菜单的样式，在本示例图11中，展现了该一级菜单的三种变化，当然菜单不同样式也不只是体现在这三种上。此处来说明的是，该菜单的动态性和灵活性。其中菜单1.1, 菜单1.2, 菜单1.3,菜单1.4是系统一级菜单的菜单1下的二级菜单，在此并不是垂直排布，而是根据菜单生成方法，有多样性的样式。同一级菜单类似，菜单之间的区别可以用方块的填充颜色，或字体的颜色，或其他可视化的图标（箭头，数字等等）来加以区分。菜单的大小在此是同样大小，当然也可不同大小，可以根据用户的选择进行设定（为了美观，一般希望是整数倍）。在此本二级菜单项大小同一级菜单大小相同，但是通过不同标识来区分不同层级的菜单。

在此对样式和形态做如下说明：

决定菜单的样式，主要依赖于该格状菜单的生成方法，该生成方法根据菜单项和屏幕的空间特征，设定二级菜单的排列方式，所占空间，属性样式。

 生成的二级菜单项的状态，虽然该二级菜单有多种样式，然而在一般使用过程中，样式是之前设定好的，多样式的设计是为了更好的选择，当然也可以在时间情况中的需要动态的变化。在此由于二级菜单项情况较为复杂，下面分几种情况来说明二级菜单项样式的状态。

情况1：某个一级菜单下的二级菜单项

参见图7所示，该图为以一级菜单下的二级菜单项显示情况；菜单1有8个二级子菜单，具体说明如下：

按照传统菜单的设计，由于菜单一般是垂直排布，所以可能在当前屏幕无法排布这些菜单，根据格状菜单的生成方法，菜单具有多样性和动态性，能更好的安排菜单项在屏幕中的位置，如图7中，以一定的方式生长排列二级菜单，这样屏幕中容纳更大信息量，不会造成空间的浪费。而且由于多样性，更可以设计出美观和实用的样式。如图5和图6都是该二级菜单项多样性的设计的体现。

当然在一个屏幕中可以设定可容纳的最多的二级菜单项个数（为了信息和美观等），这就需考虑菜单项过多的情况。下面以图9来说明菜单项过多的一种情形，这里采用的节支和展支方法。

在此实施例中，菜单有13个二级菜单超过，屏幕中的最大显示个数，那么在menu1.2的时候节支，将中间的一些部分隐藏起来，当焦点选择那个节点时候，节点展开，显示其他菜单项，有时可以隐藏其他的二级菜单项，根据实际需要决定，这里的节支和展支都是属于格状菜单的生成方法中定义，在此不做说明了。

情况2：几个二级菜单同时并存。

参见图12所示，该图为几个二级菜单同时并存的情况图；下面给定一个场景，几个二级菜单同时并存的情况，具体说明如下：

图中展现的是3个一级菜单的所有二级菜单项，由于菜单项较少，能在屏幕中都能展现，在此为了说明多个二级菜单并存的时候，菜单是如何排布的。Menu1，menu2，menu3的不同形态是根据菜单项和屏幕的空间特征（或者用户的定制）生成的，这体现该格状的菜单的多样性。在多个菜单并存情况下，不同一级菜单之间的二级菜单项，最好有空间和样式的差别，这样为了区分是哪个一级菜单下的菜单项。决定菜单中是否有多个二级菜单并存的情况，是由实际情况和用户设定来决定，如果菜单项目过多，那么在能满足一个屏幕中能容纳的菜单项作为基准，可能将当前选中状态下的附近的二级菜单显示出来，这样类似聚焦形式，优先显示选择的，其他其次。判断多个菜单项的在菜单生成方法中描述。这里是其实现的一个实施例。

步骤三：如果菜单有多级，其产生机理如同上述说描述，以图7进行如下描述。在图13中做如下说明：MenuX.Y.Z是该菜单的第三级菜单，当然此菜单可以按照之前的某种规则进行生成。三级菜单的样式也局限于其大小和尺寸，其交互特性，在于设计的如何，其他多层次的菜单也是依据这一机理来形成的。

以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。

Claims (10)

1.一种格状动态式多样性菜单的生成方法，其特征在于：所述方法包括以下步骤：

步骤1，对菜单信息进行存储，该菜单信息包括菜单的层次结构或者某些菜单样式；

步骤2，将菜单信息通过菜单生成方法进行处理；

步骤3，将处理后的菜单呈现在终端屏幕上，并对呈现在终端屏幕上的菜单与用户进行交互。

2.根据权利要求1所述的格状动态式多样性菜单的生成方法，其特征在于：所述步骤2中的菜单生成方法为格状导航菜单生成方法。

3.根据权利要求2所述的格状动态式多样性菜单的生成方法，其特征在于：所述格状导航菜单生成方法包括菜单显示法、碰撞检测法、动态变化法和交互操作法。

4.根据权利要求3所述的格状动态式多样性菜单的生成方法，其特征在于：所述菜单显示法包括确立菜单样式的属性和对屏幕的布局空间位置的确立。

5.根据权利要求4所述的格状动态式多样性菜单的生成方法，其特征在于：所述菜单样式的属性包括菜单的一级、二级或者多级的不同表现方式，菜单的格状特性及其他菜单的属性。

6.根据权利要求5所述的格状动态式多样性菜单的生成方法，其特征在于：所述屏幕的布局空间包括菜单显示的容器环境，菜单在屏幕中的位置，可根据当前菜单项在屏幕中的位置，生成显示在当前屏幕的菜单样式。

7.根据权利要求5所述的格状动态式多样性菜单的生成方法，其特征在于：所述菜单格状中的菜单项及子项都是格状的方式体现，所述格状以矩形或矩形的倍数呈现；或先设定一个单位的矩形，其他菜单为倍数式的呈现。

8.根据权利要求7所述的格状动态式多样性菜单的生成方法，其特征在于：所述碰撞检测方法是根据菜单显示在交互操作中根据菜单的动态变化方法，进行碰撞检测是否能生成或者显示菜单，碰撞检测是根据菜单项的显示属性和屏幕空间做出判断的，所述显示属性包括位置与显示状态。

9.根据权利要求8所述的格状动态式多样性菜单的生成方法，其特征在于：所述动态变化法包括菜单显现、菜单隐藏、菜单节支和菜单展支步骤。

10.根据权利要求9所述的格状动态式多样性菜单的生成方法，其特征在于：所述菜单显现和菜单隐藏步骤是根据交互操作进行相应的动态显现和隐藏；所述菜单节支和菜单展支是根据某个菜单能否在屏幕中完全展示，进行相应的菜单节支和展支；所述交互操作法是根据格状菜单的特性设定比较特殊而又方便的交互操作方式，如可以设定快速回到上级目录菜单项链接；焦点切换移动到相邻最近的菜单项，这些可以根据实际情况进行设定。

Images