CN109189513A - 基于标签的层叠展示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请实施例提供了一种基于标签的层叠展示方法、装置、电子设备及计算机可读存储介质。该方法包括：获取至少一个目标标签的展示数据，展示数据包括多种类型的展示信息；根据展示信息的类型确定展示信息的展示层级；将目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。本申请实施例通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

Description

基于标签的层叠展示方法、装置、电子设备及存储介质

技术领域

本申请涉及电子设备智能操作技术领域，具体而言，本申请涉及一种基于标签的层叠展示方法、装置、电子设备及计算机可读存储介质。

背景技术

标签是一种互联网内容组织方式，是相关性很强的关键字，它能帮助人们轻松地描述和分类内容，以便于检索和分享。标签已经广泛地应用到网页、应用程序以及应用系统中，目前通过标签管理系统实现对标签的增加、删除以及修改等管理操作，并通过UI(UserInterface，图形用户界面)展示标签，以便捷地实现对数据的分类、管理及查询。

但是，通过现有的标签展示方法展示的各个标签之间相互独立，无法清晰直观地展示出数据之间的对应关系或层级关系。

发明内容

本申请提供了一种基于标签的层叠展示方法、装置、电子设备及计算机可读存储介质，可以解决现有标签展示方法无法清晰直观地展示出数据之间的对应关系或层级关系的问题。所述技术方案如下：

第一方面，本申请提供了一种基于标签的层叠展示方法，该方法包括：

获取至少一个目标标签的展示数据，展示数据包括多种类型的展示信息；

根据展示信息的类型确定展示信息的展示层级；

将目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

第二方面，本申请提供了一种基于标签的层叠展示装置，该装置包括：

数据获取模块，用于获取至少一个目标标签的展示数据，展示数据包括多种类型的展示信息；

层级确定模块，用于根据展示信息的类型确定展示信息的展示层级；

层叠展示模块，用于将目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

第三方面，本申请提供了一种电子设备，该电子设备包括：一个或多个处理器；

存储器；

一个或多个应用程序，其中一个或多个应用程序被存储在存储器中并被配置为由一个或多个处理器执行，一个或多个应用程序配置用于：执行本申请第一方面所示的基于标签的层叠展示方法。

第四方面，本申请提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现本申请第一方面所示的基于标签的层叠展示方法。

本申请实施例提供的技术方案带来的有益效果是：通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。

图1为本申请实施例提供的一种基于标签的层叠展示方法的流程示意图；

图2为本申请实施例提供的另一种基于标签的层叠展示方法的流程示意图；

图3为本申请实施例提供的一种基于标签的层叠展示装置的结构示意图；

图4为本申请实施例提供的另一种基于标签的层叠展示装置的结构示意图；

图5为本申请实施例提供的一种基于标签的层叠展示装置中的层叠展示处理子模块的结构示意图；

图6为本申请实施例提供的一种基于标签的层叠展示电子设备的结构示意图；

图7给出了一个通过展示行进行层叠展示的示例。

具体实施方式

下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本申请的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

实施例一

本申请实施例提供了一种基于标签的层叠展示方法，如图1所示，该方法包括：

步骤S101、获取至少一个目标标签的展示数据，展示数据包括多种类型的展示信息。

步骤S102、根据展示信息的类型确定展示信息的展示层级。

其中，展示信息的类型与展示层级之间的对应关系可预先设定。

步骤S103、将目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

其中，各个展示行中可放入多个标签对应的展示信息。

图7给出了一个通过展示行进行层叠展示的示例。图7中上层展示行70叠放在下层展示行71上方，实现上层展示行实现对下层展示行的部分遮挡，上层展示行70中的展示区域701、展示区域702、展示区域703均用于展示各个标签的上层展示信息，下层展示行71中的展示区域711、展示区域712、展示区域713均用于展示各个标签的下层展示信息。例如，标签1的上层展示信息和下层展示信息分别放入了层叠设置的展示区域701和展示区域711中，以直观地展示出标签1的两种类型的展示信息之间的对应关系或层级关系。为了方便描述，图7中引入了标识展示行所在位置的虚线框，实际显示过程中不会出现虚线框。图7中仅给出了两个展示层级的情况，实际应用中可根据展示数据包括的类型的数量，设置更多的展示层级，即设置更多叠加的展示行。

例如，目标标签中的展示数据包括两种类型：用户基本信息和用户行为属性信息，相应的展示层级可分为上层和下层。根据预先设定的对应关系，确定用户基本信息对应的展示层级为上层，用户行为属性信息为下层。确定好展示信息对应的展示层级后，将用户基本信息放入上层展示行，将用户行为属性信息放入下层展示行，上层展示行叠放在下层展示行上方，最终，通过层叠展示的方式展示同一标签的不同类型的展示信息，以清晰直观地展现同一标签的不同类型的展示信息之间的关系。

本实施例的基于标签的层叠展示方法，通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

实施例二

本申请实施例提供了另一种可能的实现方式，在实施例一的基础上，还包括实施例二所示的方法。

在步骤S103之前，本实施例的基于标签的层叠展示方法还包括：对获取的目标标签进行排序。

其中，目标标签的排序规则为预先自定义的规则。本实施例不对排序规则做出具体限定。

相应地，步骤S103具体包括：根据目标标签的排序结果，依次将各个目标标签的展示信息放入与各个展示信息的展示层级对应的展示行。

例如，如图7所示，按预设的排序规则对获取的三个目标标签进行排序，得到标签1、标签2和标签3，按排序结果的顺序将标签1的上层展示信息放入上层展示行70中的第一个展示区域701，标签2的上层展示信息放入上层展示行70中的第二个展示区域702，标签3的上层展示信息放入上层展示行70中的第三个展示区域703，同理，按排序顺序，将各个标签的下层展示信息放入下层展示行71中的各个展示区域。

进一步地，步骤S103具体包括步骤S1031和步骤S1032：

步骤S1031、建立展示行，根据各个展示行的序号确定各个展示行对应的展示层级。

其中，当一个展示行无法放入所有的目标标签时，针对同一展示层级建立多个展示行。

其中，若展示层级的数量为n，则序号为(kn+i)的展示行对应的展示层级为i，其中，i＝1,2,…,n，k为自然数。

例如，当有两个展示层级时，序号为奇数的展示行为上层展示行，序号为偶数的展示行为下层展示行。

步骤S1032、对各个展示行进行如下操作：确定当前处理的展示行的展示层级，根据目标标签的排序结果，依次将各个目标标签的与当前展示层级对应的展示信息放入当前处理的展示行。其中，当前展示层级为当前处理的展示行的展示层级。

进一步地，如图2所示，步骤S1032具体包括步骤S201、步骤S202、步骤S23、步骤S204、步骤S205：

步骤S201、确定当前处理的展示行的展示层级。

步骤S202、判断当前处理的展示行是否为空值。

其中，空值是指该展示行中还没有放入任何展示信息。

若步骤S202的判断结果为是，则执行步骤S203、将当前待处理的目标标签的与当前展示层级对应的展示信息放入当前处理的展示行的第一个展示区域。

其中，执行完步骤S203后，可直接执行步骤S204，或返回执行步骤S202。

其中，展示行的第一展示区域为在向该展示行放入第一个展示信息时的展示区域。例如，展示行的第一展示区域可设置为该展示行最左侧的展示区域，如图7中的第一展示区域701。又例如，当展示行是竖向显示的话，展示行的第一展示区域可以设置为最上侧的展示区域。

若步骤S202的判断结果为否，则执行步骤S204、判断当前处理的展示行是否已放满。

其中，相邻展示区域间的间隔距离是预设好的，展示行的长度也是的预设好的。展示区域的长度可以是预设的固定值，也可以根据设置为根据放入的展示信息的数据量自适应调整。因此，根据预设的间隔距离、展示行的长度以及已经放入展示信息的展示区域的长度，即可计算得到展示行剩余的空置区域，空置区域是指未放入展示信息的区域，根据空置区域的大小即可确定该展示行是否已放满。例如，当展示区域的长度是固定值，若空置区域的长度小于展示区域的长度，则该展示行已放满，反之，该展示行未放满；当展示区域的长度可以自适应调整时，获取下一个待放入的展示信息，预估该展示信息对应的展示区域的长度，当预估的展示区域的长度大于空置区域的长度，则该展示行已放满，反之，该展示行未放满。

若步骤S204的判断结果为未放满，则执行步骤S205、根据目标标签的排序结果，将当前待处理的目标标签的与当前展示层级对应的展示信息放入当前处理的展示行中的下一个空置的展示区域。

若步骤S204的判断结果为已放满，则返回步骤S201，处理下一个展示行。

其中，可以在步骤S201之前就预先建立好多个展示行。也可以建立一个展示行后，就依次将各个目标标签的展示信息放入该展示行，当该展示行放满后，再建立一个新的展示行，继续将各个目标标签的展示信息放入新的展示行，以此类推，直至将所有目标标签的展示信息放入到展示行中。

进一步地，如图3所示，本实施例的基于标签的层叠展示方法还包括以下步骤：

步骤S206、判断当前待处理的目标标签是否为最后一个标签。

若步骤S206的判断结果为是，则执行步骤S207、保存展示行，以完成层叠展示。

若步骤S206的判断结果为否，则返回执行步骤S204，对下一个目标标签进行处理。

在实施例一的基础上，本实施例的基于标签的层叠展示方法，通过多个判断步骤实现了标签数据自适应展示，提高了展示效率。

实施例三

本申请实施例提供了一种基于标签的层叠展示装置，如图3所示，该基于标签的层叠展示装置30可以包括：数据获取模块301、层级确定模块302以及层叠展示模块303。

数据获取模块301，用于获取至少一个目标标签的展示数据，展示数据包括多种类型的展示信息。

层级确定模块302，用于根据展示信息的类型确定展示信息的展示层级。

层叠展示模块303，用于将目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

本实施例的基于标签的层叠展示装置，通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

进一步地，如图4所示，本实施例的基于标签的层叠展示装置30还包括：排序模块304，用于对获取的目标标签进行排序。

相应地，层叠展示模块303还包括设置子模块3031，用于根据目标标签的排序结果的顺序，将各个目标标签的展示信息放入与各个展示信息的展示层级对应的展示行。

进一步地，层叠展示模块303包括：展示行建立子模块3031和层叠展示处理子模块3032。

其中，展示行建立子模块3032用于建立展示行，根据各个展示行的序号确定各个展示行对应的展示层级。

其中，层叠展示处理子模块3033用于对各个展示行进行如下操作：确定当前处理的展示行的展示层级，根据目标标签的排序结果的顺序，将各个目标标签的与当前展示层级对应的展示信息依次放入当前处理的展示行，其中，当前展示层级为当前处理的展示行的展示层级。

进一步地，如图5所示，层叠展示处理子模块3032具体包括层级确定单元401、第一判断单元402、第一放入单元403、第二判断单元404和第二放入单元405。

层级确定单元401用于确定当前处理的展示行的展示层级。

第一判断单元402用于判断当前处理的展示行是否为空值。

若第一判断单元402的判断结果为是，则执行第一放入单元403的功能，第一放入单元403用于将当前待处理的目标标签的与当前展示层级对应的展示信息放入当前处理的展示行的第一展示区域。

其中，执行完第一放入单元403的功能后，可直接执行第二判断单元404，或返回执行第一判断单元402的功能。

若第一判断单元402的判断结果为否，则执行第二判断单元404的功能，第二判断单元404用于判断当前处理的展示行是否已放满。

若第二判断单元404的判断结果为未放满，则执行第二放入单元405，第二放入单元405用于根据目标标签的排序结果，将当前待处理的目标标签的与当前展示层级对应的展示信息放入当前处理的展示行中的下一个展示区域。

若第二判断单元404的判断结果为已放满，则返回执行层级确定单元401的功能，处理下一个展示行。

进一步地，如图5所示，本实施例的装置还包括第三判断单元406和保存展示单元407。

第三判断单元406用于判断当前待处理的目标标签是否为最后一个标签。

若第三判断单元406的判断结果为是，则执行保存展示单元407的功能，该保存展示单元407用于保存展示行，以完成层叠展示。

若第三判断单元406的判断结果为否，则执行第二判断单元404的功能，对下一个目标标签进行处理。

本实施例的基于标签的层叠展示装置可执行本申请实施例一至实施例二中任一实施例所示的基于标签的层叠展示方法，其实现原理相类似，此处不再赘述。

实施例四

本申请实施例提供了一种电子设备，如图6所示，图6所示的电子设备600包括：处理器601和存储器603。其中，处理器601和存储器603相连，如通过总线602相连。可选地，电子设备600还可以包括收发器604。需要说明的是，实际应用中收发器604不限于一个，该电子设备600的结构并不构成对本申请实施例的限定。

其中，处理器601应用于本申请实施例中，用于实现图3所示的A数据获取模块301、层级确定模块302以及层叠展示模块303的功能。收发器604包括接收机和发射机。

处理器601可以是CPU，通用处理器，DSP，ASIC，FPGA或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器601也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，DSP和微处理器的组合等。

总线602可包括一通路，在上述组件之间传送信息。总线602可以是PCI总线或EISA总线等。总线602可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

存储器603可以是ROM或可存储静态信息和指令的其他类型的静态存储设备，RAM或者可存储信息和指令的其他类型的动态存储设备，也可以是EEPROM、CD-ROM或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。

可选地，存储器603用于存储执行本申请方案的应用程序代码，并由处理器601来控制执行。处理器601用于执行存储器603中存储的应用程序代码，以实现图3所示实施例提供的基于标签的层叠展示装置的动作。

与现有技术相比，本申请实施例提供的电子设备，通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

可选地，处理器601用于执行存储器603中存储的应用程序代码，以实现图4以及图5所示实施例提供的基于标签的层叠展示装置的动作，在此不再赘述。

实施例五

本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现实施例一所示的基于标签的层叠展示方法。

本申请实施例提供了一种计算机可读存储介质，与现有技术相比，通过层叠设置的展示行，展示同一展示数据下的多个不同类型的展示信息，以突显出同一展示数据的多个展示信息之间的层叠关系，以便清晰直观地展示出关联数据之间的对应关系或层级关系，使得展示内容更加直观。

可选地，本申请实施例还提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现实施例二所示的基于标签的层叠展示方法，在此不再赘述。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上所述仅是本申请的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (10)

1.一种基于标签的层叠展示方法，其特征在于，包括：

获取至少一个目标标签的展示数据，所述展示数据包括多种类型的展示信息；

根据所述展示信息的类型确定所述展示信息的展示层级；

将所述目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：对获取的目标标签进行排序；

所述将所述目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，包括：

根据所述目标标签的排序结果，依次将各个目标标签的展示信息放入与各个展示信息的展示层级对应的展示行。

3.根据权利要求2所述的方法，其特征在于，所述根据所述目标标签的排序结果，依次将各个目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，包括：

建立展示行，根据各个展示行的序号确定各个展示行对应的展示层级；

对各个展示行进行如下操作：确定当前处理的展示行的展示层级，根据所述目标标签的排序结果，依次将各个目标标签的与当前展示层级对应的展示信息放入所述当前处理的展示行，其中，所述当前展示层级为所述当前处理的展示行的展示层级。

4.根据权利要求3所述的方法，其特征在于，所述根据所述目标标签的排序结果，依次将各个目标标签的与当前展示层级对应的展示信息放入所述当前处理的展示行，包括：

判断当前处理的展示行是否为空值，若是，则将当前待处理的目标标签的与当前展示层级对应的展示信息放入所述当前处理的展示行的第一展示区域；

若否，则判断所述当前处理的展示行是否已放满，若未放满，则根据所述目标标签的排序结果，将当前待处理的目标标签的与当前展示层级对应的展示信息放入所述当前处理的展示行中的下一个空置的展示区域；

若已放满，则处理下一个展示行。

5.根据权利要求3所述的方法，其特征在于，所述方法还包括：

判断当前待处理的目标标签是否为最后一个标签，若是，则保存展示行；

若否，则获取下一个目标标签进行处理。

6.一种基于标签的层叠展示装置，其特征在于，包括：

数据获取模块，用于获取至少一个目标标签的展示数据，所述展示数据包括多种类型的展示信息；

层级确定模块，用于根据所述展示信息的类型确定所述展示信息的展示层级；

层叠展示模块，用于将所述目标标签的展示信息放入与各个展示信息的展示层级对应的展示行，以完成层叠展示。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：排序模块，用于对获取的目标标签进行排序，以及

所述层叠展示模块还包括设置子模块，用于根据所述目标标签的排序结果的顺序，将各个目标标签的展示信息放入与各个展示信息的展示层级对应的展示行。

8.根据权利要求7所述的装置，其特征在于，所述层叠展示模块还包括：

建立子模块，用于根据各个展示行的序号确定各个展示行对应的展示层级；以及

层叠展示处理子模块，用于对各个展示行进行如下操作：确定当前处理的展示行的展示层级，根据所述目标标签的排序结果的顺序，将各个目标标签的与当前展示层级对应的展示信息依次放入所述当前处理的展示行，其中，所述当前展示层级为所述当前处理的展示行的展示层级。

9.一种电子设备，其特征在于，其包括：

一个或多个处理器；

存储器；

一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于：执行根据权利要求1～6任一项所述的基于标签的层叠展示方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储计算机指令，当其在计算机上运行时，使得计算机可以执行上述权利要求1至6中任一项所述的基于标签的层叠展示方法。