显示导航栏的方法和装置发明专利

专利名称：显示导航栏的方法和装置

专利类型：发明专利

专利申请号：CN201910945577.2

专利申请（专利权）人：北京国双科技有限公司
权利人地址：北京市海淀区北四环中路229号海泰大厦4层南401号

专利发明（设计）人：蔡百灵

专利摘要：本发明公开了一种显示导航栏的方法和装置。其中，该方法包括：在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。本发明解决了相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题。

主权利要求：
1.一种显示导航栏的方法，其特征在于，包括：
在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定所述导航栏的目标尺寸；
判断所述目标尺寸是否大于所述显示区域的尺寸；
在判断结果为否的情况下，根据预存信息确定所述导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，所述预存信息包括所述导航栏中菜单项的尺寸信息，以及所述导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成；
将所述第一菜单和所述第二菜单进行组合，显示所述导航栏，使显示的所述导航栏适配所述目标尺寸；
其中，将所述第一菜单和所述第二菜单进行组合，显示所述导航栏，包括：将所述第一菜单设置于显示区，将所述第二菜单设置于缩略区；
将所述显示区与所述缩略区组合后显示，其中，所述第二菜单在所述缩略区的预设范围内悬浮显示；
其中，所述预存信息通过以下方式获得：
步骤1，将所述导航栏中的最后一个菜单项作为目标菜单项；
步骤2，将所述导航栏中的第一个菜单项到所述目标菜单项的所有菜单项形成的组合的整体尺寸保存为所述预存信息中当前组合方式对应的整体尺寸信息；
步骤3，重复执行所述步骤2，直至当前组合方式仅包含所述导航栏中的第一个菜单项和第二个菜单项；
根据预存信息确定所述导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单包括：基于所述预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与所述目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于所述目标尺寸；
将当前组合方式中包含的菜单项确定为第一菜单，将所述导航栏中未包含在所述当前组合方式中的菜单项确定为第二菜单。
2.根据权利要求1所述的方法，其特征在于，所述预存信息在首次加载所述导航栏时获得并保存。
3.根据权利要求1所述的方法，其特征在于，在将所述第一菜单和所述第二菜单进行组合，显示所述导航栏，使显示的所述导航栏适配所述目标尺寸之后，所述方法还包括：接收所述导航栏的配置指令；
根据所述配置指令对所述第一菜单进行配置，其中，所述配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。
4.一种显示导航栏的装置，其特征在于，包括：
第一确定模块，用于在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定所述导航栏的目标尺寸；
判断模块，用于判断所述目标尺寸是否大于所述显示区域的尺寸；
第二确定模块，用于在判断结果为否的情况下，根据预存信息确定所述导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，所述预存信息包括所述导航栏中菜单项的尺寸信息，以及所述导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成；
组合模块，用于将所述第一菜单和所述第二菜单进行组合，显示所述导航栏，使显示的所述导航栏适配所述目标尺寸；
所述组合模块包括：设置模块，用于将第一菜单设置于显示区，将第二菜单设置于缩略区；组合子模块，用于将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示；
其中，所述预存信息通过预存模块获得，所述预存模块包括：目标模块，用于将导航栏中的最后一个菜单项作为目标菜单项；保存模块，用于将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息；重复模块，用于重复执行保存模块的方法，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项；
所述第二确定模块包括：比较模块，用于基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸；第二确定子模块，用于将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。
5.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至3中任意一项所述的显示导航栏的方法。
6.一种设备，其特征在于，所述设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1至3中任意一项所述的显示导航栏的方法。 说明书 : 显示导航栏的方法和装置技术领域[0001] 本发明涉及信息显示领域，具体而言，涉及一种显示导航栏的方法和装置。背景技术[0002] 现有技术中的导航栏通常宽度固定，不会根据显示区域的尺寸进行自适应的调整。图1示出了现有技术中的一种导航栏，图2示出了图1中的导航栏在显示区域宽度减小时的显示状态。可以看出，该导航栏不支持宽度自适应，导致显示区域不美观。为了克服这一问题，图3示出了现有技术中的另一种导航栏，如图3所示，该导航栏以菜单项为组件单位，每个组件需要设置各自的标题和内容，若当前菜单项拥有子菜单项，需要手动在当前菜单项组件中添加子菜单项组件以组成导航栏。在当前导航栏总宽度超出显示区域宽度时，超出部分以省略号“…”的形式形成一个单独菜单项，并将超出部分以子菜单项形式显示。然而，该方法在每次设置组件时需要开发人员进行大量重复繁琐操作，在显示区域宽度改变时需要重新计算每个菜单项的宽度，同时考虑显示区域的宽度，多出不必要的计算，数据量过大时会造成卡顿。[0003] 针对相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题，目前尚未提出有效的解决方案。发明内容[0004] 本发明实施例提供了一种显示导航栏的方法和装置，以至少解决相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题。[0005] 根据本发明实施例的一个方面，提供了一种显示导航栏的方法，包括：在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0006] 可选地，预存信息包括：导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成。[0007] 可选地，预存信息通过以下方式获得：步骤1，将导航栏中的最后一个菜单项作为目标菜单项；步骤2，将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息；步骤3，重复执行步骤2，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项。[0008] 可选地，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单包括：基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸；将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。[0009] 可选地，预存信息在首次加载导航栏时获得并保存。[0010] 可选地，将第一菜单和第二菜单进行组合，显示导航栏，包括：将第一菜单设置于显示区，将第二菜单设置于缩略区；将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示。[0011] 可选地，在将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸之后，上述方法还包括：接收导航栏的配置指令；根据配置指令对第一菜单进行配置，其中，配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。[0012] 根据本发明实施例的另一方面，还提供了一种显示导航栏的装置，包括：第一确定模块，用于在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断模块，用于判断目标尺寸是否大于显示区域的尺寸；第二确定模块，用于在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；组合模块，用于将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0013] 根据本发明实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述任意一种显示导航栏的方法。[0014] 根据本发明实施例的另一方面，还提供了一种设备，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行上述任意一种显示导航栏的方法。[0015] 在本发明实施例中，在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。与现有技术相比，本申请通过预存信息，如导航栏中菜单项的尺寸信息，在显示区域的尺寸改变的情况下可以直接调用尺寸信息与目标尺寸进行比较，以获得适配目标尺寸的导航栏，进而解决了相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题，达到了减小运算量的目的。附图说明[0016] 构成本申请的一部分的附图用来提供对本申请的进一步理解，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：[0017] 图1是根据现有技术的一种导航栏示意图；[0018] 图2是图1所示的导航栏在显示区域宽度改变时的示意图；[0019] 图3是根据现有技术的另一种导航栏示意图；[0020] 图4是根据本发明实施例的一种可选的显示导航栏的方法流程图；[0021] 图5是根据本发明实施例的一种可选的从右至左缩小显示区域尺寸的导航栏变化示意图；[0022] 图6是根据本发明实施例的一种可选的显示导航栏的装置示意图；以及[0023] 图7是根据本发明实施例的一种可选的设备结构示意图。具体实施方式[0024] 需要说明的是，在不冲突的情况下，本申请中的各实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。[0025] 为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。[0026] 需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。[0027] 为了便于描述，以下对本申请实施例涉及的部分名词或术语进行说明：[0028] 自适应：指可以自动识别屏幕宽度、并做出相应调整的网页设计。即达到“一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。[0029] 根据本发明实施例，提供了一种显示导航栏的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。[0030] 图4是根据本发明实施例的一种显示导航栏的方法的流程图，如图4所示，该方法包括如下步骤：[0031] 步骤S402，在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸。[0032] 一种可选方案中，上述显示区域可以为设备的显示界面，也可以为显示界面的一个子区域，该设备可以提供可视化平台；上述导航栏可以为位于显示区域左侧、右侧、上侧或下侧的菜单项集合；上述目标尺寸可以为导航栏停止尺寸变化时的尺寸。[0033] 例如，显示界面包括多个子区域，其中一个子区域包括导航栏，该区域即为本申请的显示区域。在需要在显示界面中同时显示其它区域的情况下，需要缩小显示区域的宽度，以给其它区域留出显示区。因此，用户通过鼠标滑动的方式拖动显示区域上与导航栏方向垂直的一边，以减小显示区域的尺寸。如果滑动停止，设备就会接收到显示区域的调整指令。[0034] 又如，同样的导航栏在另一台尺寸不一样的显示器中打开时，设备也会接收到显示区域的调整指令。[0035] 需要说明的是，调整指令可以基于以下步骤获得：[0036] 步骤1，通过滑动操作放大或缩小当前区域至目标尺寸。[0037] 一种可选方案中，上述滑动操作可以通过滑动显示区域边框的方式进行。[0038] 步骤S4012，基于滑动操作生成调整指令。[0039] 例如，用户将鼠标的光标定位在显示区域的边界，单击滑动该边界左右或上下移动，以放大或缩小显示区域至目标尺寸。设备会基于用户的滑动操作生成调整指令，从而加载导航栏，对导航栏进行重新布局。[0040] 步骤S404，判断目标尺寸是否大于显示区域的尺寸。[0041] 如果导航栏的显示尺寸变大，说明显示区域的尺寸变大，那么目标尺寸大于显示区域的尺寸；如果导航栏的显示尺寸变小，说明显示区域的尺寸变小，那么目标尺寸小于显示区域的尺寸。[0042] 步骤S406，在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息。[0043] 一种可选方案中，上述第一菜单和第二菜单均可以包括一个或多个菜单项，区别在于第二菜单的一个或多个子菜单项缩略显示，例如，统一用一个符号标记；上述第一菜单和第二菜单可以为组件。[0044] 上述预存信息可以包括导航栏中菜单项的多种组合方式所对应的整体尺寸信息。以最左边的菜单项为第一个菜单项为例，在从右至左减小显示区域宽度的情况下，上述预存信息可以包括导航栏的第一个菜单项的尺寸信息、第一个菜单项至除第一个菜单项之外的其它菜单项中的每一个菜单项的尺寸信息。[0045] 步骤S408，将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0046] 由于设备预存有导航栏中菜单项的尺寸信息，所以在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，设备只需要直接调用尺寸信息，并与目标尺寸进行比较，就可以确定出在目标尺寸所属的目标页面上进行显示的菜单项和需要隐藏的菜单项，并以第一菜单和第二菜单的形式展现出来。[0047] 在一个可选的实施例中，包含导航栏的显示界面需要在另一个小尺寸的显示器上进行显示。那么在初次加载显示界面时，设备计算好菜单项的尺寸信息后就将其保存起来，例如保存第一个菜单项的尺寸信息、第一个菜单项至除第一个菜单项之外的其它菜单项中的每一个菜单项的尺寸信息。在以后每次打开时，只需要直接调用这些尺寸信息，并从后往前与目标尺寸进行比较，当发现某一尺寸信息小于目标尺寸时，就可以确定出显示的菜单项的数量，而将超出显示边界的菜单项折叠起来，从而减少使用组件时需要的重复操作，避免了大量计算。[0048] 上述实施例中，在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。与现有技术相比，本申请通过预存信息，如导航栏中菜单项的尺寸信息，在显示区域的尺寸改变的情况下可以直接调用尺寸信息与目标尺寸进行比较，以获得适配目标尺寸的导航栏，进而解决了相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题，达到了减小运算量的目的。[0049] 可选地，预存信息包括：导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成。[0050] 仍以最左边的菜单项为第一个菜单项为例，在从左至右减小当前区域宽度的情况下，上述预存信息可以包括导航栏的最后一个菜单项的尺寸信息、最后一个菜单项至除最后一个菜单项之外的其它菜单项中的每一个菜单项的尺寸信息。[0051] 以最上边的菜单项为第一个菜单项为例：在从下至上减小当前区域宽度的情况下，上述预存信息可以包括导航栏的第一个菜单项的尺寸信息、第一个菜单项至除第一个菜单项之外的其它菜单项中的每一个菜单项的尺寸信息。在从上至下减小当前区域宽度的情况下，上述预存信息可以包括导航栏的最后一个菜单项的尺寸信息、最后一个菜单项至除最后一个菜单项之外的其它菜单项中的每一个菜单项的尺寸信息。[0052] 在一个可选的实施例中，预存信息通过以下方式获得：步骤1，将导航栏中的最后一个菜单项作为目标菜单项。步骤2，将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息。步骤3，重复执行步骤2，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项。[0053] 需要说明的是，上述整体尺寸可以为当前组合方式中的所有菜单项的宽度、长度等维度的尺寸信息。[0054] 可选地，步骤S406根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，具体可以包括如下步骤：[0055] 步骤S4061，基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸。[0056] 步骤S4062，将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。[0057] 在一个可选的实施例中，如果在第一次比较的过程中，确定出最后一个菜单项至第一个菜单项的尺寸信息小于目标尺寸，说明当前区域的尺寸在变大，那么无需对当前导航栏的布局做任何改变，直接显示导航栏中的全部菜单项即可。如果在第一次比较的过程中，确定出最后一个菜单项至第一个菜单项的尺寸信息大于目标尺寸，说明当前区域的尺寸在变小，那么就需要继续比较倒数第二个菜单项至第一个菜单项的尺寸信息与目标尺寸，直至目标菜单项至第一个菜单项的尺寸信息小于目标尺寸，说明目标尺寸所属的目标页面上可以显示第一个菜单项至目标菜单项。通过持续比较当前组合方式中包含的菜单项的整体尺寸和与目标尺寸的大小，可以快速确定出能够显示在显示区域中的菜单项，进而确定出需要缩略显示的第二菜单中的菜单项。[0058] 可选地，预存信息在首次加载导航栏时获得并保存。[0059] 需要说明的是，上述预存信息在第一次加载时就存储在设备中，从而避免了每次加载时都需要计算尺寸的冗余操作。[0060] 可选地，步骤S408将第一菜单和第二菜单进行组合，显示导航栏，具体可以包括如下步骤：[0061] 步骤S4081，将第一菜单设置于显示区，将第二菜单设置于缩略区。[0062] 一种可选方案中，上述缩略区的位置可以由显示区域的移动边界确定，通常位于靠近移动边界的一侧。例如在用鼠标滑动显示区域的右边界向左移动的过程中，缩略区可以始终靠近移动边界显示；缩略区的左侧是显示区，显示区上显示着可以显示第一菜单；上述缩略区可以用特殊标记进行标识，例如省略号“…”、正三角“△”、倒三角“▽”、右三角左三角 等。[0063] 由于确定出了第二菜单的位置，相当于确定出了目标区域上可以显示的菜单项和无法显示的菜单项。对于无法显示的菜单项，可以隐藏其在第一菜单之后，以特殊标记标识，从而实现导航栏的宽度自适应。[0064] 步骤S4082，将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示。[0065] 一种可选方案中，上述第二菜单的菜单项可以以列表或下拉菜单的方式悬浮显示于缩略区的预设范围内。[0066] 通过点击缩略区、光标停放于缩略区、触摸缩略区中的任何一种或多种方式，在缩略区预设范围内都可以悬浮显示第二菜单的菜单项，如此，在显示区域尺寸缩小的情况下，用户仍然可以找到需要的菜单项。[0067] 可选地，在执行步骤S408将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸之后，上述方法还可以包括如下步骤：[0068] 步骤S4091，接收导航栏的配置指令。[0069] 步骤S4092，根据配置指令对第一菜单进行配置，其中，配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。[0070] 上述方案中，通过配置第一菜单的长度、宽度或间距，可以使显示区域显示更多或更少的菜单项；通过配置第一菜单的颜色、风格、背景、字体或图标，可以实行对导航栏的个性化设置，符合用户使用习惯。[0071] 图5示出了从右至左缩小显示区域尺寸的导航栏变化示意图。如图5所示，显示界面包括显示区域和其它区域。显示区域包括横向排列的5个菜单项。光标定位在显示区域的右边界并滑动鼠标向左移动，最后停靠于第3个菜单项上。设备在第一次比较时，确定出第5个菜单项至第1个菜单项的尺寸信息大于目标尺寸，说明当前区域的尺寸在变小，那么就需要继续比较第4个菜单项至第1个菜单项的尺寸信息与目标尺寸、第3个菜单项至第1个菜单项的尺寸信息与目标尺寸。直至比较确定出第2个菜单项至第1个菜单项的尺寸信息小于目标尺寸，说明目标尺寸所属的目标页面上可以显示第1个菜单项至第2个菜单项，而将第3个菜单项至第5个菜单项用省略号“…”表示。由于该计算过程简单，所以显示界面可以同步响应滑动操作。如果鼠标悬停在代表缩略区的省略号“…”上方，缩略区附近就会以下拉的形式悬浮显示第3‑5个菜单项。[0072] 本申请上述实施例中，在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。与现有技术相比，本申请通过预存信息，如导航栏中菜单项的尺寸信息，在显示区域的尺寸改变的情况下可以直接调用尺寸信息与目标尺寸进行比较，以获得适配目标尺寸的导航栏，进而解决了相关技术中显示区域的尺寸改变时导航栏需要通过大量计算重新确定每个菜单项的尺寸，导致当前页面卡顿的技术问题，达到了减小运算量的目的。容易注意到，由于预存信息在首次加载导航栏时获得并保存，且包括导航栏中菜单项的多种组合方式所对应的整体尺寸信息，极大地方便了尺寸信息调用；通过优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸，可以快速确定出第一菜单和第二菜单包含的菜单项；在需要的时候悬浮显示第二菜单，使用户在任何尺寸的显示前区域都可以找到需要的菜单项；通过对导航栏中第一菜单的配置，实现了导航栏的个性化显示，使其更加符合用户的使用习惯，提高了人机交互性[0073] 根据本发明实施例，还提供了一种显示导航栏的装置，图6是根据本申请实施例的显示导航栏的装置示意图。如图6所示，该装置600包括第一确定模块602、判断模块604、第二确定模块606和组合模块608。[0074] 其中，第一确定模块602，用于在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断模块604，用于判断目标尺寸是否大于显示区域的尺寸；第二确定模块606，用于在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；组合模块608，用于将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0075] 需要说明的是，上述显示导航栏的装置包括处理器和存储器，上述第一接收模块602和加载模块604均作为程序模块单元存储在存储器中，由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。[0076] 处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来同时显示韦恩图和关键词，提高使用效果。[0077] 存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)，存储器包括至少一个存储芯片。[0078] 可选地，预存信息包括：导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成。[0079] 可选地，预存信息通过预存模块获得，预存模块包括：目标模块，用于将导航栏中的最后一个菜单项作为目标菜单项；保存模块，用于将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息；重复模块，用于重复执行保存模块的方法，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项。[0080] 可选地，第二确定模块包括：比较模块，用于基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸；第二确定子模块，用于将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。[0081] 可选地，预存信息在首次加载导航栏时获得并保存。[0082] 可选地，组合模块包括：设置模块，用于将第一菜单设置于显示区，将第二菜单设置于缩略区；组合子模块，用于将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示。[0083] 可选地，上述装置还包括：接收模块，用于在将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸之后，接收导航栏的配置指令；配置模块，用于根据配置指令对第一菜单进行配置，其中，配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。[0084] 需要说明的是，上述第一确定模块602、判断模块604、第二确定模块606和组合模块608对应于方法实施例中的步骤S402至步骤S408，这四个模块与对应的步骤所实现的示例和应用场景相同，但不限于上述方法实施例所公开的内容。[0085] 根据本发明实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行方法实施例任意一种显示导航栏的方法。[0086] 根据本发明实施例的另一方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行方法实施例任意一种显示导航栏的方法。[0087] 根据本发明实施例的另一方面，还提供了一种设备700，如图7所示，设备包括至少一个处理器701、以及与处理器701连接的至少一个存储器702、总线703；其中，处理器701、存储器702通过总线703完成相互间的通信；处理器701用于调用存储器702中的程序指令，以执行方法实施例任意一种显示导航栏的方法。[0088] 本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：[0089] 在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0090] 可选地，预存信息包括：导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成。[0091] 可选地，预存信息通过以下方式获得：步骤1，将导航栏中的最后一个菜单项作为目标菜单项；步骤2，将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息；步骤3，重复执行步骤2，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项。[0092] 可选地，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单包括：基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸；将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。[0093] 可选地，预存信息在首次加载导航栏时获得并保存。[0094] 可选地，将第一菜单和第二菜单进行组合，显示导航栏，包括：将第一菜单设置于显示区，将第二菜单设置于缩略区；将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示。[0095] 可选地，在将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸之后，上述方法还包括：接收导航栏的配置指令；根据配置指令对第一菜单进行配置，其中，配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。[0096] 本申请中的设备可以是服务器、PC、PAD、手机等。[0097] 本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：[0098] 在显示区域中所显示的导航栏的显示尺寸发生变化的情况下，确定导航栏的目标尺寸；判断目标尺寸是否大于显示区域的尺寸；在判断结果为否的情况下，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单，其中，预存信息包括导航栏中菜单项的尺寸信息；将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸。[0099] 可选地，预存信息包括：导航栏中菜单项的多种组合方式所对应的整体尺寸信息，其中，每种组合由部分菜单项组成。[0100] 可选地，预存信息通过以下方式获得：步骤1，将导航栏中的最后一个菜单项作为目标菜单项；步骤2，将导航栏中的第一个菜单项到目标菜单项的所有菜单项形成的组合的整体尺寸保存为预存信息中当前组合方式对应的整体尺寸信息；步骤3，重复执行步骤2，直至当前组合方式仅包含导航栏中的第一个菜单项和第二个菜单项。[0101] 可选地，根据预存信息确定导航栏中需要正常显示的第一菜单以及需要缩略显示的第二菜单包括：基于预存信息，优先将包含最多菜单项的组合方式所对应的整体尺寸与目标尺寸进行比较，直至当前比较的组合方式所对应的整体尺寸小于目标尺寸；将当前组合方式中包含的菜单项确定为第一菜单，将导航栏中未包含在当前组合方式中的菜单项确定为第二菜单。[0102] 可选地，预存信息在首次加载导航栏时获得并保存。[0103] 可选地，将第一菜单和第二菜单进行组合，显示导航栏，包括：将第一菜单设置于显示区，将第二菜单设置于缩略区；将显示区与缩略区组合后显示，其中，第二菜单在缩略区的预设范围内悬浮显示。[0104] 可选地，在将第一菜单和第二菜单进行组合，显示导航栏，使显示的导航栏适配目标尺寸之后，上述方法还包括：接收导航栏的配置指令；根据配置指令对第一菜单进行配置，其中，配置指令用于配置如下至少之一的属性：长度、宽度、颜色、风格、间距、背景、字体、图标。[0105] 本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。[0106] 在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。[0107] 存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。[0108] 计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD‑ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本实施例中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。[0109] 还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。[0110] 本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD‑ROM、光学存储器等)上实施的计算机程序产品的形式。[0111] 以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

专利地区：北京

专利申请日期：2019-09-30

专利公开日期：2024-07-26

专利公告号：CN112579927B