一种导航菜单项交互方法及终端技术

本发明专利技术公开了一种导航菜单项交互方法及终端，包括：提供父级选择项，所述父级选择项下具有至少一个子级选择项；在导航面板横向展开的情况下，所述父级选择项至少具有与其对应的文字描述以及第一状态标记，所述第一状态标记用于基于所述文字描述指示该父级选择项下的子级选择项的展开/折叠状态；在导航面板横向折叠的情况下，所述父级选择项具有与其对应的释义图标以及第二状态标记，所述第二状态标记用于基于释义图标指示该父级选择项下的子级选择项的展开/折叠状态；基于展开状态的子级选择项获取目标控制指令，以基于目标控制指令进入对应的功能或内容入口。本申请的方法能够直观便利向用户提供导航菜单的展示，极大提高用户的交互体验。用户的交互体验。用户的交互体验。

【技术实现步骤摘要】
一种导航菜单项交互方法及终端


[0001]本专利技术涉及计算机应用领域，尤其涉及一种导航菜单项交互方法及终端。

技术介绍

[0002]在一些业务系统甚至较为复杂的操作系统当中，通常会存在左侧导航菜单采用图标和文字的组合的设计形式，提供给用户根据需要点击不同的功能菜单进入不同的层级页面进行接下来的任务。而很多时候图标加文字的设计形式占用了一定的屏幕横向空间，当用户页面中需要大量操作时，通常习惯把导航菜单折叠起来，折叠后有时也需要重新找到导航菜单进行其他的模块跳转和交互。
[0003]通常复杂的系统当中左侧导航菜单会很多，通常有层级树做法，如图1所示，采用层级树的导航菜单通常所能支撑的2级甚至3级，但通常是一级菜单有图标，二级、三级不采用图标，横向折叠器导航面板时，只能默认保留一级的菜单图标，并且只有鼠标悬浮停留到一级图标上，相邻位置悬浮展开二级三级菜单才可以点选，往往也不够直观和便利。

技术实现思路

[0004]本专利技术实施例提供一种导航菜单项交互方法及终端，用以直观便利向用户提供导航菜单的展示，极大提高用户的交互体验。
[0005]本专利技术实施例提供一种导航菜单项交互方法，包括：提供父级选择项，所述父级选择项下具有至少一个子级选择项，且该子级选择项用于提供对应的功能或内容入口；在导航面板横向展开的情况下，所述父级选择项至少具有与其对应的文字描述以及第一状态标记，所述第一状态标记用于基于所述文字描述指示该父级选择项下的子级选择项的展开/折叠状态；在导航面板横向折叠的情况下，所述父级选择项具有与其对应的释义图标以及第二状态标记，所述第二状态标记用于基于释义图标指示该父级选择项下的子级选择项的展开/折叠状态；基于展开状态的子级选择项获取目标控制指令，以基于目标控制指令进入对应的功能或内容入口。
[0006]可选的，在导航面板横向展开的情况下，该父级选择项下的子级选择项具有与其对应的文字描述和释义图标，以基于该子级选择项的文字描述和释义图标描述对应的功能或内容入口。
[0007]可选的，在导航面板横向折叠的情况下，该父级选择项下的子级选择项仅具有与其对应的释义图标，以基于该子级选择项释义图标描述对应的功能或内容入口。
[0008]可选的，在所述导航面板具有多个父级选择项的情况下，多个父级选择项呈规则排列；在多个父级选择项的展开状态不同的情况下，对应的第一状态标记呈现不同的状
态。
[0009]可选的，所述第一状态标记利用指定颜色进行凸出展示。
[0010]可选的，第二状态标记为与对应的父级选择项的释义图标区域部分重叠的箭头标记，且第二状态标记与对应的父级选择项的释义图标的颜色不同。
[0011]本专利技术实施例还提供一种终端设备，包括处理器和存储器，所述存储器上存储有计算机程序，所述计算机程序被处理器执行时实现前述的导航菜单项交互方法的步骤本专利技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现前述的导航菜单项交互方法的步骤。
[0012]本专利技术实施例通过设计释义图标和状态标记的组合形式，可直观的指导用户按需交互，极大提高用户的交互体验。
[0013]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0014]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1为现有技术中的导航菜单示例；图2为本申请导航菜单项交互方法的基本流程图；图3a、图3b分别为导航面板横向展开和折叠的状态示例；图4a、图4b分别为导航面板多组父级选择项横向展开和折叠的状态示例。
具体实施方式
[0015]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0016]本专利技术实施例提供一种导航菜单项交互方法，如图2所示，包括：S101、提供父级选择项，所述父级选择项下具有至少一个子级选择项，且该子级选择项用于提供对应的功能或内容入口。本示例中针对具有至少一个子级选择项的父级选择项进行举例说明，若该父级选择项没有子级选择项则导航菜单直接进行呈现即可。本示例的方法还可以应用于具有多层级父子层级关系的选择项中，来实现菜单导航的目的。
[0017]S102、在导航面板横向展开的情况下，所述父级选择项至少具有与其对应的文字描述以及第一状态标记，所述第一状态标记用于基于所述文字描述指示该父级选择项下的子级选择项的展开/折叠状态。作为一种应用实例，本示例中导航面板的父级选择项纵向排列，导航面板可根据需要横向展开，如图3a所示，该状态下导航面板处于横向展开状态，该状态下父级选择项至少具有与其对应的文字描述(subheader纯文字)以及第一状态标记，具体的第一状态标记可以是指示箭头，由此通过第一状态标记来指示该父级选择项下的子
级选择项的展开/折叠状态，例如可以根据父级选择项的展开/折叠状态来改变指示箭头的指向。
[0018]S103、在导航面板横向折叠的情况下，所述父级选择项具有与其对应的释义图标以及第二状态标记，所述第二状态标记用于基于释义图标指示该父级选择项下的子级选择项的展开/折叠状态。作为一种应用实例，本示例中导航面板的父级选择项纵向排列，导航面板可根据需要横向折叠，如图3b所示，该状态下导航面板处于横向折叠状态，该状态下父级选择项至少具有与其对应的释义图标以及第二状态标记，具体的第二状态标记也可以与第一状态标记关联的指示箭头，例如类型相近大小不同。由此通过第二状态标记来指示该父级选择项折叠下的子级选择项的展开/折叠状态，例如可以根据父级选择项的展开/折叠状态来改变第二状态指示箭头的指向。
[0019]S104、基于展开状态的子级选择项获取目标控制指令，以基于目标控制指令进入对应的功能或内容入口。例如可以在用户点击子级选择项之后则进入对应的功能或内容入口。
[0020]本专利技术实施例通过设计释义图标和状态标记的组合形式，可直观的指导用户按需交互，极大提高用户的交互体验。
[0021]可选的，在导航面板横向展开的情况下，该父级选择项下的子级选择项具有与其对应的文字描述和释义图标，以基于该子级选择项的文字描述和释义图标描述对应的功能或内容入口。如图3a所示，具体的在展开状态下的子级选择项设置与其对应的文字描述和释义图标。独立地或附加的，展开状态下，父级选择项和子级选择项均可以采用图标+文字形式展示，各选择项通过subheader纯文字形式展本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种导航菜单项交互方法，其特征在于，包括：提供父级选择项，所述父级选择项下具有至少一个子级选择项，且该子级选择项用于提供对应的功能或内容入口；在导航面板横向展开的情况下，所述父级选择项至少具有与其对应的文字描述以及第一状态标记，所述第一状态标记用于基于所述文字描述指示该父级选择项下的子级选择项的展开/折叠状态；在导航面板横向折叠的情况下，所述父级选择项具有与其对应的释义图标以及第二状态标记，所述第二状态标记用于基于释义图标指示该父级选择项下的子级选择项的展开/折叠状态；基于展开状态的子级选择项获取目标控制指令，以基于目标控制指令进入对应的功能或内容入口。2.如权利要求1所述的导航菜单项交互方法，其特征在于，在导航面板横向展开的情况下，该父级选择项下的子级选择项具有与其对应的文字描述和释义图标，以基于该子级选择项的文字描述和释义图标描述对应的功能或内容入口。3.如权利要求2所述的导航菜单项交互方法，其特征在于，在导航面板横向折叠的情况下，该父级选择项下的子级选择项仅...

【专利技术属性】
技术研发人员：杨柳青，蒋睿，
申请(专利权)人：中电云数智科技有限公司，
类型：发明
国别省市：