CN109800373B - 标签处理方法、装置、存储介质和计算机设备 - Google Patents

标签处理方法、装置、存储介质和计算机设备 Download PDF

Info

Publication number
CN109800373B
CN109800373B CN201910091231.0A CN201910091231A CN109800373B CN 109800373 B CN109800373 B CN 109800373B CN 201910091231 A CN201910091231 A CN 201910091231A CN 109800373 B CN109800373 B CN 109800373B
Authority
CN
China
Prior art keywords
category
label
target
sub
category label
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.)
Active
Application number
CN201910091231.0A
Other languages
English (en)
Other versions
CN109800373A (zh
Inventor
袁骁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201910091231.0A priority Critical patent/CN109800373B/zh
Publication of CN109800373A publication Critical patent/CN109800373A/zh
Application granted granted Critical
Publication of CN109800373B publication Critical patent/CN109800373B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种标签处理方法、装置、计算机可读存储介质和计算机设备,所述方法包括:展示多个彼此不相交的类别标签;获取对于多个所述类别标签中至少一个目标类别标签的选中指令;响应于所述选中指令,确定所述目标类别标签所下属的子类别标签;在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。本申请提供的方案可以提高标签展示的灵活性。

Description

标签处理方法、装置、存储介质和计算机设备
技术领域
本申请涉及计算机技术领域,特别是涉及一种标签处理方法、装置、计算机可读存储介质和计算机设备。
背景技术
随着计算机技术和网络技术的发展,人们的工作和生活也变得越来越智能化和便捷化。比如,用可通过搜索引擎,从网络资源中搜寻目标内容。为了提高用户在检索或选择等操作方面的便利性,终端通常可展示大量的标签供用户选择,以提高操作效率。
传统的标签展示方式,通常是在页面中将备选标签依据重要程度或被选择的频次排序进行展示,以方便用户阅读和操作。但传统的标签展示方式,展示标签的数量受限于显示屏幕的大小,对于较小尺寸的显示屏来说,传统的标签展示方式显得局促且不够灵活。
发明内容
基于此,有必要针对传统的标签展示方式中标签展示不够灵活的技术问题,提供一种标签方法、装置、计算机可读存储介质和计算机设备。
一种标签处理方法,所述方法包括:
展示多个彼此不相交的类别标签;
获取对于多个所述类别标签中至少一个目标类别标签的选中指令;
响应于所述选中指令,确定所述目标类别标签所下属的子类别标签;
在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
一种标签处理装置,所述装置包括:
展示模块,用于展示多个彼此不相交的类别标签;
获取模块,用于获取对于多个所述类别标签中至少一个目标类别标签的选中指令;
确定模块,用于响应于所述选中指令,确定所述目标类别标签所下属的子类别标签;
所述展示模块还用于在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行所述标签处理方法的步骤。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行所述标签处理方法的步骤。
上述标签处理方法、装置、计算机可读存储介质和计算机设备,展示多个彼此不相交的类别标签。当获取到对于多个类别标签中至少一个目标类别标签的选中指令时,确定该目标类别标签所下属的子类别标签。在该目标类别标签的周围展示确定的子类别标签,并且展示的子类别标签覆盖与该目标类别标签相邻的至少一个类别标签的至少一部分。这样,通过类别标签和子类别标签分层次、分时序展示的方式,可以有效地控制当前展示的信息量,使得用户和计算机间的交互变得更为灵活。在目标类别标签的周围展示相应的子类别标签,且展示的子类别标签覆盖与该目标类别标签相邻的类别标签,可以突出已选择的目标类别标签与其下属的子类别标签之间的关系,在灵活地展示类别标签的同时让用户拥有更好的标签选择体验。
附图说明
图1为一个实施例中标签处理方法的应用环境图;
图2为一个实施例中标签处理方法的流程示意图;
图3为一个实施例中终端展示多个彼此不相交的类别标签的界面示意图;
图4为一个实施例中在目标类别标签的周围展示子类别标签的界面示意图;
图5为一个实施例中子类别标签从初始位置趋向于目标位置运动的界面示意图;
图6为一个实施例中获取取消指令的界面示意图;
图7为一个实施例中对检索结果进行展示的界面示意图;
图8为一个实施例中展示次级子类别标签的界面示意图;
图9为一个实施例中一级标签和二级标签的关系示意图;
图10为一个实施例中标签处理方法的流程示意图;
图11为一个具体实施例中标签处理方法的流程示意图;
图12为一个实施例中标签处理装置的结构框图;
图13为另一个实施例中标签处理装置的结构框图;
图14为一个实施例中计算机设备的结构框图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
图1为一个实施例中标签处理方法的应用环境图。参照图1,该标签处理方法应用于标签处理***。该标签处理***包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端,移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
如图2所示,在一个实施例中,提供了一种标签处理方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2,该标签处理方法具体包括如下步骤:
S202,展示多个彼此不相交的类别标签。
其中,类别标签是用于标识不同类别的产品或内容的工具,具体可以是产品/内容所属的类别,或产品/内容所对应的关键词等。用户可通过类别标签对相应的产品或内容进行检索和定位。彼此不相交是指所展示的类别标签,在展示界面中彼此的展示区域不重合,具体可以是彼此相离和/或彼此相邻。
具体地,终端上运行有操作***,并在操作***上运行应用程序。终端可通过该应用程序展示分类界面,并在分类界面上展示多个彼此不相交的类别标签。在一个实施例中,终端具体可以是有触摸屏显示的移动终端。
在一个实施例中,终端可通过控件实现多个彼此不相交的类别标签的展示,多个类别标签可构成标签云。终端可通过控件检测作用于类别标签的触发操作,以触发相应的动作。
在一个实施例中,终端可在分类界面中展示与类别标签对应的虚拟按钮以展示相应的类别标签。与类别标签对应的虚拟按钮的形状具体可以是矩形、圆形、三角形、或不规则形状等,在此不做限定。虚拟按钮所呈现的颜色具体可以是红色、黑色、灰色或蓝色等与显示背景相区别的颜色,在此不做限定。同样的,虚拟按钮的大小也不做限定,虚拟按钮的大小具体可依据当前所展示类别标签的数据进行相应的调整。在一个实施例中,类别标签所对应虚拟按钮的大小可以大于子类别标签所对应虚拟按钮的大小。
举例说明,参考图3,图3示出了一个实施例中终端通过XX应用程序所展示多个彼此不相交的类别标签的界面示意图。如图3所示,图3中包括有各类别标签所对应的虚拟按钮,具体可以为矩形,其中,多个类别标签对应的虚拟按钮平铺展示,互不相交。如图3中的A类别标签、B类别标签、C类别标签、D类别标签、E类别标签和F类别标签分布展示在当前的显示界面中。各虚拟按钮的显示颜色可以不同于背景色,以使得用户可以清晰地明确出相应的类别标签。在当前显示界面的底部可显示该应用所提供的主菜单,比如“首页”、“分类”、“课程表”、和“订单”等,通过点击相应的菜单,从而跳转至相应的业务界面。
S204,获取对于多个类别标签中至少一个目标类别标签的选中指令。
其中,选中指令是触发终端执行选中操作的指令,具体可根据触发操作相应生成。具体地,终端可检测作用于显示界面的触发操作,当发生触发操作时,根据该触发操作所作用的目标类别标签生成相应的选中指令。其中,选中的目标类别标签的数量可以是一个,也可以是多个。
其中,触发操作是作用于展示的类别标签的预设操作,具体可以是触摸操作、光标操作、按键操作或者语音操作等。其中,触摸操作可以是触摸点击操作、触摸按压操作或者触摸滑动操作,触摸操作可以是单点触摸操作或者多点触摸操作;光标操作可以是控制光标进行点击的操作或者控制光标进行按压的操作;按键操作可以是虚拟按键操作或者实体按键操作等。
在一个实施例中,用户可在展示的多个彼此不相交的类别标签中,选择多个类别标签作为目标类别标签。比如,当终端检测到作用于所展示的类别标签的触发操作时,可选中至少一个类别标签,当获取到确定指令时,将该至少一个类别标签作为目标类别标签。
在一个实施例中,当终端检测到作用于所展示的类别标签的第一触发操作时,直接选中该类别标签作为目标类别标签。当终端检测到作用于所展示的类别标签的第二触发操作时,可生成用于触发确认操作的虚拟按钮。进而可通过该第二触发操作选择多个类别标签。当用户选择完成时,可点击用于生成确认指令的虚拟按钮,从而将该至少一个类别标签作为目标类别标签。其中,第一触发操作不用于第二触发操作,第一触发操作比如点击;第二触发操作比如长按。
S206,响应于选中指令,确定目标类别标签所下属的子类别标签。
其中,子类别标签是目标类别标签所下属的标签,也可以理解为目标类别标签下一级的标签。目标类别标签可以理解是子类别标签的上位标签,目标类别标签所指向的内容包括相应子类别标签所指向的内容的集合。当目标类别标签为一级类别标签时,子类别标签具体可以是二级类别标签;当目标类别标签为二级类别标签时,子类别标签具体可以是三级类别标签等等。
举例说明,当目标类别标签为“动物”时,该目标类别标签所下属的子类别标签具体可以是“猫”、“狗”、“乌龟”、“鱼”、和“羊”等和动物相关的标签。当目标类别标签为“IT/互联网”(IT,information technology,信息技术)时,该目标类别标签所下属的子类别标签具体可以是“互联网产品”、“编程语言”、“移动开发”、“云计算大数据”、和“软件测试”等和IT/互联网相关的标签。
具体地,终端在获取到选中指令时,可确定选中指令所选中的目标类别标签,并确定该目标类别标签所下属的子类别标签。在一个实施例中,终端可存储与各类别标签对应下属的子类别标签,当选中目标类别标签时,直接确定相应的子类别标签。或者,终端可将选中的目标类别标签发送至服务器,获取服务器所确定的目标类别标签所下属的子类别标签。
S208,在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
其中,目标类别标签的周围是指显示界面中目标类别标签的邻近区域。与目标类别标签相邻的类别标签是与目标类别标签边界重合、或边界相邻近的类别标签。
具体地,终端在确定目标类别标签下属的子类别标签后,可在该目标类别标签的周围展示相应的子类别标签,且展示的子类别标签覆盖与该目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,该目标类别标签所下属的子类别标签既可以覆盖相邻的一个类别标签的至少一部分,也可以覆盖多个相邻的类别标签的至少一部分,在此不做限定。
在一个实施例中,子类别标签所对应的虚拟按钮的面积具体可以小于类别标签的虚拟按钮的面积,这样,用户可以清楚地知晓子类别标签是类别标签的下属标签。
在一个实施例中,当选中的目标类别标签的数量为多个时,终端可分别在各目标类别标签的周围展示相应的子类别标签。展示的从属于不同的目标类别标签的子类别标签互相不相交。
在一个实施例中,为了突出显示选中的目标类别标签、及相应的子类别标签之间的关系,终端可突出显示选中的目标类别标签,和/或,降低多个类别标签中除目标类别标签外的非目标类别标签的可见度,可有效地使用户的注意力聚焦到当前选中的目标类别标签和子类别标签上,不易被非目标类别标签分散注意力。
参考图4,图4示出了一个实施例中在目标类别标签的周围展示子类别标签的界面示意图。如图4所示,图4中包括有各类别标签所对应的虚拟按钮,具体可以为矩形,其中,多个类别标签对应的虚拟按钮平铺展示,互不相交。如图4中的A类别标签、B类别标签、C类别标签、D类别标签、E类别标签和F类别标签分布展示在当前的显示界面中。当用户选择A类别标签时,可在A类别标签的周围展示A类别标签下属的子类别标签,比如A1子类别标签、A2子类别标签、A3子类别标签……An(比如A11)子类别标签。展示的子类别标签覆盖非目标类别标签的至少一部分,比如图4中的B类别标签、C类别标签和D类别标签。
上述标签处理方法,展示多个彼此不相交的类别标签。当获取到对于多个类别标签中至少一个目标类别标签的选中指令时,确定该目标类别标签所下属的子类别标签。在该目标类别标签的周围展示确定的子类别标签,并且展示的子类别标签覆盖与该目标类别标签相邻的至少一个类别标签的至少一部分。这样,通过类别标签和子类别标签分层次、分时序展示的方式,可以有效地控制当前展示的信息量,使得用户和计算机间的交互变得更为灵活。在目标类别标签的周围展示相应的子类别标签,且展示的子类别标签覆盖与该目标类别标签相邻的类别标签,可以突出已选择的目标类别标签与其下属的子类别标签之间的关系,在灵活地展示类别标签的同时让用户拥有更好的标签选择体验。特别是当显示界面为移动终端的显示界面时,该标签处理方法可以很好地节省展示面积,提高展示效果。
在一个实施例中,该标签处理方法还包括调整非目标类别标签的显示状态的步骤,该步骤具体包括:确定多个类别标签中除目标类别标签外的非目标类别标签;获取与非目标类别标签对应的透明参数;依据透明参数,将非目标类别标签的显示状态调整为半透明的显示状态。
其中,透明参数是对图层进行透明化处理的参数,透明参数的取值范围可以是0至1中的任意数值。在一个实施例中,透明参数越接近0则图层的显示状态越接近全透明;或者,也可设置透明参数越接近1则图层的显示状态越接近全透明。半透明是处于全透明和不透明状态之间的一种透明状态,半透明一般是透明度大于0%且小于100%,比如50%。
具体地,终端可确定多个类别标签中除目标类别标签外的非目标类别标签。并获取预先设置的与非目标类别标签对应的透明参数。当终端在展示子类别标签时,可依据该透明参数对非目标类别标签对应的图层进行透明化处理,使得渲染出的显示界面中非目标类别标签呈半透明的显示状态。参考图4,图4中非目标类别标签对应区域的显示状态为半透明的显示状态,可见度明显比目标类别标签和子类别标签的可见度要低。
在一个实施例中,类别标签和子类别标签对应不同的图层,类别标签对应的图层在子类别标签对应的图层之下。终端根据透明参数,调整类别标签所在图层的透明度,将子类别标签所在图层叠加至类别标签所在图层之上进行渲染展示。
在一个实施例中,图层的四通道对应的像素值决定了显示界面的显示效果。其中,四通道具体包括R(red,红色)通道、G(green,绿色)通道、B(blue,蓝色)通道和alpha通道。其中,R通道、G通道和B通道所对应的像素值决定了显示界面的图像细节,而alpha通道所对应的值则决定了该图层的透明程度。此时,透明参数具体可以是与alpha通道对应的α系数,根据α系数和原图层中各像素对应的像素值可以计算出alpha通道的值。
上述实施例中,通过与非目标类别标签对应的透明参数,将非目标类别标签的显示状态调整为半透明的显示状态,可有效地使用户的注意力聚焦到当前所展示的目标类别标签和子类别标签上,不易被非目标类别标签分散注意力,提高了用户的操作效率和便捷性。
在一个实施例中,在目标类别标签的周围展示子类别标签的步骤之前,该标签处理方法还包括通过遮罩层覆盖非目标类别标签的步骤,该步骤具体包括:生成遮罩图层;响应于选中指令,将遮罩图层覆盖至类别标签所在的图层。其中,遮罩图层位于类别标签所在图层和子类别标签所在图层之间。并且,该标签处理方法还包括:确定与目标类别标签对应的选中状态图层;将选中状态图层置为非透明状态,并将选中状态图层作为最上层图层进行渲染展示。
其中,遮罩图层是用来遮罩非目标类别标签所在区域的图层,使得该区域的可见性降低。可见性降低比如亮度降低、颜色变暗以及完全遮挡中的至少一种。遮罩图层可以是不透明的图层,也可以是半透明的图层。
具体地,终端在目标类别标签的周围展示子类别标签的之前,可先生成遮罩图层,并将遮罩图层覆盖至非目标类别标签所在的图层,使得该区域被遮挡、亮度降低或者颜色变暗等。其中,遮罩图层的亮度可以比子类别标签所在图层的亮度低。遮罩图层的颜色可以比子类别标签所在图层的颜色暗。遮罩图层的尺寸可以与子类别标签所对应区域的尺寸相同。进一步地,终端可在遮罩图层的上层图层中展示子类别标签,这样,展示的子类别标签就可覆盖非目标类别标签的至少一部分。
在一个实施例中,遮罩图层可能会将目标类别标签也覆盖住,此时,终端可获取与目标类别标签对应的选中状态图层,展示处于非透明状态的选中状态图层。其中,选中状态图层具体可以是和目标类别标签相对应的,标识选中状态的图层,并将该图层作为最上层图层覆盖该目标类别标签,以突出显示目标类别标签。
在一个实施例中,选中状态图层原本就以全透明的状态呈现,当终端选中目标类别标签时,终端可将该选中状态图层的显示状态由全透明调整为非透明并进行展示。
上述实施例中,通过遮罩图层覆盖非目标类别标签所在的区域,可有效地使用户的注意力聚焦到当前所展示的目标类别标签和子类别标签上,不易被非目标类别标签分散注意力,提高了用户的操作效率和便捷性。
在一个实施例中,该标签处理方法还包括突出显示目标类别标签的步骤,该步骤具体包括:确定选中指令所选中的目标类别标签;确定与目标类别标签对应的选中状态图层;将选中状态图层置为非透明状态,并将选中状态图层作为最上层图层进行渲染展示。
其中,选中状态图层是用来表示该目标类别标签处于选中状态的图层。选中状态图层可以与类别标签和/或子类别标签所在图层相区别,具体可以是显示颜色、透明程度、图层中的内容等相区别。非透明状态处于不透明的状态,非透明状态具体可以是透明度为0%。
具体地,终端确定选中指令所选中的目标类别标签后,可确定与目标类别标签对应的选中状态图层。将选中状态图层的显示状态置为非透明状态,并将选中状态图层作为最上层图层进行渲染展示。这样,将选中状态图层覆盖目标类别标签所在的图层进行展示,可突出显示该目标类别标签。参考图4,图4中用户选中的目标类别标签的显示效果明显相异与子类别标签和非目标类别标签的显示效果。
在一个实施例中,终端在展示多个彼此不相交的类别标签时,最上层图层就包括有处于全透明状态的表示选中状态的选中状态图层。当用户点击某个类别标签时,该处于全透明状态的选中状态图层,就由全透明调整为非透明,终端展示处于非透明状态的选中状态图层。这样,目标类别标签的显示状态就名下区别于非目标类别标签和子类别标签的显示状态。其中,将选中状态图层的显示状态由全透明调整为非透明,具体可以是调整选中状态图层的透明参数,使其变得不透明。
在一个实施例中,终端在展示多个彼此不相交的类别标签时,并未预先设置处于全透明状态的选中状态图层。而是当确定了选中指令所选中的目标类别标签时,直接获取相应的选中状态图层。当该选中状态图层处于全透明或半透明状态时,终端可逐渐将该选中状态图层的显示状态由全透明或半透明调整为非透明,并将选中状态图层作为最上层图层进行叠加渲染展示。当该选中状态图层处于非透明状态时,终端可直接将该选中状态图层作为最上层图层进行叠加渲染展示。
在一个实施例中,终端可预先设置多个图层,由多个彼此不相交的类别标签构成最下层图层,子类别标签构成中间图层,选中状态图层作为最上层图层。终端在展示多个彼此不相交的类别标签时,设置最下层图层的显示状态为非透明状态,中间图层和最上层图层的显示状态为全透明状态,将多个图层按顺序叠加渲染并展示。
当用户选中目标类别标签时,终端可将最下层图层的显示状态由非透明状态调整为半透明状态,比如透明度降低至20%;将与该目标类别对应的子类别标签所在的中间图层的显示状态由全透明状态调整为非透明状态;将与该目标类别对应的选中状态图层的显示状态由全透明状态调整为非透明状态。参考图3和图4,当用户选中图3中的A类别标签时,终端的显示界面就跳转至图4所示,可在A类别标签的周围展示A类别标签下属的子类别标签,除A类别标签外的其他类别标签的显示状态变为半透明化,并且突出显示A类别标签。
上述实施例中,将与目标类别标签对应的选中状态图层置为非透明状态,且将选中状态图层作为最上层图层进行叠加渲染展示,可有效地突出用户当前所选中的目标类别标签,让用户强烈认知到目标类别标签与子类别标签间的关联关系,提高了用户的操作效率和便捷性。
在一个实施例中,步骤S208,也就是在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分的步骤,具体包括:确定子类别标签的初始位置和目标位置;触发子类别标签从初始位置移动至目标位置;移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,终端可预先设置多个图层,由多个彼此不相交的类别标签构成最下层图层,子类别标签构成的图层在最下层图层的上一层。终端在展示多个彼此不相交的类别标签时,相应的子类别标签处于全透明状态。终端可将子类别标签的初始位置设置在显示界面中相应类别标签所在区域中。其中,多个子类别标签的初始位置可以是同一个位置,也可以分布在相应类别标签所在区域中的不同位置,在此不做限定。终端可预先设置好各子类别标签分布在相应目标类别标签周围的具***置,也就是子类别标签的展示位置,也称目标位置。
当用户选中目标类别标签时,子类别标签由全透明状态转化为非透明状态展示在屏幕中,并且从初始位置趋向于目标位置运动,直至移动到目标位置时停止。这样,子类别标签就会分布扩散至目标类别标签的周围,移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,当用户选中目标类别标签时,终端也可直接获取相应的子类别标签,并将子类别标签展示在初始位置。子类别标签从初始位置趋向于目标位置运动,直至移动到目标位置时停止。移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
参考图5和图4,其中,图5为一个实施例中,子类别标签从初始位置趋向于目标位置运动的界面示意图。如图5所示,子类别标签从目标类别标签所在区域,移动至目标类别标签的周围。当子类别标签移动完毕时,就如图4所展示的那样,在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。其中,目标类别标签最上层覆盖有选中状态图层,以与非目标类别标签相区别。
在一个实施例中,触发子类别标签从初始位置移动至目标位置的步骤具体包括:触发子类别标签以目标类别标签所在的坐标位置为初始位置,从初始位置以向外辐射的方式,逐步移动至目标位置。
具体地,子类别标签可以目标类别标签所在的坐标位置为初始位置,从所述初始位置以向外辐射的方式,趋向于目标位置运动,逐步移动至目标位置时停止。各子类别标签对应的目标位置具体可以是分别分布在目标类别标签周围的位置。移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。这样,可以以“开花”的方式展现子类别标签,充满了趣味性,提高人机互动的灵活性。特别是当类别标签呈矩形按钮展示时,可以以“开盒子”的方式展现相应的子类别标签。
需要说明的是,向外辐射的方式可以根据实际界面布局来设置,例如当目标类别标签的部分边缘与显示界面的边缘位置重叠时,可设置从非重叠边缘开始向外辐射,如此能够避免显示不全的问题。而当目标类别标签的边缘坐标与显示界面的边缘坐标仍有较多差距,即目标类别标签位于显示界面中间位置时,可设置从目标类别标签的全部边缘位置开始向外辐射。在本实施例中,可通过计算目标类别标签的边缘坐标与显示界面的边缘坐标的差值,并确认该差值是否在预设范围内,来确认如何设置向外辐射的方向。
上述实施例中,当选中目标类别标签后,确定子类别标签的初始位置和目标位置,并触发子类别标签从初始位置移动至目标位置。这样,子类别标签以“开花”的方式展现出来,并环绕在目标类别标签周围,让用户强烈认知到子类别标签与目标类别标签的关系,充满了趣味性,大大提高了人机互动的灵活性。
在一个实施例中,确定的子类别标签位于目标类别标签的周围,且子类别标签的显示状态处于全透明状态;步骤S208,也就是在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分的步骤,具体包括:获取与子类别标签对应的目标显示参数;依据目标显示参数,将子类别标签的显示状态由全透明状态调整为非透明状态;处于非透明状态的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
其中,目标显示参数是用于显示子类别标签的参数,具体可以是透明参数或者透明参数的反向数值。具体地,终端可预先设置多个图层,由多个彼此不相交的类别标签构成最下层图层,子类别标签构成的图层在最下层图层的上一层。终端可预先设置子类别标签分别在相应的目标类别标签的周围,并处于全透明状态。这样,终端在展示多个彼此不相交的类别标签时,用户无法感知到相应的子类别标签。当用户选中目标类别标签时,终端通过目标显示参数,将子类别标签的显示状态由全透明状态调整为非透明状态,并将子类别标签直接展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
上述实施例中,通过预先设置好子类别标签的展示位置,当需要展示子类别标签时,可直接根据目标显示参数,将子类别标签的显示状态由全透明状态调整为非透明状态,方便快捷地展示出子类别标签。
在一个实施例中,确定的子类别标签位于目标类别标签的周围,且子类别标签的显示状态处于全透明状态;步骤S208,也就是在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分的步骤,具体包括:确定类别标签所对应的第一图层、子类别标签所对应的第二图层、及用于表示目标类别标签处于选中状态的第三图层;所述第二图层位于第一图层之上,第三图层位于第二图层之上;将第一图层的显示状态由非透明调整为半透明、及将第二图层和第三图层的显示状态由全透明调整为非透明,并在页面中进行展示;展示的页面中子类别标签在目标类别标签的周围,且子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
具体地,终端可预先设置多个图层,多个图层具体包括类别标签所对应的第一图层、子类别标签所对应的第二图层、及用于表示目标类别标签处于选中状态的第三图层。其中,第二图层位于第一图层之上,第三图层位于第二图层之上。终端在展示多个彼此不相交的类别标签时,可设置最第一图层对应的透明参数为1,第二图层和第三层图层所对应的透明参数为0,将多个图层按顺序叠加渲染并展示。展示的页面中第一图层对应的类别标签呈非透明显示,第二图层对应的子类别标签呈全透明显示,第三图层对应的目标类别标签呈全透明显示。这样,用户肉眼可见的就是页面中仅展示有多个不相交的类别标签。
当用户选中目标类别标签时,终端可分别调整各图层对应的透明参数,以调整各图层的显示状态。比如,可将第一图层对应的透明参数调整为0.2,第二图层和第三层图层所对应的透明参数从0调整为1。也就是终端将第一图层的显示状态由非透明状态调整为半透明状态,比如透明度降低至20%;将与该目标类别对应的子类别标签所在的第二图层的显示状态由全透明状态调整为非透明状态;将与该目标类别对应的第三图层的显示状态由全透明状态调整为非透明状态。这样,当用户选中目标类别标签时,参考图4,相应的,其他未被选中的类别标签的显示状态调整为半透明;该目标类别标签展示在目标类别标签的周围,并覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分;目标类别标签则呈选中状态,区别于其他类别标签展示。
上述实施例中,通过调整类别标签、子类别标签、及用于表示目标类别标签处于选中状态相对应的各图层的显示状态,可以方便快捷地实现当用户选中目标类别标签时,分层次、分时序地在目标类别标签的周围展示子类别标签。
在一个实施例中,该标签处理方法还包括撤回子类别标签的展示的步骤,该步骤具体包括:获取对于目标类别标签的取消指令;响应于取消指令,撤回所展示的目标类别标签所下属的子类别标签。
具体地,终端可检测作用于显示界面的取消触发操作,当检测到取消触发操作时,生成相应的取消指令。其中,取消触发操作是预先设置的作用于显示界面中除子类别标签外的区域、用于取消展示子类别标签的操作。其中,除子类别标签外的区域具体可以是目标类别标签所在的区域和/或非目标类别标签所在的区域。
进一步地,当终端获取到取消指令时,可撤回当前所展示的目标类别标签所下属的子类别标签,恢复至初始状态。初始状态,也就是展示子类别标签之前的状态(比如,在终端的显示界面中展示多个彼此不相交的类别标签的状态)。
在一个实施例中,终端还可在显示界面中设置回退按钮,当检测到作用于回退按钮的触发操作时直接生成取消指令。或者,当终端检测到作用于终端***的回退操作时,生成相应的取消指令。并根据取消指令撤回所展示的目标类别标签所下属的子类别标签。
参考图6,图6示出了一个实施例中获取取消指令的界面示意图。如图6所示,用户可点击A类别标签、或未被子类别标签遮挡的其他类别标签,终端都可生成取消指令,进而撤回所展示的A类别标签所下属的子类别标签。
在一个实施例中,该标签处理方法还包括展示检索结果的步骤,该步骤具体包括:当检测到作用于子类别标签的第一触发操作时,根据第一触发操作,确定相应的子类别标签;获取根据子类别标签进行检索所得到的检索结果;展示检索结果。
其中,第一触发操作是触发检测步骤的操作。检索结果具体可以是经检索得到的数据资源,还可以是指向数据资源的链接地址等。具体地,当终端检测到作用于子类别标签的第一触发操作时,根据第一触发操作,确定选中的子类别标签。进一步地,终端可在本地将该子类别标签作为关键词进行检索得到相应的检索结果,也可以将子类别标签发送至其他计算机设备(比如服务器),其他计算机设备根据子类别标签进行相应的检索得到检索结果并反馈至终端。终端可跳转至搜索页面展示检索结果。参考图7,图7示出了一个实施例中对检索结果进行展示的界面示意图。图7中展示的多个数据资源是依据子类别标签进行检索后得到的,多个数据资源依次展示在搜索界面中。
在一个实施例中,终端或其他计算机设备可从预设的资料库中检索与子类别标签相匹配的资源并展示。或者,终端或其他计算机设备还可从网络资源中搜索与子类别标签相匹配的资源并展示。
在一个实施例中,终端可依据检索得到的检索结果与子类别标签的匹配程度,按匹配度从大至小进行排序展示。或者,终端还可以依据检索结果的数据质量的高低进行排序展示。终端或以其他条件对检索结果进行排序展示,在此不做限定。
上述实施例中,当检测到作用于子类别标签的第一触发操作时,可获取根据选中的子类别标签进行检索所得到的检索结果,并展示该检索结果,这样当用户进行检索时,可直接选择相应的类别标签和下一级的子类别标签,从而确定相应的检索关键词进行检索,大大提高了检索效率。
在一个实施例中,该标签处理方法还包括展示次级子标签的步骤,该步骤具体包括:当检测到作用于子类别标签的第二触发操作时,确定第二触发操作所选中的目标子类别标签;获取目标子类别标签所下属的次级子类别标签;在目标子类别标签的周围展示次级子类别标签;次级子类别标签覆盖与目标子类别标签相邻的子类别标签的至少一部分,和/或,次级子类别标签覆盖与目标子类别标签相邻的类别标签的至少一部分。
其中,第二触发操作是触发展示次级子标签操作的预设操作。第二触发操作可以不同于第一触发操作,比如,当第一触发操作为点击操作时,第二触发操作具体可以是长按操作或双击操作;当第一触发操作为长按操作时,第二触发操作具体可以是点击操作或滑动操作等。
具体地,当终端检测到作用于所展示的子类别标签的第二触发操作时,确定第二触发操作所选中的目标子类别标签。其中,选中的目标子类别标签的数量可以是一个或多个。进而,终端可获取目标子类别标签所下属的次级子类别标签。终端可在目标子类别标签的周围展示次级子类别标签。其中,次级子类别标签覆盖与目标子类别标签相邻的子类别标签的至少一部分,和/或,次级子类别标签覆盖与目标子类别标签相邻的类别标签的至少一部分。
在一个实施例中,当终端展示次级子类别标签时,相应的,未被选中的子类别标签的显示状态调整为半透明状态。选中的子类别标签的显示状态区别与未选中的子类别标签的显示状态。
在一个实施例中,终端还可显示确定按钮,当检测到作用于子类别标签的第二触发操作时,终端可确定第二触发操作所选中的子类别标签。在检测到作用于确认按钮的触发操作时,将选中的子类别标签作为目标子类别标签。
参考图8,图8示出了一个实施例中展示次级子类别标签的界面示意图。如图8所示,在A类别标签的周围展示有A类别标签所下属的子类别标签,比如A1子类别标签、A2子类别标签、A3子类别标签……An子类别标签。当用户选中A9子类别标签时,终端可在A9子类别标签的周围展示相应的次级子类别标签,比如A9-1次级子类别标签、A9-2次级子类别标签和A9-3次级子类别标签。
上述实施例中,当检测到作用于子类别标签的第二触发操作时,确定第二触发操作所选中的目标子类别标签,获取目标子类别标签所下属的次级子类别标签,并在目标子类别标签的周围展示次级子类别标签。这样,通过类别标签、子类别标签和次级子类别标签这样分层次、分时序展示的方式,可以有效地控制当前展示的信息量,使得用户和计算机间的交互变得更为灵活,并且大大节省了展示面积。
参考图9,图9为一个实施例中一级标签和二级标签的关系示意图。如图9所示,当类别标签为一级标签时,类别标签所下属的子类别标签为二级标签。可以理解的是,当类别标签为二级标签时,类别标签所下属的子类别标签为三级标签……当类别标签为N级标签时,类别标签所下属的子类别标签为N+1级标签。
如图9所示,各标签的展示通过标签云空间来实现。终端可展示多个一级标签,各一级标签可分别对应相应的多个二级标签。比如左侧的案例说明,当一级标签为“IT/互联网”类别标签时,该一级标签所下属的二级标签具体可以包括“互联网产品”、“移动开发”、“游戏开发”、“编程语言”、“前端”、和“软件认证”等和IT/互联网相关的标签。
参考图10,图10为一个实施例中标签处理方法的流程图。如图10所示,终端可展示有多个不相交的一级标签,用户可点击某一级标签进行选中操作。终端可判断当前是否有一级标签处于展示状态(也就是是否展示有一级标签所下属的二级标签)。当存在一级标签处于展示状态时,终端关闭当前已展开的一级标签。并展开用户当前所选中的一级标签,展示其下属所有的二级标签。当不存在一级标签处于展示状态时,终端可直接展开用户所选的一级标签,并展示其下属的二级标签。当用户点击某二级标签时,终端跳转至二级标签详情页,也就是展示根据二级标签进行检索得到的检索结果的页面。
参考图11,在一个具体的实施例中,该标签处理方法具体包括以下步骤:
S1102,展示多个彼此不相交的类别标签。
S1104,获取对于多个类别标签中至少一个目标类别标签的选中指令。
S1106,响应于选中指令,确定目标类别标签所下属的子类别标签。
S1108,确定子类别标签的初始位置和目标位置。
S1110,触发子类别标签以目标类别标签所在的坐标位置为初始位置,从初始位置以向外辐射的方式,逐步移动至目标位置;移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
S1112,确定多个类别标签中除目标类别标签外的非目标类别标签。
S1114,获取与非目标类别标签对应的透明参数。
S1116,依据透明参数,将非目标类别标签的显示状态调整为半透明的显示状态。
S1118,确定选中指令所选中的目标类别标签。
S1120,确定与目标类别标签对应的选中状态图层。
S1122,将选中状态图层置为非透明状态,并将选中状态图层作为最上层图层进行渲染展示。
S1124,获取对于目标类别标签的取消指令。
S1126,响应于取消指令,撤回所展示的目标类别标签所下属的子类别标签。
S1128,当检测到作用于子类别标签的第一触发操作时,根据第一触发操作,确定相应的子类别标签。
S1130,获取根据子类别标签进行检索所得到的检索结果。
S1132,展示检索结果。
S1134,当检测到作用于子类别标签的第二触发操作时,确定第二触发操作所选中的目标子类别标签。
S1136,获取目标子类别标签所下属的次级子类别标签。
S1138,在目标子类别标签的周围展示次级子类别标签;次级子类别标签覆盖与目标子类别标签相邻的子类别标签的至少一部分,和/或,次级子类别标签覆盖与目标子类别标签相邻的类别标签的至少一部分。
上述标签处理方法,展示多个彼此不相交的类别标签。当获取到对于多个类别标签中至少一个目标类别标签的选中指令时,确定该目标类别标签所下属的子类别标签。在该目标类别标签的周围展示确定的子类别标签,并且展示的子类别标签覆盖与该目标类别标签相邻的至少一个类别标签的至少一部分。这样,通过类别标签和子类别标签分层次、分时序展示的方式,可以有效地控制当前展示的信息量,使得用户和计算机间的交互变得更为灵活。在目标类别标签的周围展示相应的子类别标签,且展示的子类别标签覆盖与该目标类别标签相邻的类别标签,可以突出已选择的目标类别标签与其下属的子类别标签之间的关系,在灵活地展示类别标签的同时让用户拥有更好的标签选择体验。
图11为一个实施例中标签处理方法的流程示意图。应该理解的是,虽然图11的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图11中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
如图12所示,在一个实施例中,提供了标签处理装置1200,包括展示模块1201、获取模块1202和确定模块1203。
展示模块1201,用于展示多个彼此不相交的类别标签。
获取模块1202,用于获取对于多个类别标签中至少一个目标类别标签的选中指令。
确定模块1203,用于响应于选中指令,确定目标类别标签所下属的子类别标签。
展示模块1201还用于在目标类别标签的周围展示子类别标签,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,该标签处理装置1200还包括调整模块1204,其中:
确定模块1203还用于确定多个类别标签中除目标类别标签外的非目标类别标签。
获取模块1202还用于获取与非目标类别标签对应的透明参数。
调整模块1204,用于依据透明参数,将非目标类别标签的显示状态调整为半透明的显示状态。
在一个实施例中,确定模块1203还用于确定选中指令所选中的目标类别标签;确定与目标类别标签对应的选中状态图层。展示模块1201还用于将选中状态图层置为非透明状态,并将选中状态图层作为最上层图层进行渲染展示。
在一个实施例中,展示模块1201包括位置确定模块12011和触发模块12012,其中:
位置确定模块12011,用于确定子类别标签的初始位置和目标位置。
触发模块12012,用于触发子类别标签从初始位置移动至目标位置;移动至目标位置处的子类别标签展示在目标类别标签的周围,且展示的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,触发模块12012还用于触发子类别标签以目标类别标签所在的坐标位置为初始位置,从初始位置以向外辐射的方式,逐步移动至目标位置。需要说明的是,向外辐射的方式可以根据实际界面布局来设置,例如当目标类别标签的部分边缘与显示界面的边缘位置重叠时,可设置从非重叠边缘开始向外辐射,如此能够避免显示不全的问题。而当目标类别标签的边缘坐标与显示界面的边缘坐标仍有较多差距,即目标类别标签位于显示界面中间位置时,可设置从全部边缘开始向外辐射。在本实施例中,可通过计算目标类别标签的边缘坐标与显示界面的边缘坐标的差值,并确认该差值是否在预设范围内,来确认如何设置向外辐射的方向。
在一个实施例中,确定的子类别标签位于目标类别标签的周围,且子类别标签的显示状态处于全透明状态。展示模块1201还用于获取与子类别标签对应的目标显示参数;依据目标显示参数,将子类别标签的显示状态由全透明状态调整为非透明状态;处于非透明状态的子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
在一个实施例中,展示模块1201还用于确定类别标签所对应的第一图层、子类别标签所对应的第二图层、及用于表示目标类别标签处于选中状态的第三图层;所述第二图层位于第一图层之上,第三图层位于第二图层之上;将第一图层的显示状态由非透明调整为半透明、及将第二图层和第三图层的显示状态由全透明调整为非透明,并在页面中进行展示;展示的页面中子类别标签在目标类别标签的周围,且子类别标签覆盖与目标类别标签相邻的至少一个类别标签的至少一部分。
如图13所示,在一个实施例中,该标签处理装置还包括撤回模块1205,其中:
获取模块1202还用于获取对于目标类别标签的取消指令。
撤回模块1205,用于响应于取消指令,撤回所展示的目标类别标签所下属的子类别标签。
在一个实施例中,确定模块1203还用于当检测到作用于子类别标签的第一触发操作时,根据第一触发操作,确定相应的子类别标签。获取模块1202还用于获取根据子类别标签进行检索所得到的检索结果。展示模块1201还用于展示检索结果。
在一个实施例中,确定模块1203还用于当检测到作用于子类别标签的第二触发操作时,确定第二触发操作所选中的目标子类别标签。获取模块1202还用于获取目标子类别标签所下属的次级子类别标签。展示模块1201还用于在目标子类别标签的周围展示次级子类别标签;次级子类别标签覆盖与目标子类别标签相邻的子类别标签的至少一部分,和/或,次级子类别标签覆盖与目标子类别标签相邻的类别标签的至少一部分。
上述标签处理装置,展示多个彼此不相交的类别标签。当获取到对于多个类别标签中至少一个目标类别标签的选中指令时,确定该目标类别标签所下属的子类别标签。在该目标类别标签的周围展示确定的子类别标签,并且展示的子类别标签覆盖与该目标类别标签相邻的至少一个类别标签的至少一部分。这样,通过类别标签和子类别标签分层次、分时序展示的方式,可以有效地控制当前展示的信息量,使得用户和计算机间的交互变得更为灵活。在目标类别标签的周围展示相应的子类别标签,且展示的子类别标签覆盖与该目标类别标签相邻的类别标签,可以突出已选择的目标类别标签与其下属的子类别标签之间的关系,在灵活地展示类别标签的同时让用户拥有更好的标签选择体验。
图14示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图14所示,该计算机设备包括该计算机设备包括通过***总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中,存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作***,还可存储有计算机程序,该计算机程序被处理器执行时,可使得处理器实现标签处理方法。该内存储器中也可储存有计算机程序,该计算机程序被处理器执行时,可使得处理器执行标签处理方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图14中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请提供的标签处理装置可以实现为一种计算机程序的形式,计算机程序可在如图14所示的计算机设备上运行。计算机设备的存储器中可存储组成该标签处理装置的各个程序模块,比如,图11所示的展示模块、获取模块和确定模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的标签处理方法中的步骤。
例如,图14所示的计算机设备可以通过如图12所示的标签处理装置中的展示模块执行步骤S202和S208。计算机设备可通过获取模块执行步骤S204。计算机设备可通过确定模块执行步骤S206。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述标签处理方法的步骤。此处标签处理方法的步骤可以是上述各个实施例的标签处理方法中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,计算机程序被处理器执行时,使得处理器执行上述标签处理方法的步骤。此处标签处理方法的步骤可以是上述各个实施例的标签处理方法中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (18)

1.一种标签处理方法,所述方法包括:
展示多个彼此不相交的类别标签;
获取对于多个所述类别标签中至少一个目标类别标签的选中指令;
响应于所述选中指令,确定所述目标类别标签所下属的子类别标签;
突出显示所述目标类别标签,并降低多个所述类别标签中除所述目标类别标签外的类别标签的可见度;
在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分;其中,所述子类别标签的显示面积小于所述类别标签的显示面积;
当检测到作用于所述子类别标签的第一触发操作时,根据所述第一触发操作,确定相应的子类别标签,获取根据所述子类别标签进行检索所得到的检索结果,并展示所述检索结果;
当检测到作用于所述子类别标签的第二触发操作时,确定所述第二触发操作所选中的目标子类别标签,获取所述目标子类别标签所下属的次级子类别标签,在所述目标子类别标签的周围展示所述次级子类别标签;所述次级子类别标签覆盖与所述目标子类别标签相邻的子类别标签的至少一部分,和/或,所述次级子类别标签覆盖与所述目标子类别标签相邻的类别标签的至少一部分。
2.根据权利要求1所述的方法,其特征在于,所述降低多个所述类别标签中除所述目标类别标签外的类别标签的可见度,包括:
确定多个所述类别标签中除所述目标类别标签外的非目标类别标签;
获取与所述非目标类别标签对应的透明参数;
依据所述透明参数,将所述非目标类别标签的显示状态调整为半透明的显示状态。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定所述选中指令所选中的目标类别标签;
确定与所述目标类别标签对应的选中状态图层;
将所述选中状态图层置为非透明状态,并将所述选中状态图层作为最上层图层进行渲染展示。
4.根据权利要求1所述的方法,其特征在于,所述在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分,包括:
确定所述子类别标签的初始位置和目标位置;
触发所述子类别标签从所述初始位置移动至所述目标位置;移动至所述目标位置处的子类别标签展示在所述目标类别标签的周围,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
5.根据权利要求4所述的方法,其特征在于,所述触发所述子类别标签从所述初始位置移动至所述目标位置,包括:
触发所述子类别标签以所述目标类别标签所在的坐标位置为初始位置,从所述初始位置以向外辐射的方式,逐步移动至目标位置。
6.根据权利要求1所述的方法,其特征在于,确定的所述子类别标签位于所述目标类别标签的周围,且所述子类别标签的显示状态处于全透明状态;所述在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分,包括:
获取与所述子类别标签对应的目标显示参数;
依据所述目标显示参数,将所述子类别标签的显示状态由所述全透明状态调整为非透明状态;处于非透明状态的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
7.根据权利要求1所述的方法,其特征在于,所述在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分,包括:
确定所述类别标签所对应的第一图层、所述子类别标签所对应的第二图层、及用于表示所述目标类别标签处于选中状态的第三图层;所述第二图层位于所述第一图层之上,所述第三图层位于所述第二图层之上;
将所述第一图层的显示状态由非透明调整为半透明、及将所述第二图层和第三图层的显示状态由全透明调整为非透明,并在页面中进行展示;
展示的所述页面中所述子类别标签在所述目标类别标签的周围,且所述子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取对于所述目标类别标签的取消指令;
响应于所述取消指令,撤回所展示的目标类别标签所下属的子类别标签。
9.一种标签处理装置,其特征在于,所述装置包括:
展示模块,用于展示多个彼此不相交的类别标签;
获取模块,用于获取对于多个所述类别标签中至少一个目标类别标签的选中指令;
确定模块,用于响应于所述选中指令,确定所述目标类别标签所下属的子类别标签;
调整模块,用于突出显示所述目标类别标签,并降低多个所述类别标签中除所述目标类别标签外的类别标签的可见度;
所述展示模块还用于在所述目标类别标签的周围展示所述子类别标签,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分;
所述确定模块,还用于当检测到作用于所述子类别标签的第一触发操作时,根据所述第一触发操作,确定相应的子类别标签;
所述获取模块,还用于获取根据所述子类别标签进行检索所得到的检索结果;
所述展示模块,还用于展示所述检索结果;
所述确定模块,还用于当检测到作用于所述子类别标签的第二触发操作时,确定所述第二触发操作所选中的目标子类别标签;
所述获取模块,还用于获取所述目标子类别标签所下属的次级子类别标签;
所述展示模块,还用于在所述目标子类别标签的周围展示所述次级子类别标签;所述次级子类别标签覆盖与所述目标子类别标签相邻的子类别标签的至少一部分,和/或,所述次级子类别标签覆盖与所述目标子类别标签相邻的类别标签的至少一部分。
10.根据权利要求9所述的装置,其特征在于,所述确定模块还用于确定多个所述类别标签中除所述目标类别标签外的非目标类别标签;
所述获取模块还用于获取与所述非目标类别标签对应的透明参数;
所述调整模块,用于依据所述透明参数,将所述非目标类别标签的显示状态调整为半透明的显示状态。
11.根据权利要求9所述的装置,其特征在于,所述确定模块,还用于确定所述选中指令所选中的目标类别标签;确定与所述目标类别标签对应的选中状态图层;
所述展示模块,还用于将所述选中状态图层置为非透明状态,并将所述选中状态图层作为最上层图层进行渲染展示。
12.根据权利要求9所述的装置,其特征在于,所述展示模块包括位置确定模块和触发模块,其中:
所述位置确定模块,用于确定所述子类别标签的初始位置和目标位置;
所述触发模块,用于触发所述子类别标签从所述初始位置移动至所述目标位置;移动至所述目标位置处的子类别标签展示在所述目标类别标签的周围,且展示的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
13.根据权利要求12所述的装置,其特征在于,所述触发模块,还用于触发所述子类别标签以所述目标类别标签所在的坐标位置为初始位置,从所述初始位置以向外辐射的方式,逐步移动至目标位置。
14.根据权利要求9所述的装置,其特征在于,确定的所述子类别标签位于所述目标类别标签的周围,且所述子类别标签的显示状态处于全透明状态;所述展示模块,还用于:获取与所述子类别标签对应的目标显示参数;依据所述目标显示参数,将所述子类别标签的显示状态由所述全透明状态调整为非透明状态;处于非透明状态的子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
15.根据权利要求9所述的装置,其特征在于,所述展示模块,还用于确定所述类别标签所对应的第一图层、所述子类别标签所对应的第二图层、及用于表示所述目标类别标签处于选中状态的第三图层;所述第二图层位于所述第一图层之上,所述第三图层位于所述第二图层之上;将所述第一图层的显示状态由非透明调整为半透明、及将所述第二图层和第三图层的显示状态由全透明调整为非透明,并在页面中进行展示;展示的所述页面中所述子类别标签在所述目标类别标签的周围,且所述子类别标签覆盖与所述目标类别标签相邻的至少一个类别标签的至少一部分。
16.根据权利要求9所述的装置,其特征在于,所述装置还包括撤回模块,其中:
所述获取模块,还用于获取对于所述目标类别标签的取消指令;
撤回模块,用于响应于所述取消指令,撤回所展示的目标类别标签所下属的子类别标签。
17.一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。
18.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。
CN201910091231.0A 2019-01-30 2019-01-30 标签处理方法、装置、存储介质和计算机设备 Active CN109800373B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910091231.0A CN109800373B (zh) 2019-01-30 2019-01-30 标签处理方法、装置、存储介质和计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910091231.0A CN109800373B (zh) 2019-01-30 2019-01-30 标签处理方法、装置、存储介质和计算机设备

Publications (2)

Publication Number Publication Date
CN109800373A CN109800373A (zh) 2019-05-24
CN109800373B true CN109800373B (zh) 2024-04-02

Family

ID=66559269

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910091231.0A Active CN109800373B (zh) 2019-01-30 2019-01-30 标签处理方法、装置、存储介质和计算机设备

Country Status (1)

Country Link
CN (1) CN109800373B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111144216A (zh) * 2019-11-27 2020-05-12 北京三快在线科技有限公司 图片标签的生成方法、装置、电子设备及可读存储介质
CN111273830A (zh) * 2020-02-21 2020-06-12 北京衡石科技有限公司 显示数据方法、装置、电子设备和计算机可读介质
CN114297536B (zh) * 2021-11-17 2022-12-20 北京城市网邻信息技术有限公司 信息的显示方法、装置、电子设备及可读介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
WO2017186012A1 (zh) * 2016-04-26 2017-11-02 斑马网络技术有限公司 电子地图图层显示方法、装置、终端设备和用户界面***
CN109189513A (zh) * 2018-06-29 2019-01-11 深圳市彬讯科技有限公司 基于标签的层叠展示方法、装置、电子设备及存储介质

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
WO2017186012A1 (zh) * 2016-04-26 2017-11-02 斑马网络技术有限公司 电子地图图层显示方法、装置、终端设备和用户界面***
CN109189513A (zh) * 2018-06-29 2019-01-11 深圳市彬讯科技有限公司 基于标签的层叠展示方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN109800373A (zh) 2019-05-24

Similar Documents

Publication Publication Date Title
CN109800373B (zh) 标签处理方法、装置、存储介质和计算机设备
CN110874166B (zh) 页面切换方法、装置、存储介质及计算机设备
CN107678644B (zh) 一种图像处理方法及移动终端
US20110314421A1 (en) Access to Touch Screens
CN111538872A (zh) 业务节点信息的可视化方法、装置、计算机设备和介质
US10642471B2 (en) Dual timeline
CN111240661B (zh) 编程页面展示方法、装置、存储介质和计算机设备
WO2023045927A1 (zh) 对象移动方法和电子设备
US20120198381A1 (en) Graphical user interface presenting a unified view of a main document image and thumbnail images
CN114721565A (zh) 应用程序启动方法、装置、电子设备及存储介质
CN108700999B (zh) 一种用户界面显示方法及终端
CN112506597B (zh) 软件界面配色方法、装置、计算机设备和存储介质
CN113840089A (zh) 一种相机功能切换方法、装置、终端设备及存储介质
US9928220B2 (en) Temporary highlighting of selected fields
CN113553129A (zh) 一种界面显示方法、装置、终端及介质
JP6168406B2 (ja) オブジェクト操作システム及び制御プログラム並びに制御方法
CN115617226A (zh) 图标管理方法及装置
CN115562665A (zh) 页面访问方法、装置、计算机设备及可读存储介质
CN115640092A (zh) 界面显示方法、装置、电子设备和可读存储介质
US11847294B2 (en) Method for generating desktop of mobile terminal, device and electronic device
CN115344797A (zh) 显示方法、装置、电子设备和可读存储介质
US11914944B2 (en) Display control method, server apparatus, and system
KR20160050972A (ko) 이미지 작업 히스토리 표시를 위한 장치, 방법 및 컴퓨터 프로그램
CN114115639A (zh) 界面控制方法、装置、电子设备及存储介质
US11170155B2 (en) Document processing apparatus and non-transitory computer readable medium

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