菜单显示方法及装置制造方法及图纸

本发明专利技术提供了一种菜单显示方法及装置，其中，该方法包括：获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单，采用上述技术方案，解决了相关技术中，WEB页面上的菜单无法自适应调整的问题，提供了一种web界面上菜单自适应的方法，实现了浏览器菜单显示的统一和美观。

Menu display method and device

The invention provides a menu display method and device, wherein, the method comprises the following steps: acquiring the display menu contents in the page; the menu display required capacity is determined according to the contents of the menu according to the menu; the container menu to determine the size of the volume, and the size of the container based on the menu display the menu, adopting the technical scheme, to solve the relevant technology, on the WEB page menu can not adaptive adjustment problems, provides a method for web interface menu adaptive, to achieve a unified and beautiful browser menu display.

【技术实现步骤摘要】
菜单显示方法及装置
本专利技术涉及通信领域，具体而言，涉及一种菜单显示方法及装置。
技术介绍
随着互联网的高速发展，WEB相关技术日渐成熟，WEB应用几乎统治了绝大部分的软件应用系统，各种企业级的应用系统都转向web化，通过浏览器访问服务器的方式实现业务流程。在各种web应用中菜单表现形式是多种多样的，一般都采用以下几种方式来呈现，一是横向菜单来表达，一是采用纵向菜单来表达，以及这两种方式的变形方式。以横向菜单为例，有三级菜单，一级菜单固定在页面顶部，二级、三级悬浮，默认隐藏，鼠标移入一级菜单后二级、三级菜单面板显示，二三级菜单面板与一级菜单左对齐，二级、三级菜单横向排列；二三级菜单面板有宽有窄，当面板宽度宽到浏览器最右边依然不能完整显示整个菜单的内容时。目前行业中解决多级菜单自动显示的方式一般有三种，一是如果显示不下时，则将菜单项的内容自动断行处理。二是直接将显示不下的内容显示在右侧不可见区域。三是将无法显示下的内容强行显示在最下方。这些自动使用的方式存在以下问题：1、如果自定断行，则显示的文本明显没有对称。同时也会影响菜单的整体布局。一般开发人员在布局菜单时，都是按照一行进行布局，如果在特定环境中菜单自动适应显示成两行或者多行时，会改变菜单的整体布局，影响菜单的整体效果。2、如果菜单自动适应将无法显示的内容自动显示在浏览器的最右侧不可见区域，这样直接会影响用户的使用，显示在不可见区域的菜单用户始终都无法对其进行操作。直接影响系统功能的完整性。3、如果菜单容器不能完整呈现菜单内容，自动将菜单内容填充在容器的最下方。一般开发人员在定义菜单容器大小时，是根据菜单内容进行相对定义的。如果浏览器强行将显示不下的菜单内容显示在容器的最下方，则会导致整个菜单容器的布局发生变化。包括整个菜单容器中的整体布局，即其他正常菜单显示的方式也会跟着相应的发生变化。针对相关技术中，WEB页面上的菜单无法自适应调整的问题，尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种菜单显示方法及装置，以至少解决相关技术中WEB页面上的菜单无法自适应调整的问题。根据本专利技术的一个方面，提供了一种菜单显示方法，包括：获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单。可选地，获取当前待显示页面中的菜单内容，包括：获取所述待显示页面中的菜单项，和/或获取所述待显示页面中所述菜单项在所述待显示页面中的层级关系。可选地，依据所述菜单内容确定菜单显示所需的容量，包括：获取所述菜单项的首选大小；将所述首选大小统计合并，为显示所述菜单所需的最小容量。可选地，基于所述菜单容器的大小显示所述菜单，包括：根据所述菜单容器的大小，所述菜单容器与所述页面右侧的边距属性，以及所述层级关系中一级菜单的坐标确定所述菜单显示所需的显示坐标；根据所述显示坐标显示所述菜单。可选地，根据所述显示坐标显示所述菜单，包括：将所述菜单容器显示在所述显示坐标上；在所述显示坐标上显示所述菜单。根据本专利技术的另一个方面，还提供了一种菜单显示装置，包括：获取模块，用于获取当前待显示页面中的菜单内容；第一确定模块，用于依据所述菜单内容确定菜单显示所需的容量；第二确定模块，用于根据所述容量确定所述菜单的菜单容器的大小；显示模块，用于基于所述菜单容器的大小显示所述菜单。可选地，所述获取模块，用于获取所述待显示页面中的菜单项，和/或获取所述待显示页面中所述菜单项在所述待显示页面中的层级关系。可选地，所述第一确定模块，包括：获取单元，用于获取所述菜单项的首选大小；统计合并单元，用于将所述首选大小统计合并，为显示所述菜单所需的最小容量。可选地，所述显示模块，包括：确定单元，用于根据所述菜单容器的大小，所述菜单容器与所述页面右侧的边距属性，以及所述层级关系中一级菜单的坐标确定所述菜单显示所需的显示坐标；显示单元，用于根据所述显示坐标显示所述菜单。可选地，所述显示单元，用于将所述菜单容器显示在所述显示坐标上；以及海用于在所述显示坐标上显示所述菜单。通过本专利技术，采用获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单的技术方案，解决了相关技术中，WEB页面上的菜单无法自适应调整的问题，提供了一种web界面上菜单自适应的方法，实现了浏览器菜单显示的统一和美观。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是根据本专利技术实施例的菜单显示方法的流程图；图2是根据本专利技术实施例的菜单显示装置的结构框图；图3是根据本专利技术实施例的菜单显示装置的第一确定模块22的结构框图；图4是根据本专利技术实施例的菜单显示装置的显示模块26的结构框图；图5为根据本专利技术优选实施例的菜单在自适应下采用断行和直接显示的表现样式示意图(一)；图6为根据本专利技术优选实施例的菜单在自适应下采用断行和直接显示的表现样式示意图(二)；图7为根据本专利技术优选实施例的菜单自适应的表现样式示意图。具体实施方式下文中将参考附图并结合实施例来详细说明本专利技术。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。在本实施例中提供了一种菜单显示方法，图1是根据本专利技术实施例的菜单显示方法的流程图，如图1所示，该流程包括如下步骤：步骤S102，获取当前待显示页面中的菜单内容；步骤S104，依据菜单内容确定菜单显示所需的容量；步骤S106，根据容量确定菜单的菜单容器的大小，并基于菜单容器的大小显示菜单。通过上述各个步骤，采用获取当前待显示页面中的菜单内容；依据菜单内容确定菜单显示所需的容量；根据容量确定菜单的菜单容器的大小，并基于菜单容器的大小显示菜单的技术方案，解决了相关技术中，WEB页面上的菜单无法自适应调整的问题，提供了一种web界面上菜单自适应的方法，实现了浏览器菜单显示的统一和美观，即本专利技术实施例能够确定所有菜单内容在当前浏览器环境下的实时大小，然后再设置菜单容器的大小。这样不管什么情况下都能正常显示所有的菜单项。可选地，获取当前待显示页面中的菜单内容，可以包括以下至少之一：获取待显示页面中的菜单项获取待显示页面中菜单项在待显示页面中的层级关系，可以理解为获取到的菜单内容中至少包括菜单项和菜单项在页面中的层级关系。在本专利技术实施例中，依据菜单内容确定菜单显示所需的容量，可以通过以下方案实现：获取菜单项的首选大小；将首选大小统计合并，为显示菜单所需的最小容量。步骤S104可以有多种实现方式，在一个可选示例中，基于菜单容器的大小显示菜单，可以通过以下方式实现：根据菜单容器的大小，菜单容器与页面右侧的边距属性，以及层级关系中一级菜单的坐标确定菜单显示所需的显示坐标；根据显示坐标显示菜单，其中，根据显示坐标显示菜单，包括：将菜单容器显示在显示坐标上；在显示坐标上显示菜单。综上，本专利技术实施例提供了一种在w本文档来自技高网...

【技术保护点】
一种菜单显示方法，其特征在于，包括：获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单。

【技术特征摘要】
1.一种菜单显示方法，其特征在于，包括：获取当前待显示页面中的菜单内容；依据所述菜单内容确定菜单显示所需的容量；根据所述容量确定所述菜单的菜单容器的大小，并基于所述菜单容器的大小显示所述菜单。2.根据权利要求1所述的方法，其特征在于，获取当前待显示页面中的菜单内容，包括：获取所述待显示页面中的菜单项，和/或获取所述待显示页面中所述菜单项在所述待显示页面中的层级关系。3.根据权利要求2所述的方法，其特征在于，依据所述菜单内容确定菜单显示所需的容量，包括：获取所述菜单项的首选大小；将所述首选大小统计合并，为显示所述菜单所需的最小容量。4.根据权利要求1所述的方法，其特征在于，基于所述菜单容器的大小显示所述菜单，包括：根据所述菜单容器的大小，所述菜单容器与所述页面右侧的边距属性，以及层级关系中一级菜单的坐标确定所述菜单显示所需的显示坐标；根据所述显示坐标显示所述菜单。5.根据权利要求4所述的方法，其特征在于，根据所述显示坐标显示所述菜单，包括：将所述菜单容器显示在所述显示坐标上；在所述显示坐标上显示所述菜单。6.一种菜单显示装置，其特...

【专利技术属性】
技术研发人员：杨鑫，任奂宇，
申请(专利权)人：中兴通讯股份有限公司，
类型：发明
国别省市：广东,44