[发明专利]用于展示页面菜单栏的方法、装置、电子设备和可读介质

说明书

本申请实施例公开了用于展示页面菜单栏的方法、装置、电子设备和可读介质。该方法的一具体实施方式包括：获取包含至少一个母标题以及与每个母标题关联的多个子标题的页面数据；对于每个母标题及其关联的多个子标题，执行如下展示步骤：将该母标题及其关联的多个子标题依次加载到母标题控件和子标题控件中，若与该母标题关联的子标题的数量大于预设数量，显示展开控件、母标题控件以及预设数量个子标题控件并隐藏其余子标题控件。该实施方式能够在有限的空间内展示更多的内容，并且默认展示预设数量个子标题不仅能避免一次展示过多内容带来的视觉困扰，同时又能避免全部收起时无法将用户所需的内容曝光的问题。

技术领域

本申请实施例涉及计算机技术领域，具体涉及用于展示页面菜单栏的方法、装置、电子设备和计算机可读介质。

背景技术

随着互联网的不断发展，网页展示的方式层出不穷，网页也承载着越来越多的内容。

在对具有菜单栏的页面进行展示时，往往是母标题默认展示，子标题默认折叠收起状态(并在用户点击时全部展开)，这一定程度上可以展示更多的标题，进而给用户展示更多的内容。

然而，当子标题数量过多时，若全部展开子标题，则会出现无法在一屏上全部展示所有子标题的情况。另外，有时候用户并不想看到全部的子标题(例如，不想看到排序靠后的子标题)，此时如果全部展开，不仅会给用户带来视觉困扰，也使得页面无法干净利索的展示用户想看的内容。

发明内容

本申请实施例提出了用于展示页面菜单栏的方法、装置、电子设备和计算机可读介质。

第一方面，本申请实施例提供了一种用于展示页面菜单栏的方法，页面菜单栏包括按预设布局排列的至少一个菜单区域，菜单区域包括展开控件、母标题控件和多个子标题控件，该方法包括：获取要展示的页面数据，其中，页面数据包括至少一个母标题以及与每个母标题关联的多个子标题；对于每个母标题及其关联的多个子标题，执行如下展示步骤：将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中；若与该母标题关联的子标题的数量大于预设数量，显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件，其中隐藏的子标题控件在展开控件被触发时被展开显示。

在一些实施例中，展示步骤还包括：若与该母标题关联的子标题的数量小于或等于预设数量，显示目标菜单区域中的母标题控件和子标题控件并隐藏展开控件。

在一些实施例中，该方法还包括：响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件，隐藏该菜单区域中展示的子标题控件。

在一些实施例中，该方法还包括：响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态，确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态，其中预设值与预设数量对应；若索引值大于预设值的子标题控件均未处于选中状态，展开显示该菜单区域中的预设数量个子标题控件。

在一些实施例中，该方法还包括：若存在索引值大于预设值的子标题控件处于选中状态，显示该菜单区域中的全部子标题控件。

在一些实施例中，该方法还包括：响应于检测到鼠标指针移到展开控件的预设范围内，呈现展开控件的文字提示。

在一些实施例中，该方法还包括：响应于展开控件被触发，显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。

在一些实施例中，该方法还包括：响应于检测到用户将第一位置处的子标题控件拖拽到第二位置，将先前处于第二位置处的子标题控件移到第一位置处。