CN111782106A - 用于展示页面菜单栏的方法、装置、电子设备和可读介质 - Google Patents
用于展示页面菜单栏的方法、装置、电子设备和可读介质 Download PDFInfo
- Publication number
- CN111782106A CN111782106A CN201911051552.4A CN201911051552A CN111782106A CN 111782106 A CN111782106 A CN 111782106A CN 201911051552 A CN201911051552 A CN 201911051552A CN 111782106 A CN111782106 A CN 111782106A
- Authority
- CN
- China
- Prior art keywords
- control
- title
- subtitle
- subtitles
- controls
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了用于展示页面菜单栏的方法、装置、电子设备和可读介质。该方法的一具体实施方式包括:获取包含至少一个母标题以及与每个母标题关联的多个子标题的页面数据;对于每个母标题及其关联的多个子标题,执行如下展示步骤:将该母标题及其关联的多个子标题依次加载到母标题控件和子标题控件中,若与该母标题关联的子标题的数量大于预设数量,显示展开控件、母标题控件以及预设数量个子标题控件并隐藏其余子标题控件。该实施方式能够在有限的空间内展示更多的内容,并且默认展示预设数量个子标题不仅能避免一次展示过多内容带来的视觉困扰,同时又能避免全部收起时无法将用户所需的内容曝光的问题。
Description
技术领域
本申请实施例涉及计算机技术领域,具体涉及用于展示页面菜单栏的方法、装置、电子设备和计算机可读介质。
背景技术
随着互联网的不断发展,网页展示的方式层出不穷,网页也承载着越来越多的内容。
在对具有菜单栏的页面进行展示时,往往是母标题默认展示,子标题默认折叠收起状态(并在用户点击时全部展开),这一定程度上可以展示更多的标题,进而给用户展示更多的内容。
然而,当子标题数量过多时,若全部展开子标题,则会出现无法在一屏上全部展示所有子标题的情况。另外,有时候用户并不想看到全部的子标题(例如,不想看到排序靠后的子标题),此时如果全部展开,不仅会给用户带来视觉困扰,也使得页面无法干净利索的展示用户想看的内容。
发明内容
本申请实施例提出了用于展示页面菜单栏的方法、装置、电子设备和计算机可读介质。
第一方面,本申请实施例提供了一种用于展示页面菜单栏的方法,页面菜单栏包括按预设布局排列的至少一个菜单区域,菜单区域包括展开控件、母标题控件和多个子标题控件,该方法包括:获取要展示的页面数据,其中,页面数据包括至少一个母标题以及与每个母标题关联的多个子标题;对于每个母标题及其关联的多个子标题,执行如下展示步骤:将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件,其中隐藏的子标题控件在展开控件被触发时被展开显示。
在一些实施例中,展示步骤还包括:若与该母标题关联的子标题的数量小于或等于预设数量,显示目标菜单区域中的母标题控件和子标题控件并隐藏展开控件。
在一些实施例中,该方法还包括:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件,隐藏该菜单区域中展示的子标题控件。
在一些实施例中,该方法还包括:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态,确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态,其中预设值与预设数量对应;若索引值大于预设值的子标题控件均未处于选中状态,展开显示该菜单区域中的预设数量个子标题控件。
在一些实施例中,该方法还包括:若存在索引值大于预设值的子标题控件处于选中状态,显示该菜单区域中的全部子标题控件。
在一些实施例中,该方法还包括:响应于检测到鼠标指针移到展开控件的预设范围内,呈现展开控件的文字提示。
在一些实施例中,该方法还包括:响应于展开控件被触发,显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。
在一些实施例中,该方法还包括:响应于检测到用户将第一位置处的子标题控件拖拽到第二位置,将先前处于第二位置处的子标题控件移到第一位置处。
第二方面,本申请实施例提供了一种用于展示页面菜单栏的装置,页面菜单栏包括按预设布局排列的至少一个菜单区域,菜单区域包括展开控件、母标题控件和多个子标题控件,该装置包括数据获取单元和标题展示单元。其中,数据获取单元被配置成获取要展示的页面数据。其中,页面数据包括至少一个母标题以及与每个母标题关联的多个子标题。标题展示单元被配置成对于每个母标题及其关联的多个子标题,执行如下展示步骤:将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件。其中隐藏的子标题控件在展开控件被触发时被展开显示。
在一些实施例中,该展示步骤还包括:若与该母标题关联的子标题的数量小于或等于预设数量,显示目标菜单区域中的母标题控件和子标题控件并隐藏展开控件。
在一些实施例中,该装置还包括控件隐藏单元。其中,控件隐藏单元被配置成:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件,隐藏该菜单区域中展示的子标题控件。
在一些实施例中,该装置还包括控件确认单元和部分展开单元。其中,控件确认单元被配置成:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态,确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态。其中,预设值与预设数量对应。部分展开单元被配置成:若索引值大于预设值的子标题控件均未处于选中状态,展开显示该菜单区域中的预设数量个子标题控件。
在一些实施例中,该装置还包括全部展开单元。其中,全部展开单元被配置成:若存在索引值大于预设值的子标题控件处于选中状态,显示该菜单区域中的全部子标题控件。
在一些实施例中,该装置还包括提示单元。其中,提示单元被配置成:响应于检测到鼠标指针移到展开控件的预设范围内,呈现展开控件的文字提示。
在一些实施例中,该装置还包括全部展开单元。其中,全部展开单元配置成:响应于展开控件被触发,显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。
在一些实施例中,该装置还包括排序单元。其中,排序单元被配置成:响应于检测到用户将第一位置处的子标题控件拖拽到第二位置,将先前处于第二位置处的子标题控件移到第一位置处。
第三方面,本申请实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面,本申请实施例提供了一种计算机可读介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本申请实施例提供的用于展示页面菜单栏的方法、装置、电子设备和计算机可读介质,通过获取包含至少一个母标题以及与每个母标题关联的多个子标题的页面内容,之后在展示每个母标题及其对应的子标题时,若子标题的数量超过预设数量,默认仅展示预设数量个子标题控件,并提供展开控件以便在用户需要时展开显示隐藏的子标题控件,从而能够在有限的空间内展示更多的内容,并且默认展示预设数量个子标题不仅能避免一次展示过多内容带来的视觉困扰,同时又能避免全部收起时无法将用户所需的内容曝光的问题。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本申请的用于展示页面菜单栏的方法的一个实施例的流程图;
图3A至图3C是根据本申请的用于展示页面菜单栏的方法的一个应用场景的示意图;
图4是根据本申请的用于展示页面菜单栏的装置的一个实施例的结构示意图;
图5是适于用来实现本申请实施例的电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的用于展示页面菜单栏的方法或用于展示页面菜单栏的装置的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是具有显示屏并且支持页面展示的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上的客户端应用提供支持的后台服务器。服务器105可以对接收到的页面访问请求等数据进行分析等处理,并将处理结果(例如包括多个母标题及其子标题的页面数据)返回终端设备101、102、103。
需要说明的是,本申请实施例所提供的用于展示页面菜单栏的方法一般由终端设备101、102、103执行,相应地,用于展示页面菜单栏的装置一般设置于终端设备101、102、103中。
需要说明的是,服务器105可以是硬件,也可以是软件。当服务器105为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意合适数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的用于展示页面菜单栏的方法的一个实施例的流程200。该用于展示页面菜单栏的方法,可以包括以下步骤:
步骤201,获取要展示的页面数据。
在本实施例中,页面菜单栏可以包括按预设布局排列的至少一个菜单区域。例如,页面菜单栏可以包括垂直排列的三个菜单区域。其中每个菜单区域可以包括一个展开控件、一个母标题控件和多个子标题控件。
该用于展示页面菜单栏的方法的执行主体(例如图1的终端设备101、102、103)可以通过有线连接方式或者无线连接方式从服务器(例如图1的服务器105)获取要展示的页面数据。其中,该页面数据可以包括至少一个母标题以及与每个母标题关联的多个子标题。例如,该页面数据可以包括标题1、标题2和标题3以及标题11~13、标题21~26和标题31~38。其中,标题11~13可以是标题1的三个子标题(也可以被称为小标题),标题21~26可以是标题2的六个子标题,而标题31~38可以是标题3的八个子标题。另外,该页面数据还可以包括与每个子标题对应的页面内容。
需要指出的是,上述无线连接方式可以包括但不限于3G(the 3rd generation,第三代)/4G(the 4th generation,第四代)/5G(the 5th generation,第五代)通信连接、Wi-Fi(Wireless-Fidelity,无线保真)连接、蓝牙连接、WiMAX(Worldwide Interoperabilityfor Microwave Access,全球微波互联接入)连接、Zigbee(又名紫蜂协议)连接、UWB(UltraWideband,超宽带)连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultrawideband)连接、以及其他现在已知或将来开发的无线连接方式。
步骤202,对于每个母标题及其关联的多个子标题,执行包括步骤2021和2022的展示步骤。
步骤2021,将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中。
在本实施例中,用于展示页面菜单栏的方法的执行主体(例如图1的终端设备101、102、103)可以将该母标题加载到目标菜单区域中的母标题控件中,以及将与该母标题关联的多个子标题分别加载到该目标菜单区域中的各子标题控件中。这里,目标菜单区域可以是预先确定的、用于展示该母标题及其关联的多个子标题的菜单区域。将标题加载到标题控件中可以指使用该标题来初始化该标题控件(以便该标题控件可以显示该标题)。
作为示例,可以将标题1以及子标题11~13依次加载到第一个菜单区域中的母标题控件和三个子标题控件中,将标题2以及子标题21~26依次加载到第二个菜单区域中的母标题控件和六个子标题控件中,将标题3以及子标题31~38依次加载到第三个菜单区域中的母标题控件和八个子标题控件中。
这里,目标菜单区域中的子标题控件的数量可以取决于与对应母标题关联的子标题的数量。例如,标题1有三个子标题,则可以为第一个菜单区域分配(或实例化)三个子标题控件;标题2有六个子标题,则可以为第二个菜单区域分配六个子标题控件;标题3有八个子标题,则可以为第三个菜单区域分配八个子标题控件,……,依次类推。
步骤2022,若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件。
在本实施例中,用于展示页面菜单栏的方法的执行主体(例如图1的终端设备101、102、103)可以根据与该母标题关联的子标题的数量来确定该目标菜单区域的展示方式。若与该母标题关联的子标题的数量(例如,六个)大于预设数量(例如,五个),则可以显示该目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件(例如,将展开控件、母标题控件和五个子标题控件均设置为可见状态),并隐藏该目标菜单区域中的其余子标题控件(例如,将剩余的一个子标题控件设置为隐藏状态)。例如,在第二个菜单区域中显示标题2、子标题21~25和展开按钮,即,子标题26处于隐藏状态。这里,预设数量可以预先设置的数量,例如,三个、五个等。
其中,被隐藏的子标题控件可以在展开控件被触发时被展开显示(例如,子标题控件由隐藏状态改变为可见状态,进而呈现在目标菜单区域中,如同展开目标菜单区域一样)。
在本实施例的一些可选的实现方式中,上述展示步骤还可以包括:若与该母标题关联的子标题的数量(例如,三个)小于或等于上述预设数量(例如,五个),则可以显示该目标菜单区域中的母标题控件以及全部的子标题控件,并隐藏展开控件。例如,在第一个菜单区域中显示标题1以及子标题11~13。此时,展开按钮处于隐藏状态。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件,隐藏该菜单区域中展示的子标题控件(当展示有展开控件时,同时将展开控件隐藏)。作为示例,当标题11~13处于显示状态(即,可见状态)时,若显示有标题1的母标题控件被用户点击,则隐藏标题11~13(仅展示标题1,相当于将该菜单区域折叠收起)。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态,确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态。其中,上述预设值可以与预设数量对应(例如,当预设数量为五个时,预设值可以为4或5)。这里,索引值可以指子标题控件的编号值,例如,0、1、2、3等。若索引值大于预设值的子标题控件均未处于选中状态,则可以展开显示该菜单区域中的预设数量个子标题控件。
作为示例,当子标题11~13处于隐藏状态时,若显示有标题1的母标题控件被触发,由于该菜单区域中不存在索引值大于4(假设索引值从0开始)或5(假设索引值从1开始)的子标题控件,因此,不管哪个子标题处于选中状态,均可以显示子标题11~13(以及对应的选中/未选中状态)。
作为另一示例,在子标题21~26被隐藏之前,子标题24(其索引值为3)处于选中状态。当子标题21~26处于隐藏状态时,若显示有标题2的母标题控件被触发,由于该菜单区域中被选中的子标题控件的索引值(即,3)小于4,因此可以显示子标题21~25和展开控件(即,子标题26处于隐藏状态)。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:若存在索引值大于预设值的子标题控件处于选中状态,则可以显示该菜单区域中的全部子标题控件。
作为示例,在子标题21~26被隐藏之前,子标题26(其索引值为5)处于选中状态。当子标题21~26处于隐藏状态时,若显示有标题2的母标题控件被触发,由于该菜单区域中被选中的子标题控件的索引值(即,5)大于4,因此可以显示全部子标题21~26(即,展开控件处于隐藏状态)。
尽管上述实现方式描述了根据被选中的子标题的索引值与预设值的大小关系来确定被隐藏的子标题的展示方式,但本申请并不限于此。本领域的技术人员可以理解,也可以采用其他合适的方式进行展示。例如,当母标题控件被触发时,可以以与子标题被隐藏之前的状态相同的状态来展示各个子标题。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:响应于检测到鼠标指针移到展开控件的预设范围内,呈现展开控件的文字提示。例如,当鼠标指针移动到展开控件上方时(可以通过jQuery中的mouseover和mouseleave事件来检测),可以在展开控件中显示提示文字“展开”或者在展开控件旁边显示提示文字“展开”。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:响应于展开控件被触发,显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。例如,在第二个菜单区域中,显示有标题2、子标题21~25以及展开控件。当用户点击展开控件时,隐藏该展开控件,并显示全部的子标题21~26。
在本实施例的一些可选的实现方式中,该用于展示页面菜单栏的方法还可以包括:响应于检测到用户将第一位置处的子标题控件拖拽到第二位置,将先前处于第二位置处的子标题控件移到第一位置处。例如,用户可以将子标题12拖拽到子标题11之前,相应地,在第一个菜单区域中子标题的展示顺序可以依次为子标题12、子标题11和子标题13。
通过该实现方式,用户可以将优先级较高的子标题前置,以便能够在第一时间看到自己需要的内容。
继续参考图3A至图3C,其示出了根据本申请的用于展示页面菜单栏的方法的一个应用场景。在该应用场景中,首先,如图3A所示,页面菜单栏31包括菜单区域311、312和313。菜单区域311中默认展示标题1、小标题11~15以及展开控件301,菜单区域312中默认展示标题2以及小标题21~24,而菜单区域313中默认展示标题3、小标题31~35以及展开控件303(即,默认展示五个小标题)。此时,小标题31处于选中状态,页面菜单栏31右侧的页面区域中显示有与小标题31对应的页面内容(未示出)。当用鼠标点击标题3所在的母标题控件时,将子标题31~35以及展开控件303折叠收起,在菜单区域313中仅显示母标题3,如图3B所示。而当鼠标指针302移动到展开控件303上方时,展开控件303中显示的内容由“…”改变为“展开”,以提示用户可以在需要时展开隐藏的子标题。当用鼠标点击了展开控件303后,可以在菜单区域中显示全部的子标题31~37,并隐藏展开控件303,如图3C所示。接下来参考图3B,在子标题31~35(或子标题31~37)被隐藏之前,若子标题31处于选中状态(如图3A所示),当显示有标题3的母标题控件被点击时,可以以图3A所示的效果显示子标题31~35和展开控件303。而若子标题36处于选中状态(如图3C所示),当显示有标题3的母标题控件被点击时,可以以图3C所示的效果显示所有子标题31~37,并隐藏展开控件303。
本申请的上述实施例提供的用于展示页面菜单栏的方法,通过获取包含至少一个母标题以及与每个母标题关联的多个子标题的页面内容,之后在展示每个母标题及其对应的子标题时,若子标题的数量超过预设数量,默认仅展示预设数量个子标题控件,并提供展开控件以便在用户需要时展开显示隐藏的子标题控件,从而能够在有限的空间内展示更多的内容,并且默认展示预设数量个子标题不仅能避免一次展示过多内容带来的视觉困扰,同时又能避免全部收起时无法将用户所需的内容曝光的问题。
进一步参考图4,作为对图2所示方法的实现,本申请提供了一种用于展示页面菜单栏的装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于终端设备中。
如图4所示,本实施例的用于展示页面菜单栏的装置400可以包括数据获取单元401和标题展示单元402。其中,数据获取单元401可以被配置成获取要展示的页面数据。其中,页面数据可以包括至少一个母标题以及与每个母标题关联的多个子标题。标题展示单元402可以被配置成对于每个母标题及其关联的多个子标题,执行如下展示步骤:将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件。其中,隐藏的子标题控件在展开控件被触发时被展开显示。
在本实施例中,用于展示页面菜单栏的装置400的数据获取单元401和标题展示单元402的具体实现可以参考图2对应的实施例中关于步骤201和步骤202的相关描述,在此不再赘述。
在本实施例的一些可选的实现方式中,该展示步骤还可以包括:若与该母标题关联的子标题的数量小于或等于预设数量,则可以显示目标菜单区域中的母标题控件和子标题控件并隐藏展开控件。
在本实施例的一些可选的实现方式中,该装置400还可以包括控件隐藏单元。其中,控件隐藏单元可以被配置成:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件,隐藏该菜单区域中展示的子标题控件。
在本实施例的一些可选的实现方式中,该装置400还可以包括控件确认单元和部分展开单元。其中,控件确认单元可以被配置成:响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态,确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态。其中,预设值可以与预设数量对应。部分展开单元可以被配置成:若索引值大于预设值的子标题控件均未处于选中状态,则可以展开显示该菜单区域中的预设数量个子标题控件。
在本实施例的一些可选的实现方式中,该装置400还可以包括全部展开单元。其中,全部展开单元可以被配置成:若存在索引值大于预设值的子标题控件处于选中状态,则可以显示该菜单区域中的全部子标题控件。
在本实施例的一些可选的实现方式中,该装置400还可以包括提示单元。其中,提示单元可以被配置成:响应于检测到鼠标指针移到展开控件的预设范围内,呈现展开控件的文字提示。
在本实施例的一些可选的实现方式中,该装置400还可以包括全部展开单元。其中,全部展开单元可以配置成:响应于展开控件被触发,显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。
在本实施例的一些可选的实现方式中,该装置400还可以包括排序单元。其中,排序单元可以被配置成:响应于检测到用户将第一位置处的子标题控件拖拽到第二位置,将先前处于第二位置处的子标题控件移到第一位置处。
本申请的上述实施例提供的用于展示页面菜单栏的装置,通过获取包含至少一个母标题以及与每个母标题关联的多个子标题的页面内容,之后在展示每个母标题及其对应的子标题时,若子标题的数量超过预设数量,默认仅展示预设数量个子标题控件,并提供展开控件以便在用户需要时展开显示隐藏的子标题控件,从而能够在有限的空间内展示更多的内容,并且默认展示预设数量个子标题不仅能避免一次展示过多内容带来的视觉困扰,同时又能避免全部收起时无法将用户所需的内容曝光的问题。
下面参考图5,其示出了适于用来实现本申请实施例的电子设备(例如,图1所示的服务器105)500的结构示意图。图5示出的电子设备500仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常以下装置可以连接至I/O接口505:包括例如鼠标、键盘、麦克风等的输入装置506;包括例如液晶显示器(LCD)、扬声器等的输出装置507;包括例如存储卡等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图5中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开的实施例的方法中限定的上述功能。
需要说明的是,本公开所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本申请实施例的操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括数据获取单元和标题展示单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,数据获取单元还可以被描述为“获取要展示的页面数据的单元”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的装置中所包含的;也可以是单独存在,而未装配入该装置中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该装置:获取要展示的页面数据,其中,页面数据包括至少一个母标题以及与每个母标题关联的多个子标题;对于每个母标题及其关联的多个子标题,执行如下展示步骤:将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件,其中隐藏的子标题控件在展开控件被触发时被展开显示。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (11)
1.一种用于展示页面菜单栏的方法,所述页面菜单栏包括按预设布局排列的至少一个菜单区域,所述菜单区域包括展开控件、母标题控件和多个子标题控件,所述方法包括:
获取要展示的页面数据,其中,所述页面数据包括至少一个母标题以及与每个母标题关联的多个子标题;
对于每个母标题及其关联的多个子标题,执行如下展示步骤:
将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;
若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及所述预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件,其中隐藏的子标题控件在展开控件被触发时被展开显示。
2.根据权利要求1所述的方法,其中,所述展示步骤还包括:
若与该母标题关联的子标题的数量小于或等于所述预设数量,显示目标菜单区域中的母标题控件和子标题控件并隐藏展开控件。
3.根据权利要求1所述的方法,其中,所述方法还包括:
响应于母标题控件被触发且被触发的母标题控件所在的菜单区域展示有子标题控件,隐藏该菜单区域中展示的子标题控件。
4.根据权利要求1所述的方法,其中,所述方法还包括:
响应于母标题控件被触发且被触发的母标题控件所在的菜单区域中的子标题控件处于隐藏状态,确定该菜单区域中是否存在索引值大于预设值的子标题控件处于选中状态,其中所述预设值与所述预设数量对应;
若索引值大于所述预设值的子标题控件均未处于选中状态,展开显示该菜单区域中的所述预设数量个子标题控件。
5.根据权利要求4所述的方法,其中,所述方法还包括:
若存在索引值大于所述预设值的子标题控件处于选中状态,显示该菜单区域中的全部子标题控件。
6.根据权利要求1所述的方法,其中,所述方法还包括:
响应于检测到鼠标指针移到展开控件的预设范围内,呈现展开控件的文字提示。
7.根据权利要求1所述的方法,其中,所述方法还包括:
响应于展开控件被触发,显示被触发的展开控件所在的菜单区域中隐藏的子标题控件并隐藏被触发的展开控件。
8.根据权利要求1所述的方法,其中,所述方法还包括:
响应于检测到用户将第一位置处的子标题控件拖拽到第二位置,将先前处于所述第二位置处的子标题控件移到所述第一位置处。
9.一种用于展示页面菜单栏的装置,所述页面菜单栏包括按预设布局排列的至少一个菜单区域,所述菜单区域包括展开控件、母标题控件和多个子标题控件,所述装置包括:
数据获取单元,被配置成获取要展示的页面数据,其中,所述页面数据包括至少一个母标题以及与每个母标题关联的多个子标题;
标题展示单元,被配置成对于每个母标题及其关联的多个子标题,执行如下展示步骤:
将该母标题及其关联的多个子标题依次加载到目标菜单区域的母标题控件和子标题控件中;
若与该母标题关联的子标题的数量大于预设数量,显示目标菜单区域中的展开控件、母标题控件以及所述预设数量个子标题控件并隐藏目标菜单区域中的其余子标题控件,其中隐藏的子标题控件在展开控件被触发时被展开显示。
10.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。
11.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911051552.4A CN111782106B (zh) | 2019-10-31 | 2019-10-31 | 用于展示页面菜单栏的方法、装置、电子设备和可读介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911051552.4A CN111782106B (zh) | 2019-10-31 | 2019-10-31 | 用于展示页面菜单栏的方法、装置、电子设备和可读介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111782106A true CN111782106A (zh) | 2020-10-16 |
CN111782106B CN111782106B (zh) | 2022-06-07 |
Family
ID=72755596
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911051552.4A Active CN111782106B (zh) | 2019-10-31 | 2019-10-31 | 用于展示页面菜单栏的方法、装置、电子设备和可读介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111782106B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113641277A (zh) * | 2021-07-01 | 2021-11-12 | 北京房江湖科技有限公司 | 菜单栏实现方法和系统、计算机程序产品及可读存储介质 |
CN114691259A (zh) * | 2020-12-31 | 2022-07-01 | 北京奇艺世纪科技有限公司 | 一种控件显示方法及装置、电子设备和可读存储介质 |
CN114816184A (zh) * | 2022-04-26 | 2022-07-29 | 曙光网络科技有限公司 | 一种操作控件的展示方法、装置、设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100042951A1 (en) * | 2002-06-06 | 2010-02-18 | Per Ogren | Graphical user interface for expandable menus |
CN103150158A (zh) * | 2013-01-15 | 2013-06-12 | 由芳 | 一种格状动态式多样性菜单的生成方法 |
CN106874326A (zh) * | 2016-07-05 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种条目列表获取请求处理方法及装置 |
-
2019
- 2019-10-31 CN CN201911051552.4A patent/CN111782106B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100042951A1 (en) * | 2002-06-06 | 2010-02-18 | Per Ogren | Graphical user interface for expandable menus |
CN103150158A (zh) * | 2013-01-15 | 2013-06-12 | 由芳 | 一种格状动态式多样性菜单的生成方法 |
CN106874326A (zh) * | 2016-07-05 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种条目列表获取请求处理方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114691259A (zh) * | 2020-12-31 | 2022-07-01 | 北京奇艺世纪科技有限公司 | 一种控件显示方法及装置、电子设备和可读存储介质 |
CN114691259B (zh) * | 2020-12-31 | 2023-12-12 | 北京奇艺世纪科技有限公司 | 一种控件显示方法及装置、电子设备和可读存储介质 |
CN113641277A (zh) * | 2021-07-01 | 2021-11-12 | 北京房江湖科技有限公司 | 菜单栏实现方法和系统、计算机程序产品及可读存储介质 |
CN113641277B (zh) * | 2021-07-01 | 2024-03-08 | 贝壳找房(北京)科技有限公司 | 菜单栏实现方法和系统、计算机程序产品及可读存储介质 |
CN114816184A (zh) * | 2022-04-26 | 2022-07-29 | 曙光网络科技有限公司 | 一种操作控件的展示方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111782106B (zh) | 2022-06-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111782106B (zh) | 用于展示页面菜单栏的方法、装置、电子设备和可读介质 | |
US9239819B2 (en) | System and method of report rendering | |
CN109725803B (zh) | 评论信息处理方法及装置、存储介质、电子设备 | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及系统 | |
US9542365B1 (en) | Methods for generating e-mail message interfaces | |
CN111966255B (zh) | 信息显示方法、装置、电子设备和计算机可读介质 | |
US20150220496A1 (en) | Dynamic sprite based theme switching | |
US20130007658A1 (en) | Grouping expanded and collapsed rows in a tree structure | |
CN109408754B (zh) | 网页操作数据的处理方法、装置、电子设备及存储介质 | |
JP6975339B2 (ja) | デジタルコンポーネントのバックドロップレンダリング | |
CN109582317B (zh) | 用于调试寄宿应用的方法和装置 | |
CN110554874A (zh) | 用于复用SaaS平台网页组件的方法和装置 | |
CN110619100B (zh) | 用于获取数据的方法和装置 | |
CN102819436A (zh) | 一种基于网页邮箱的用户界面交互方法和设备 | |
CN114115681B (zh) | 页面生成方法及装置、电子设备和介质 | |
US20170097749A1 (en) | Integrating applications in a portal | |
US9524073B1 (en) | Triggering action on a web page | |
CN116126447A (zh) | 一种信息处理方法、装置、电子设备、计算机可读介质 | |
CN104025001A (zh) | 用于用户界面的可调整大小部分的调整大小控制柄激活 | |
US20180004374A1 (en) | Process visualization toolkit | |
CN110874446A (zh) | 页面展示方法及其系统、计算机系统及计算机可读介质 | |
CN111353296B (zh) | 文章处理方法、装置、电子设备及计算机可读存储介质 | |
CN110069186B (zh) | 显示应用的操作界面的方法和设备 | |
CN109814778B (zh) | 小程序选项卡的实现方法、装置、电子设备及介质 | |
US20120173984A1 (en) | Context-addressed tabs for presentation applications |
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 |