操作标签的方法及装置与流程

本公开涉及网络技术领域，尤其涉及一种操作标签的方法及装置。

背景技术：

在手机游戏中，Tab(即标签)列表栏是使用较为广泛的一个功能。通常，在不同类型的游戏中，对标签列表栏的形式定义有所不同。传统技术中为方便用户进行选择，对于标签列表栏可以利用不同的标签进行物品的划分和归类，用户可以通过切换标签来查看标签对应类别下的物品。将物品根据一个维度进行分类，每个类别用一个标签命名，对于平级的标签，用户直接点击标签进行切换，也就是物品类别的切换，以查看相应类别下的物品信息。当标签类别较多导致无法仅通过显示设备的单屏内完成显示全部的标签时，则可以通过滑动标签的方式来显示剩下未显示的标签以及与标签相对应的物品信息。

以图1所示的某游戏标签界面为例，左侧区域显示标签列表，从上到下依次包括：月签到、充值福利、首充大礼、悟空降世等，右侧区域显示每个标签下对应的类别信息，具体是对应每一个标签的活动。如图1所示，可以通过标签列表对当前活动进行分类，通过点击标签栏中任一标签可以查看相应的活动内容。在“悟空降世”标签下面还有其他标签，可以通过滑动界面来查看“悟空降世”标签下面以下的标签。

可见传统标签展示与切换方式可以查看不同类别的活动信息，通过不同的标签将全部活动进行归类划分，方便玩家查找，但是也存在以下不足：

1.当屏幕较小，但标签数量过多时，超出了屏幕单次的显示范围，无法满足单次将所有的标签全部显示在屏幕上以方便玩家了解所有标签的需求；

2.每一标签下不同活动的使用频率均不同，可能其中某一标签下的活动使用频率较高，另一标签下的活动使用频率较低，如何能够快速定位到指定的标签位置也存在困难。

基于上述不足，因此，需要一种新的操作标签的方法及装置。

在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

为克服相关技术中存在的问题，本公开提供一种操作标签的方法及装置，以解决现有技术中屏幕较小时无法满足单次将所有的标签全部显示在屏幕上以方便玩家了解所有标签的需求的技术问题。

根据本公开实施例的一个方面，提供一种操作标签的方法，包括：

在显示界面中具有多个标签，其中所述显示界面中包括第一区域和第二区域；

在所述第一区域显示所述多个标签中能够直接响应选择操作的标签，在所述第二区域显示所述多个标签中不能直接响应选择操作的标签。

在本公开的一种示例性实施例中，所述第一区域和所述第二区域相邻设置，且所述第一区域的标签与所述第二区域的标签在相邻位置以互嵌方式排布。

在本公开的一种示例性实施例中，所述标签的图标形状为菱形、三角形或六边形。

在本公开的一种示例性实施例中，显示所述标签之前还包括：

对每个所述标签预先设定优先级；

按照所述标签的优先级的高低不同将所述多个标签分配至所述第一区域或所述第二区域进行显示。

在本公开的一种示例性实施例中，根据所述标签的使用频率对每个所述标签预先设定优先级，使用频率高的标签优先级为高，使用频率低的标签优先级为低。

在本公开的一种示例性实施例中，在默认状态下，所述优先级为高的标签在所述第一区域以大图标显示，所述优先级为低的标签在所述第二区域以小图标显示。

在本公开的一种示例性实施例中，当所述第一区域和所述第二区域的标签个数为多个时，分别以标签列表形式在所述第一区域和所述第二区域显示，且相邻的标签列表以互嵌方式排布。

在本公开的一种示例性实施例中，所述方法还包括：

在优先级为高的标签列表的响应区中获取并启动拖动开始事件，当沿着第一方向进行拖动，并拖动到优先级为低的标签列表的响应区时，两个标签列表的位置进行互换，其中所述第一方向为从优先级高的标签列表到优先级低的标签列表的方向。

在本公开的一种示例性实施例中，两个标签列表的位置进行互换过程中，通过控制标签的图标透明度渐变的方式实现。

在本公开的一种示例性实施例中，两个标签列表的位置进行互换的速度根据滑动速度因子、最大滑动速度限制以及滑动方向比例阈值共同决定。

根据本公开的一个方面，提供一种操作标签的装置，包括：

初始模块，用于在显示界面中具有多个标签，其中所述显示界面中包括第一区域或第二区域；

显示模块，用于在所述第一区域显示所述多个标签中能够直接响应选择操作的标签，在所述第二区域显示所述多个标签中不能直接响应选择操作的标签。

在本公开的一种示例性实施例中，还包括：

预设模块，用于对每个所述标签预先设定优先级；

所述显示模块按照所述标签的优先级的高低不同将所述多个标签分配至所述第一区域和所述第二区域进行显示。

在本公开的一种示例性实施例中，当所述第一区域和所述第二区域的标签个数为多个时，分别以标签列表形式在所述第一区域和所述第二区域显示，且相邻的标签列表以互嵌方式排布。

在本公开的一种示例性实施例中，还包括：

切换模块，用于在优先级为高的标签列表的响应区中获取并启动拖动开始事件，当沿着第一方向进行拖动，并拖动到优先级为低的标签列表的响应区时，两个标签列表的位置进行互换，其中所述第一方向为从优先级高的标签列表到优先级低的标签列表的方向。

由上述技术方案可知，本公开的有益效果在于：

通过对显示界面上的多个标签进行划分，将可以直接响应选择操作与不能直接响应选择操作的标签分别在显示界面的不同区域进行显示，使得即便显示界面中有多个标签时可以方便用户定位和操作，提升用户操作体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

通过结合附图考虑以下对本公开的优选实施例的详细说明，本公开的各种目标、特征和优点将变得更加显而易见。附图仅为本公开的示范性图解，并非一定是按比例绘制。在附图中，同样的附图标记始终表示相同或类似的部件。

图1为相关实施例中游戏标签界面的示意图。

图2为本公开实施例一中提供的一种操作标签的方法的步骤流程图。

图3为本公开实施例二中提供的一种操作标签的方法的步骤流程图。

图4为本公开实施例二中控制标签列表进行切换的方法的步骤流程图。

图5为本公开实施例二中显示界面中按照标签的优先级将标签列表分为两列的示意图。

图6为本公开实施例二中两个标签列表进行切换之后的示意图。

图7为本公开实施例三中提供的一种操作标签的装置的组成示意图。

图8为本公开实施例四中提供的一种操作标签的装置的组成示意图。

具体实施方式

体现本公开特征与优点的典型实施例将在以下的说明中详细叙述。应理解的是，本公开能够在不同的实施例上具有各种的变化，其皆不脱离本公开的范围，且其中的说明及附图在本质上是当作说明之用，而非用以限制本公开。

本公开所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有所述特定细节中的一个或更多，或者可以采用其它的方法、组件、材料等。在其它情况下，不详细示出或描述公知结构、材料或者操作以避免模糊本公开的各方面。

下面将参照附图示例性地给出本公开的一些实施例。应当理解，参照的实施例并不限制本公开的范围。也就是说，本说明书中举出的任何实例都不是限制性的，而是仅仅是示例性的。

实施例一

图2示出了本实施例中提供的一种操作标签的方法的步骤流程图，该方法可以适用于各种在显示界面上通过选择标签进行下一级的内容显示和操作，例如游戏中选择角色、装备等显示界面。

如图2所示，在步骤S10中，在显示界面中具有多个标签，其中显示界面中包括第一区域和第二区域。

如图2所示，在步骤S30中，在第一区域显示多个标签中能够直接响应选择操作的标签，在第二区域显示多个标签中不能直接响应选择操作的标签。

在本实施例中，根据标签能不能直接进行选择操作作为划分标准分别显示在显示界面的两个区域中，特别是当每一区域的标签个数较多时，将每一区域的标签分别按照行或列的方式组成标签列表进行显示。通常游戏界面或某些操作界面中，标签进展显示界面的一部分，可以将第一区域和第二区域相邻设置，且第一区域的标签与第二区域的标签在相邻位置以互嵌方式排布。

其中，本实施例中标签的图标形状可以为但不限于菱形、三角形或六边形，只要满足相邻行或相邻列的标签可以互嵌排布即可，从而节省标签在显示界面中占用的空间，解决显示屏幕受限时无法在单屏内查看到全部标签的问题，通过互嵌排布可以增加有限区域内可以显示的标签数量，从而不需要上下滑动鼠标就可以将全部的标签呈现给用户。

实施例二

图3示出了本实施例中提供的一种操作标签的方法的步骤流程图，该方法可以适用于各种在显示界面上通过选择标签进行下一级的内容显示和操作，例如游戏中选择角色、装备等显示界面。

如图3所示，在步骤S10中，在显示界面中具有多个标签，其中显示界面中包括第一区域和第二区域。

如图3所示，在步骤S20，对每个标签预先设定优先级。

如图3所示，在步骤S30中，在第一区域显示多个标签中能够直接响应选择操作的标签，在第二区域显示多个标签中不能直接响应选择操作的标签，且按照标签的优先级的高低不同将多个标签分配至第一区域和第二区域进行显示。

在本实施例步骤S20中，可以根据标签的使用频率对每个标签预先设定优先级，具体的，使用频率高的标签优先级为高，使用频率低的标签优先级为低。通过优先级的设定，可以在默认状态下使优先级较高的标签处于可选择状态，即对于使用频率高的标签用户可以直接进行选择，并通过选择标签查看相应需求下的内容。

对于不同优先级的标签在显示界面上的显示效果，可以有多种不同的方式，以下列举几种实施方式：

方式一：在默认状态下，优先级为高的标签列表在第一区域以大图标显示，优先级为低的标签列表在第二区域以小图标显示，如图3所示。

方式二：在默认状态下，优先级为高的标签列表在第一区域以上凸感显示，优先级为低的标签列表在第二区域以下凹感显示，未图示，其中标签形状以菱形为例，则上凸感可以是在菱形块的边缘内侧增加亮度，而下凹感可以是在菱形块的边缘内侧增加灰度，使得在边缘内侧产生类似阴影的效果。

除了上述两种方式，还可以采用颜色区分，例如第一区域的标签图标为彩色，第二区域的标签图标为灰色，或者第一区域的标签图标的轮廓线为实线，第二区域的标签图标的轮廓线为虚线，等等多种方式，此处不再一一列举。

在本实施例中，当第一区域和第二区域的标签个数为多个时，分别以标签列表形式在第一区域或第二区域显示，且相邻的标签列表以互嵌方式排布。这样以互嵌方式对相邻的标签列表进行组合，可以节省多个标签占用显示界面的面积，使得在有限大小的显示区域内显示多个标签，省去用户不断上下滑动鼠标来查找目标标签的麻烦，方便用户查看和定位，提升用户体验。

如图3所示，在步骤S40中，获取用户操作，并按照用户操作对标签列表进行切换。

本实施例中提供的方法，在默认状态下标签列表以互嵌方式排布，可以减小多个标签占用显示界面的空间。但是即便是根据使用频率的高低来确定一些标签可以让用户直接选择，但是毕竟设定的数量有限，不可能是全部的标签，因此如果用户想要对那些不能直接进行选择的标签进行选择以及后续操作时，还需要用到切换标签列表的步骤。

图4示出本实施例中控制标签列表进行切换的方法的步骤流程图。

如图4所示，在步骤S41中，在优先级为高的标签列表的响应区中获取并启动拖动开始事件。

如图4所示，在步骤S42中，当沿着第一方向进行拖动，并拖动到优先级为低的标签列表的响应区时，两个标签列表的位置进行互换。其中第一方向为从优先级高的标签列表到优先级低的标签列表的方向。

如果以一款换装游戏的标签列表为例，图5示出在显示界面中按照标签的优先级将标签列表分为两列，也就是左侧标签列表为优先级为高的几个标签，右侧标签列表为优先级为低的几个标签。具体的，如图5所示，其中左侧标签列表为6个优先级高的标签，分别是“上衣”、“下装”、“外套”、“连衣裙”、“套装”以及“袜子”，右侧标签列表为5个优先级低的标签，分别是“妆容”、“发型”、“饰品”、“袜子”以及“背景”。

其中本实施例中响应区的范围可以根据具体的情景和需求进行设定，仍以图5所示为例，可以为但不限于设定左侧优先级高的标签列表中任一个标签图标为响应区，也就是当鼠标或触摸点位于任何一个标签的图标上时就启动拖动开始事件。

除此之外，还可以设定左侧优先级高的标签列表中中间两个中任一个标签图标为响应区，也就是当鼠标或触摸点位于“外套”标签或“连衣裙”标签的图标上时就启动拖动开始事件，但是当鼠标或触摸点位于“外套”标签和“连衣裙”标签以外的其他图标上时也不会启动拖动开始事件。

本实施例中在默认状态下，优先级为高的标签列表在第一区域显示，优先级为低的标签列表在第二区域显示。其中本实施例中对于第一区域和第二区域的具体位置并不做具体限定，以图5为例，左侧标签列表所在的区域就是第一区域，右侧标签列表所在的区域就是第二区域，第一区域和第二区域的标签的区别在于第一区域中显示的标签能够直接响应选择操作，第二区域显示中的标签不能直接响应选择操作，也就是用户可以直接选择第一区域的标签直接查看该标签对应的内容，例如可以通过点击第一区域的标签“上衣”查看相应的内容，可以在显示界面的其他位置显示对应“上衣”标签下的各种上衣的样式，供用户进行选择。而对于处于第二区域的标签，并不能直接响应用户的选择操作，也就是用户点击第二区域的标签(例如“妆容”)后，在显示界面上上并不会有“妆容”标签对应的内容展开，以此对不同优先级的标签进行有区别的处理。另外，为了方便用户操作，还可以在鼠标或用户手指触控点移动到响应区时，在标签图标的轮廓线或者整列标签列表的轮廓线(也就是响应区的边缘)以高亮形式给出反馈，提示用户已完成启动拖动开始事件，可以继续进行下面的拖动操作，但是并不以此为限。

拖动过程中，左侧标签列表逐渐沿着第一方向(也就是图5所示的A1方向)移动，当移动位置达到预设位置时，即可完成两个标签列表位置的交换。其中的预设位置可以根据需要设定，例如，当左侧标签列表的中心线移动到与右侧标签列表的中心线对齐时，即达到预设位置；或者如果想要两个标签列表的交换敏感度稍高，则可以设定当左侧标签列表的中心线移动到与右侧标签列表的左侧的1/N划分线对齐时，即达到预设位置；或者如果想要两个标签列表的交换敏感度稍低，则可以设定当左侧标签列表的中心线移动到与右侧标签列表的左侧N-1/N划分线对齐时，即达到预设位置，其中N大于等于3。

两个标签列表进行切换之后的示意图如图6所示，即之前位于右侧的标签列表变更到左侧显示，并且由原来的小图标改为大图标，而之前位于左侧的标签列表变更到右侧显示，并且由原来的大图标改为小图标。

图4所示的标签列表进行切换的方法是以沿着第一方向拖动为例，还可以通过沿着第二方向(从优先级低的标签列表到优先级高的标签列表的方向，也就是图5所示的A2方向)拖动为例，具体方法为：首先，在优先级为低的标签列表的响应区中获取并启动拖动开始事件；其次，当沿着第二方向进行拖动，并拖动到优先级为低的标签列表的响应区时，两个标签列表的位置进行互换。具体可参考上述沿着第一方向拖动的实施例，此处不再赘述。

在本实施例两个标签列表的位置进行互换过程中，通过控制标签的图标透明度渐变的方式实现，以达到切换前后平滑过渡的效果。

控制标签的图标透明度渐变的方式可以但不限于以下的方式：

假设在切换过程之前，左侧标签列表中的标签图标的alpha值(alpha通道为一个8位的灰度通道，该通道用256级灰度来记录图像中的透明度信息)设为255，右侧标签列表中的标签图标的alpha值设为0，在拖动左侧标签列表向右侧滑动的过程中，左侧标签列表中的标签图标的alpha值随着滑动而减小，右侧标签列表中的标签图标的alpha值随着滑动而增大，且alpha值的增大或减小的变化与滑动的距离成正比。

另外，本实施例中两个标签列表的位置进行互换的速度需要根据多个参数来进行控制，可以根据滑动速度因子、最大滑动速度限制以及滑动方向比例阈值共同决定。

首先，对于滑动速度因子参数，当鼠标点击或手指触摸屏幕时，双栏操作标签的距离等于鼠标或手指移动的距离乘以一个系数，这个系数可以针对不同的显示设备进行相应的调整，以达到最优效果；当手指从屏幕放开或鼠标拖动放开时，会根据手指或鼠标滑离屏幕的速度继续保留一个滑动的速度，使其能够继续保持一定的惯性滑动，使得切换更加平滑缓和。

其次，对于最大滑动速度限制参数，可以预先设定一个最大滑动速度，使得两个操作标签的速度不超过这个最大滑动速度的限制，以防止鼠标拖动或手指滑动过快从而造成误操作。

最后，对于滑动方向比例阈值参数，在手指离开屏幕或鼠标拖动放开的瞬间，计算左右标签列表的滑动距离，只有当这个滑动距离大于一个阈值时，才会给标签列表一个正向的速度；否则，会给标签列表一个反向的速度。这样，可以方便用户的取消滑动，使标签列表恢复原位。

综上所述，本实施例提供的方法通过对显示界面上的多个标签进行划分，将可以直接响应选择操作与不能直接响应选择操作的标签分别在显示界面的不同区域进行显示，使得即便显示界面中有多个标签时可以方便用户定位和操作，提升用户操作体验。进一步的，如果按照使用频率对显示界面上的多个标签进行优先级划分，并按照优先级的不同在显示界面上有所不同，可以方便定位。在大小受限的显示界面中通过将相邻两列的标签列表以互嵌方式排布，可以节省空间，使得即便在较小的显示界面上也能够同时显示更多的标签。当默认状态下可以选择的标签不符合用户的选择范围时，可以通过滑动标签列表进行切换，切换手势方便易操作，控制标签的图标透明度渐变，以达到切换前后平滑过渡的效果，使得用户可以采用较为舒适的手势切换不同的标签列表，实现流畅操作，保证切换效率同时提升手感。

实施例三

图7示出本实施例提供的一种操作标签的装置的组成示意图，该装置100包括：初始模块110和显示模块130，其中预设模块110用于在显示界面中具有多个标签，其中显示界面中包括第一区域和第二区域，显示模块130用于在第一区域显示多个标签中能够直接响应选择操作的标签，在第二区域显示多个标签中不能直接响应选择操作的标签。

显示模块130根据标签能不能直接进行选择操作作为划分标准分别显示在显示界面的两个区域中，特别是当每一区域的标签个数较多时，将每一区域的标签分别按照行或列的方式组成标签列表进行显示。通常游戏界面或某些操作界面中，标签进展显示界面的一部分，可以将第一区域和第二区域相邻设置，且第一区域的标签与第二区域的标签在相邻位置以互嵌方式排布。其中，本实施例中标签的图标形状可以为但不限于菱形、三角形或六边形，只要满足相邻行或相邻列的标签可以互嵌排布即可，从而节省标签在显示界面中占用的空间，解决显示屏幕受限时无法在单屏内查看到全部标签的问题，通过互嵌排布可以增加有限区域内可以显示的标签数量，从而不需要上下滑动鼠标就可以将全部的标签呈现给用户。

实施例四

图8示出本实施例提供的一种操作标签的装置的组成示意图，该装置100包括：初始模块110、预设模块120、显示模块130和切换模块140。其中预设模块110用于在显示界面中具有多个标签，其中显示界面中包括第一区域和第二区域。预设模块120用于对每个标签预先设定优先级，显示模块130用于在第一区域显示多个标签中能够直接响应选择操作的标签，在第二区域显示多个标签中不能直接响应选择操作的标签，且按照标签的优先级的高低不同将多个标签分配至第一区域和第二区域进行显示。

其中本实施例中当第一区域和第二区域的标签个数为多个时，分别以标签列表形式在第一区域或第二区域显示，且相邻的标签列表以互嵌方式排布。切换模块140用于在优先级为高的标签列表的响应区中获取并启动拖动开始事件，当沿着第一方向进行拖动，并拖动到优先级为低的标签列表的响应区时，两个标签列表的位置进行互换，其中第一方向为从优先级高的标签列表到优先级低的标签列表的方向。

本实施例中的预设模块110在预先设定标签优先级时，可以根据标签的使用频率进行划分，并设定使用频率高的标签优先级为高，使用频率低的标签优先级为低。通过预设模块110预先对标签的优先级进行设定，可以在默认状态下使优先级较高的标签处于可选择状态，即对于使用频率高的标签用户可以直接进行选择，并通过选择标签查看相应需求下的内容。

综上所述，本实施例提供的装置通过对显示界面上的多个标签进行划分，将可以直接响应选择操作与不能直接响应选择操作的标签分别在显示界面的不同区域进行显示，使得即便显示界面中有多个标签时可以方便用户定位和操作，提升用户操作体验。进一步的，如果按照使用频率对显示界面上的多个标签进行优先级划分，并按照优先级的不同在显示界面上有所不同，可以方便定位。在大小受限的显示界面中通过将相邻两列的标签列表以互嵌方式排布，可以节省空间，使得即便在较小的显示界面上也能够同时显示更多的标签。当默认状态下可以选择的标签不符合用户的选择范围时，可以通过滑动标签列表进行切换，切换手势方便易操作，控制标签的图标透明度渐变，以达到切换前后平滑过渡的效果，使得用户可以采用较为舒适的手势切换不同的标签列表，实现流畅操作，保证切换效率同时提升手感。

实施例五

本实施例中还提供一种移动终端，该移动终端具有一触摸屏，用于呈现显示界面上的内容。该移动终端可以是智能设备，例如可以是手机，除了触摸屏，该移动终端包括处理器以及用于存储处理器器可执行命令的存储器。

其中，在显示界面中具有多个标签，其中显示界面中包括第一区域和第二区域；在第一区域显示多个标签中能够直接响应选择操作的标签，在第二区域显示多个标签中不能直接响应选择操作的标签。另外，还可以根据用户需求对两列标签列表进行切换。

在示例性实施例中，移动终端可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

存储器可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

相应的，本发明还提供一种非临时性计算机可读存储介质，例如包括指令的存储器，上述指令可由装置的处理器执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。当所述存储介质中的指令由终端的处理器执行时，使得终端能够执行上述反馈方法。

移动终端可以操作基于存储在存储器的操作系统，例如Windows Server TM，Mac OS XTM，Unix TM,Linux TM，Free BSDTM或类似。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。