[发明专利]菜单显示方法及装置

说明书

技术领域

本发明涉及通信领域，具体而言，涉及一种菜单显示方法及装置。

背景技术

随着互联网的高速发展，WEB相关技术日渐成熟，WEB应用几乎统治了绝大部分的软件应用系统，各种企业级的应用系统都转向web化，通过浏览器访问服务器的方式实现业务流程。

在各种web应用中菜单表现形式是多种多样的，一般都采用以下几种方式来呈现，一是横向菜单来表达，一是采用纵向菜单来表达，以及这两种方式的变形方式。以横向菜单为例，有三级菜单，一级菜单固定在页面顶部，二级、三级悬浮，默认隐藏，鼠标移入一级菜单后二级、三级菜单面板显示，二三级菜单面板与一级菜单左对齐，二级、三级菜单横向排列；二三级菜单面板有宽有窄，当面板宽度宽到浏览器最右边依然不能完整显示整个菜单的内容时。

目前行业中解决多级菜单自动显示的方式一般有三种，一是如果显示不下时，则将菜单项的内容自动断行处理。二是直接将显示不下的内容显示在右侧不可见区域。三是将无法显示下的内容强行显示在最下方。

这些自动使用的方式存在以下问题：

1、如果自定断行，则显示的文本明显没有对称。同时也会影响菜单的整体布局。一般开发人员在布局菜单时，都是按照一行进行布局，如果在特定环境中菜单自动适应显示成两行或者多行时，会改变菜单的整体布局，影响菜单的整体效果。

2、如果菜单自动适应将无法显示的内容自动显示在浏览器的最右侧不可见区域，这样直接会影响用户的使用，显示在不可见区域的菜单用户始终都无法对其进行操作。直接影响系统功能的完整性。

3、如果菜单容器不能完整呈现菜单内容，自动将菜单内容填充在容器的最下方。一般开发人员在定义菜单容器大小时，是根据菜单内容进行相对定义的。如果浏览器强行将显示不下的菜单内容显示在容器的最下方，则会导致整个菜单容器的布局发生变化。包括整个菜单容器中的整体布局，即其他正常菜单显示的方式也会跟着相应的发生变化。

针对相关技术中，WEB页面上的菜单无法自适应调整的问题，尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种菜单显示方法及装置，以至少解决相关技术中WEB页面上的菜单无法自适应调整的问题。

根据本发明的一个方面，提供了一种菜单显示方法，包括：获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单。

可选地，获取当前待显示页面中的菜单内容，包括：获取所述待显示页面中的菜单项，和/或获取所述待显示页面中所述菜单项在所述待显示页面中的层级关系。

可选地，依据所述菜单内容确定菜单显示所需的容量，包括：获取所述菜单项的首选大小；将所述首选大小统计合并，为显示所述菜单所需的最小容量。

可选地，基于所述菜单容器的大小显示所述菜单，包括：

根据所述菜单容器的大小，所述菜单容器与所述页面右侧的边距属性，以及所述层级关系中一级菜单的坐标确定所述菜单显示所需的显示坐标；

根据所述显示坐标显示所述菜单。

可选地，根据所述显示坐标显示所述菜单，包括：

将所述菜单容器显示在所述显示坐标上；

在所述显示坐标上显示所述菜单。

根据本发明的另一个方面，还提供了一种菜单显示装置，包括：获取模块，用于获取当前待显示页面中的菜单内容；第一确定模块，用于依据所述菜单内容确定菜单显示所需的容量；第二确定模块，用于根据所述容量确定所述菜单的菜单容器的大小；显示模块，用于基于所述菜单容器的大小显示所述菜单。

可选地，所述获取模块，用于获取所述待显示页面中的菜单项，和/或获取所述待显示页面中所述菜单项在所述待显示页面中的层级关系。

可选地，所述第一确定模块，包括：

获取单元，用于获取所述菜单项的首选大小；

统计合并单元，用于将所述首选大小统计合并，为显示所述菜单所需的最小容量。

可选地，所述显示模块，包括：

确定单元，用于根据所述菜单容器的大小，所述菜单容器与所述页面右侧的边距属性，以及所述层级关系中一级菜单的坐标确定所述菜单显示所需的显示坐标；

显示单元，用于根据所述显示坐标显示所述菜单。

可选地，所述显示单元，用于将所述菜单容器显示在所述显示坐标上；以及海用于在所述显示坐标上显示所述菜单。