一种标签显示方法及装置制造方法及图纸

本申请提供一种标签显示方法及装置。所述标签显示方法应用于包括至少两个标签的标签云模块，所述方法包括：在所述至少两个标签的内容数据以当前顺序显示时，接收一重排请求；基于所述重排请求将所述至少两个标签中的内容数据随机重排；以及将被随机重排的内容数据按照所述随机重排的顺序显示在所述至少两个标签上。

【技术实现步骤摘要】

本申请涉及互联网
，尤其涉及一种标签显示方法及装置。
技术介绍
标签云(Tag Cloud)是表不一个网站中的内容标签，标签的排列顺序一般依照字典排序，按照热门程度确定字体的大小和颜色。这样，依照字典或者热门程度来寻找信息便成为可能。而且，在现有技术中，标签云通常通过内嵌HTML元素或行内XHTML元素的方式实现，它们可以依照字典顺序、随机顺序以及热门程度等排序准则来确定顺序，但是因为没有操作界面，通常需要更改html代码才能完成标签呈现方式的改变，要求用户技术性很强，所以对普通用户来说，其灵活性不够，也不易使用。另外，在现有技术中，在同一行中的标签都是底部对齐，而且整个标签云模块中的标签都无法实现居中对齐。因此，显示效果不够灵活，用户体验较差。
技术实现思路
本申请提供一种标签显示方法及装置，用以解决现有技术中存在的标签云灵活性不够，不方便使用的问题。本申请一方面提供了一种标签显示方法，应用于包括至少两个标签的标签云模块，所述方法包括:在所述至少两个标签的内容数据以当前顺序显示时，接收一重排请求；基于所述重排请求将所述至少两个标签中的内容数据随机重排；以及将被随机重排的内容数据按照所述随机重排的顺序显示在所述至少两个标签上。本申请另一方面提供一种标签显示装置，应用于包括至少两个标签的标签云模块，所述装置包括:接收模块，用于在所述至少两个标签的内容数据以当前顺序显示时，接收一重排请求；重排模块，用于基于所述重排请求将所述至少两个标签中的内容数据随机重排；以及显示模块，将被随机重排的内容数据按照所述随机重排的顺序显示在所述至少两个标签上。本申请有益效果如下:本申请一实施例采用标签格式固定，然后控制标签中的内容数据改变，进而达到标签可以随机顺序排列的效果，所以不需要更改源代码就可实现随机排列的效果，方便用户使用。进一步，本申请一实施例中还可设置每个标签的字号，而且字号可以按照标签的排列顺序依次递减，当内容数据显示在对应标签上时，自动适应该标签的字号大小。更进一步，本申请一实施例中，标签云模块中的所有标签都居中对齐(垂直和水平居中)，而且同一行的标签也可以垂直居中对齐，所以标签显示效果具有多样性，非常灵活，用户体验较好。附图说明图1为本申请一实施例中的标签显示方法流程图；图2a-图2b为本申请一实施例中的标签随机重排示意图；图3a-图3b为本申请一实施例中的标签字号设置示意图；图4为本申请一实施例中的标签对齐示意图；图5为本申请一实施例中的标签显示装置的功能框图。具体实施例方式本申请第一实施例提供一种标签显示方法，该方法应用于包括至少两个标签的标签云模块，请参考图1，图1为本实施例中的标签显示方法流程图。如图1所示，该方法包括:步骤101:在至少两个标签的内容数据以当前顺序显示时，接收一重排请求；步骤102:基于所述重排请求将至少两个标签中的内容数据随机重排；步骤103:将被随机重排的内容数据按照该随机重排的顺序显示在至少两个标签上。以下将举具体实例来详细说明如何以随机顺序显示标签。请参考图2a,图2a为当前的标签云模块的示意图，如图2a所示,标签云模块20上有五个标签，在其他实施例中可以有其他个数的标签，本领域技术人员可以根据需要进行设置。标签上的内容数据分别为{女装，化妆品，裤子，裙子，男装}，同样，排列顺序也是如此。此时，用户触发产生重排请求，或者是周期性的产生一个重排请求，所以在接收到重排请求时，基于该重排请求，将标签云模块20上的标签的内容随机打乱，按照随机顺序重排，例如随机重排后标签的内容数据顺序例如为{裙子，男装，化妆品，裤子，女装}(即步骤102)，然后执行步骤103，将这些数据内容按照随机重排后的顺序显示在这些标签上，请参考图2b,图2b为随机重排后的标签云模块。进一步，可以设置每个标签的字号，例如，设置第一个标签的字号为最大号，那么其余标签就按照标签的排列顺序按照预定规则依次递减。请参考图3a，第一标签，即显示女装的标签的字号最大，例如为36号字体，第二个标签，即显示化妆品的标签的字号会小一点，例如为30号字体,第三个标签，即显不裤子的标签的字号会再小一点，例如为24号字体，第四个标签，即显示裙子的标签的字号会更小一点，例如为18号字体，而最后一个标签，即显示男装的标签的字号为最小，例如为12号字体。在另一实施例中，可以采取其他计算方式进行递减。在其他实施例中，还可以设置最小字体不低于12号字体，然后根据最大字体和最小字体以及标签的数量计算标签之间字体变化的大小。进而，当执行步骤103时，还要获取每个标签的字号的大小，然后按照适用于该标签的字号将内容数据显示在对应的标签上。请参考图3b，图3b为图3a中标签云模块20在执行步骤103之后的示意图。如图3b所示，因为内容数据裙子从第四个标签被重排到了第一个标签上，所以为了适用于第一个标签，从原来的字号18号字体调整为了 36号字体，同样的，内容数据男装从原来的最小字号调整为适用于第二个标签的30号字体，内容数据化妆品从原来的30号字体调整为适用于第三个标签的24号字体，内容数据裤子从原来的24号字体调整为适用于第四个标签的18号字体，而内容数据女装从原来的最大号字体36号调整为适用于第五个标签的12号字体。在另一实施例中，还可以测量位于同一行中的所有标签中字号的最大值所对应的高度值，然后根据该高度值调整这一行中除字号最大值对应的标签外的其余标签中的内容数据的中心坐标，使得这些其余标签的内容数据与该字号最大值随影的标签中的内容数据居中对齐。请参考图4，第一个标签的内容数据为女装，为第一行中字号最大的标签中的内容数据，其高度为dl,第一行中还有第二个标签,其内容数据为化妆品,其高度为d2,由图4可以看出，女装的高度dl和化妆品的高度d2的中心点都在水平轴，即xl轴上，所以女装与化妆品是居中对齐的。请继续参考图4，第二行中第一个标签的数据内容裤子的高度为d3，而第二行中第二个标签的数据内容裙子的高度为d4，且d3大于d4，由图4可以看出，裤子的底部与裙子的底部是对齐的，明显可以看出裤子的中心点和裙子的中心点不在同一水平轴上，即x2轴上，而且裤子的中心点明显高于裙子的中心点。因此要将裙子的中心点向上移动，使得其中心点也位于x2轴上，达成与第一行的标签一样的显示效果，具体调整过程为:测量获得高度d3后，取该高度d3的中点坐标值(xd3，yd3)，然后将裙子的中心点坐标调整为(xd4，yd3)，如此便可使裤子和裙子居中对齐。进一步，按照上述方法调整每一行标签居中对齐，然后可以用类似的方法调整每一列标签居中对齐，以实现所有标签在标签云模块中垂直居中和水平居中。在另一实施例中，标签云模块20的长度和宽度都是可调节的，当长度变长之后，每行可显示的标签数就会变多，如果宽度变宽，可显示的行数就会变多。在另一实施例中，每个标签的内容数据可以为超链接，例如图2a中的女装可以是一个指向女装分类页面的超链接，这样的标签云模块可以使用在例如购物网站中，用户可以直接点击标签就可链接到相应的分类界面，用户不用再另外去输入关键词进行搜索。在其他实施例中，标签的内容数据也可以是一个网页上文章的内容的关键词，例如出现的次数越多，在标签中显示的内容数据的字号就越大，本文档来自技高网...

【技术保护点】
一种标签显示方法，其特征在于，包括：在至少两个标签的内容数据以当前顺序显示时，接收一重排请求；基于所述重排请求将所述至少两个标签中的内容数据随机重排；以及将被随机重排的内容数据按照所述随机重排的顺序显示在所述至少两个标签上。

【技术特征摘要】
1.一种标签显示方法，其特征在于，包括: 在至少两个标签的内容数据以当前顺序显示时，接收一重排请求； 基于所述重排请求将所述至少两个标签中的内容数据随机重排；以及 将被随机重排的内容数据按照所述随机重排的顺序显示在所述至少两个标签上。2.如权利要求1所述的方法，其特征在于，还包括: 设置所述至少两个标签中排在最前面的标签的字号为最大字号；以及 按照一预定规则将所述至少两个标签中除所述最前面的标签外的其余标签的字号按照所述其余标签的排列顺序依次递减。3.如权利要求2所述的方法，其特征在于，所述将被随机打乱的内容数据按照所述随机打乱的顺序显示在所述至少两个标签上具体包括: 获得所述至少两个标签中每个标签的字号的大小； 按照适用于所述每个标签的字号大小的字号将所述内容数据分别显示在对应标签上。4.如权利要求1所述的方法，其特征在于，所述方法还包括: 测量所述至少两个标签中位于同一行的标签中字号的最大值所对应的内容数据的高度值；以及 根据所述高度值调整所述同一行中除所述...

【专利技术属性】
技术研发人员：魏丽华，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：