CN111399962B - 一种多级菜单展示方法、设备及存储介质 - Google Patents
一种多级菜单展示方法、设备及存储介质 Download PDFInfo
- Publication number
- CN111399962B CN111399962B CN202010201201.3A CN202010201201A CN111399962B CN 111399962 B CN111399962 B CN 111399962B CN 202010201201 A CN202010201201 A CN 202010201201A CN 111399962 B CN111399962 B CN 111399962B
- Authority
- CN
- China
- Prior art keywords
- menu
- combination
- menus
- permutation
- column
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02T—CLIMATE CHANGE MITIGATION TECHNOLOGIES RELATED TO TRANSPORTATION
- Y02T90/00—Enabling technologies or technologies with a potential or indirect contribution to GHG emissions mitigation
Abstract
本发明公开了一种多级菜单展示方法、设备及存储介质,所述方法包括步骤:在保证菜单整体顺序不变、三级菜单不分列显示的情况下,计算所有的菜单可能的排列组合;对于所有排列组合,分别计算每列菜单的留白距离总和Δσ、菜单展示长宽比例与黄金分割比例的距离Δω;选取Δσ+Δω最小的排列组合作为最优排列组合;根据最优排列组合进行多级菜单展示。本发明可以根据菜单的数量、内容来自适应调节菜单展示区域以达到最佳显示效果。
Description
技术领域
本发明涉及一种多级菜单展示方法、设备及存储介质,属于信息处理技术领域。
背景技术
信息系统的菜单设计对用户体验有至关重要的影响,常见的菜单展示通过逐层点击,最终到达用户所需要的菜单。这种方式简单易实现,但是用户友好度低,原因如下:第一,用户对于目录层次深度没有预期;第二,用户需要多次的点击才能到达想要的菜单。
目前市场上主流的多级菜单展示方案是用较大的容器,大到足以展示该一级菜单下所有的二、三级菜单,该方案在菜单数量不多时,有以下缺点:一是整个菜单面板留白很多,不具备视觉美感;二是干扰用户菜单点击准确度,影响用户体验。
发明内容
本发明的目的在于克服现有技术中的不足,提供一种多级菜单展示方法、设备及存储介质,可以根据菜单的数量、内容来自适应调节菜单展示区域以达到最佳显示效果。
为达到上述目的,本发明是采用下述技术方案实现的:
第一方面,本发明提供了一种多级菜单展示方法,包括如下步骤:
在保证菜单整体顺序不变、三级菜单不分列显示的情况下,计算所有的菜单可能的排列组合;
对于所有排列组合,分别计算每列菜单的留白距离总和Δσ、菜单展示长宽比例与黄金分割比例的距离Δω;
选取Δσ+Δω最小的排列组合作为最优排列组合;
根据最优排列组合进行多级菜单展示。
结合第一方面,进一步的,采用递归的方法计算所有菜单可能的排列组合。
结合第一方面,进一步的,采用递归的方法计算所有菜单可能的排列组合的具体算法如下:
将所有菜单放在第一列,设置当前列为第一列;
判断当前列二级菜单的数量是否为1,若是,则停止操作,返回已经记录的所有组合;若否,进入下一步;
假设当前列有N个二级菜单,以二级菜单及其下面的三级菜单为一个整体,赋i的初始值为1;
抽离尾部i个菜单,被抽离部分递归调用此算法返回组合结果集,结果集放置在未抽离菜单右侧,合并为一个组合;若i<N,i自增1后重复此步骤;否则结束。
结合第一方面,进一步的,每列菜单的留白距离总和Δσ采用下述计算公式计算获取:
式中:n表示菜单的总列数;H为待展示菜单的垂直高度;Hj为第j列菜单的垂直高度,j=1,2,…,n。
结合第一方面,进一步的,菜单展示长宽比例与黄金分割比例的距离Δω采用下述计算公式计算获取:
式中:H为待展示菜单的垂直高度;W为待展示菜单的水平宽度;为黄金分割比。
结合第一方面,进一步的,选取Δσ+Δω最小的排列组合作为最优排列组合的方法如下:
第k个排列组合的水平宽度:
第k个排列组合的垂直高度:
第k个排列组合的标准值:
得到最小标准值:Δs=min1≤k≤pΔsk,此组合即为最优组合;
式中:Wjm表示第j列第m个菜单的水平宽度;tj表示第j列二级菜单和三级菜单的总数;nk表示第k个排列组合的列数量;p表示所有可能的排列组合数量。
第二方面,本发明提供了一种多级菜单展示设备,包括处理器及存储介质;
所述存储介质用于存储指令;
所述处理器用于根据所述指令进行操作以执行前述任一项所述方法的步骤。
第三方面,本发明提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述任一项所述方法的步骤。
与现有技术相比,本发明所提供的多级菜单展示方法、设备及存储介质所达到的有益效果至少包括:
可以根据要展示的菜单数量、菜单内容进行自适应计算,在保证菜单按照业务顺序摆放的同时,减少面板留白;面板长宽比例接近黄金分割比,具有视觉美感;面板中同一个二级菜单下的三级菜单,不会被分列显示。
附图说明
图1是采用本发明实施例提供的多级菜单展示方法进行多级菜单展示的效果图。
具体实施方式
下面结合附图对本发明作进一步描述。以下实施例仅用于更加清楚地说明本发明的技术方案,而不能以此来限制本发明的保护范围。
本发明实施例提供的一种多级菜单展示方法,包括如下步骤:
步骤一:在保证菜单整体顺序不变、三级菜单不分列显示的情况下,计算所有的菜单可能的排列组合;
本发明实施例通过递归算法列举所有的菜单排列情况,具体算法如下:
S101:将所有菜单放在第一列,设置当前列为第一列;
S102:判断当前列二级菜单的数量是否为1,若是,则停止操作,返回已经记录的所有组合;
S103:设当前列有N个二级菜单,i=1;
S104:抽离尾部i个菜单(以二级菜单及其下面的三级菜单为一个整体),被抽离部分递归调用此算法返回组合结果集,结果集放置在未抽离菜单右侧,合并为一个组合。
当i<N时,i自增1,跳转至步骤S104;否则结束。
按照上面的步骤,可以获取所有菜单可能的排列组合情况。
步骤二:对于所有排列组合,分别计算每列菜单的留白距离总和Δσ、菜单展示长宽比例与黄金分割比例的距离Δω;
其中Δσ和Δω的计算公式分别如下:
式中:n表示菜单的总列数;H为待展示菜单的垂直高度;Hj为第j列菜单的垂直高度,j=1,2,…,n;H为待展示菜单的垂直高度;W为待展示菜单的水平宽度;为黄金分割比,通常取0.618。
步骤三:选取Δσ+Δω最小的排列组合作为最优排列组合;
令Δs=Δσ+Δω,Δs越小时,菜单面板留白越小,长宽比越接近黄金分割比。因此,本发明实施例将Δs的值作为评判显示方案优劣的标准。
对于第k个排列组合,结合前述公式可以进行以下计算:
S301:第k个排列组合的水平宽度:
S302:第k个排列组合的垂直高度:
S303:第k个排列组合的标准值:
S304:得到最小标准值:Δs=min1≤k≤pΔsk,此排列组合即为最优排列组合。
式中:Wjm表示第j列第m个菜单的水平宽度;tj表示第j列二级菜单和三级菜单的总数;nk表示第k个排列组合的列数量;p表示所有可能的排列组合数量。
步骤四:根据最优排列组合进行多级菜单展示。
如图1所示,是采用本发明实施例提供的多级菜单展示方法进行多级菜单展示的效果图。默认只展示一级菜单,当用户点击一级菜单时,展开菜单面板,面板上显示该一级菜单下所有的二、三级菜单;只有点击第三级菜单时才能跳转至系统的功能页面。
综上,本发明实施例提供的方法可以根据要展示的菜单数量、菜单内容进行自适应计算,自动调节菜单面板的大小和面板中二、三级菜单的排列布展,取得了更优的用户体验,弹出的菜单面板具有以下优点:
一、面板长宽比例接近黄金分割比,具有视觉美感;
二、面板中同一个二级菜单下的三级菜单,不会被分列显示;
三、在保证菜单按照业务顺序摆放的同时,减少面板留白。
本发明实施例还提供了一种一种多级菜单展示设备,该设备能够用于实现上述多级菜单展示方法,以自动调节菜单面板的大小和面板中二、三级菜单的排列布展,取得了更优的用户体验。本发明实施例所提供的设备具体包括处理器及存储介质;
所述存储介质用于存储指令;
所述处理器用于根据所述指令进行操作以执行前述任一项所述方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述任一项所述方法的步骤。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明技术原理的前提下,还可以做出若干改进和变形,这些改进和变形也应视为本发明的保护范围。
Claims (3)
1.一种多级菜单展示方法,其特征在于,所述方法包括如下步骤:
在保证菜单整体顺序不变、三级菜单不分列显示的情况下,计算所有菜单可能的排列组合;
对于所有排列组合,分别计算每列菜单的留白距离总和Δσ、菜单展示长宽比例与黄金分割比例的距离Δω;
选取Δσ+Δω最小的排列组合作为最优排列组合;
根据最优排列组合进行多级菜单展示;
采用递归的方法计算所有菜单可能的排列组合,具体算法如下:
将所有菜单放在第一列,设置当前列为第一列;
判断当前列二级菜单的数量是否为1,若是,则停止操作,返回已经记录的所有组合;若否,进入下一步;
假设当前列有N个二级菜单,以二级菜单及其下面的三级菜单为一个整体,赋i的初始值为1;
抽离尾部i个菜单,被抽离部分递归调用此算法返回组合结果集,结果集放置在未抽离菜单右侧,合并为一个组合;若i<N,i自增1后重复此步骤;否则结束;
每列菜单的留白距离总和Δσ采用下述计算公式计算获取:
式中:n表示菜单的总列数;H为待展示菜单的垂直高度;Hj为第j列菜单的垂直高度,j=1,2,…,n;
菜单展示长宽比例与黄金分割比例的距离Δω采用下述计算公式计算获取:
式中:H为待展示菜单的垂直高度;W为待展示菜单的水平宽度;为黄金分割比;
选取Δσ+Δω最小的排列组合作为最优排列组合的方法如下:
第k个排列组合的水平宽度:
第k个排列组合的垂直高度:
第k个排列组合的标准值:
得到最小标准值:Δs=min1≤k≤pΔsk,此组合即为最优组合;
式中:Wjm表示第j列第m个菜单的水平宽度;tj表示第j列二级菜单和三级菜单的总数;nk表示第k个排列组合的列数量;p表示所有可能的排列组合数量。
2.一种多级菜单展示设备,其特征在于,包括处理器及存储介质;
所述存储介质用于存储指令;
所述处理器用于根据所述指令进行操作以执行根据权利要求1所述方法的步骤。
3.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010201201.3A CN111399962B (zh) | 2020-03-20 | 2020-03-20 | 一种多级菜单展示方法、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010201201.3A CN111399962B (zh) | 2020-03-20 | 2020-03-20 | 一种多级菜单展示方法、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111399962A CN111399962A (zh) | 2020-07-10 |
CN111399962B true CN111399962B (zh) | 2023-08-15 |
Family
ID=71435265
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010201201.3A Active CN111399962B (zh) | 2020-03-20 | 2020-03-20 | 一种多级菜单展示方法、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111399962B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112596652A (zh) * | 2020-12-11 | 2021-04-02 | 中信银行股份有限公司 | 菜单导航方法、装置、电子设备及介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
BR9714684A (pt) * | 1997-04-14 | 2000-07-25 | Thomson Consumer Eletronics In | Interface gráfica com o usuário com menu hierárquico |
CN101510207A (zh) * | 2009-02-26 | 2009-08-19 | 中兴通讯股份有限公司 | 基于Web页面的树形菜单动态维护方法与装置 |
CN102663004A (zh) * | 2012-03-19 | 2012-09-12 | 华为技术有限公司 | 图形化呈现条件组合的方法和装置 |
CN103324400A (zh) * | 2013-07-15 | 2013-09-25 | 天脉聚源(北京)传媒科技有限公司 | 一种在3d模型中展示菜单的方法及装置 |
CN103414942A (zh) * | 2013-08-07 | 2013-11-27 | 天脉聚源(北京)传媒科技有限公司 | 一种多级菜单的智能管理方法及装置 |
CN104238894A (zh) * | 2013-06-08 | 2014-12-24 | 上海斐讯数据通信技术有限公司 | 一种选中菜单置顶的方法 |
CN107066245A (zh) * | 2016-12-15 | 2017-08-18 | 天脉聚源(北京)传媒科技有限公司 | 一种菜单列表的处理方法及装置 |
CN108804196A (zh) * | 2018-06-15 | 2018-11-13 | 深圳超多维科技有限公司 | 多级菜单的制作方法、装置及电子设备 |
CN109933402A (zh) * | 2019-03-22 | 2019-06-25 | 深圳市元征科技股份有限公司 | 一种功能菜单的展示方法、系统及相关设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200930988A (en) * | 2008-01-09 | 2009-07-16 | Mitac Int Corp | Touch-control type navigation device and method thereof |
-
2020
- 2020-03-20 CN CN202010201201.3A patent/CN111399962B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
BR9714684A (pt) * | 1997-04-14 | 2000-07-25 | Thomson Consumer Eletronics In | Interface gráfica com o usuário com menu hierárquico |
CN101510207A (zh) * | 2009-02-26 | 2009-08-19 | 中兴通讯股份有限公司 | 基于Web页面的树形菜单动态维护方法与装置 |
CN102663004A (zh) * | 2012-03-19 | 2012-09-12 | 华为技术有限公司 | 图形化呈现条件组合的方法和装置 |
CN104238894A (zh) * | 2013-06-08 | 2014-12-24 | 上海斐讯数据通信技术有限公司 | 一种选中菜单置顶的方法 |
CN103324400A (zh) * | 2013-07-15 | 2013-09-25 | 天脉聚源(北京)传媒科技有限公司 | 一种在3d模型中展示菜单的方法及装置 |
CN103414942A (zh) * | 2013-08-07 | 2013-11-27 | 天脉聚源(北京)传媒科技有限公司 | 一种多级菜单的智能管理方法及装置 |
CN107066245A (zh) * | 2016-12-15 | 2017-08-18 | 天脉聚源(北京)传媒科技有限公司 | 一种菜单列表的处理方法及装置 |
CN108804196A (zh) * | 2018-06-15 | 2018-11-13 | 深圳超多维科技有限公司 | 多级菜单的制作方法、装置及电子设备 |
CN109933402A (zh) * | 2019-03-22 | 2019-06-25 | 深圳市元征科技股份有限公司 | 一种功能菜单的展示方法、系统及相关设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111399962A (zh) | 2020-07-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6330034B2 (ja) | 適応的なオーディオ・コンテンツの生成 | |
KR101623415B1 (ko) | 드로잉 방법, 장치, 및 단말 | |
US8924888B2 (en) | Dynamic data object insertion | |
CN109597563B (zh) | 一种界面编辑方法、装置、电子设备和存储介质 | |
KR101543196B1 (ko) | 시퀀스 프로그램 작성 장치 | |
WO2015094825A1 (en) | Section based reorganization of document components | |
JP2015525404A (ja) | 画像処理方法、装置、プログラム、及び記憶媒体 | |
CN111399962B (zh) | 一种多级菜单展示方法、设备及存储介质 | |
CN105069037A (zh) | 一种搜索内容展示方法及装置 | |
US20120185794A1 (en) | Method and Apparatus for Managing Buttons on Taskbar | |
US20220055307A1 (en) | 3d printing slicing method for solving quantization error problem | |
CN113315883B (zh) | 调整视频组合素材的方法和装置 | |
CN111428455B (zh) | 表格管理方法、装置、设备及存储介质 | |
KR102574449B1 (ko) | 데이터 처리 방법 및 장치 | |
CN111508471B (zh) | 语音合成方法及其装置、电子设备和存储装置 | |
US10318610B2 (en) | Display method and electronic device | |
US9984503B2 (en) | Systems and methods of updating graphical objects | |
CN111177828A (zh) | 应用于标准楼层模型的联动方法、装置及计算机存储介质 | |
US10922498B2 (en) | Method for simultaneously translating language of smart in-vehicle system and related products | |
CN112767419A (zh) | 一种图集九宫格切割的方法及系统 | |
CN111311760B (zh) | 一种三维建筑物展示方法、系统、装置及存储介质 | |
CN111866597B (zh) | 控制视频中页面元素的布局的方法、系统及存储介质 | |
KR102004978B1 (ko) | 튜토리얼 기능이 구비된 전자 문서 편집 장치 및 이의 동작 방법 | |
CN105260350A (zh) | 文档排版的方法及装置 | |
CN104185008A (zh) | 一种生成3d媒体数据的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |