CN112181223A - 针对标签栏的控制方法、装置、设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种针对标签栏的控制方法、装置、设备及存储介质，涉及显示控制技术领域，其包括：接收将标签栏中显示的第一图标确定为选中状态的图标选择操作；响应于图标选择操作，触发第一图标对应的功能；将标签栏中显示的第二目标图标恢复为对应的第二图标，且将第一图标修改为对应的第一目标图标，第一目标图标和第一图标对应的功能相同，第一目标图标显示为脱离标签栏的图标，第二目标图标和第二图标对应的功能相同，第二目标图标显示为脱离标签栏的图标，第二图标为接收图标选择操作前标签栏中处于选中状态的图标。采用上述方法可以解决现有技术中当用户选择标签栏中图标时，图标变化效果不明显，使用户易忽略变化效果的技术问题。

Description

针对标签栏的控制方法、装置、设备及存储介质

技术领域

本申请实施例涉及显示控制技术领域，尤其涉及一种针对标签栏的控制方法、装置、设备及存储介质。

背景技术

随着智能技术的发展，智能设备中安装的应用程序所具备的功能越发丰富，此时，为了便于用户快速触发功能，在应用程序的显示界面底部以菜单栏的方式显示标签栏，该标签栏中显示多个图标，每个图标对应一个大类的功能，如微信中，标签栏的图标包括“消息”、“通讯录”、“发现”和“我”，每个图标对应一个功能，当用户点击该图标时，智能设备显示对应的功能界面，以使用户快速触发该功能并在功能界面中进行操作。

现有技术中，用户选择某个图标时，修改该图标的显示颜色，以使用户明确当前选择的图标。然而，这种修改方式使得图标的变化效果不明显，很容易使用户忽略这种变化效果，进而使用户无法快速明确当前选择的图标。

发明内容

本申请实施例提供了一种针对标签栏的控制方法、装置、设备及存储介质，以解决现有技术中当用户选择标签栏的图标时，图标变化效果不明显，使用户易忽略变化效果的技术问题。

第一方面，本申请实施例提供了一种针对标签栏的控制方法，标签栏中显示多个图标，每个图标对应一个功能，所述控制方法包括：

接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态；

响应于所述图标选择操作，触发所述第一图标对应的功能；

将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

进一步的，所述将所述第一图标修改为对应的第一目标图标包括：

隐藏所述第一图标；

在所述第一图标的显示位置处显示与所述第一图标对应的第一目标图标。

进一步的，所述将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标包括：

将所述标签栏中显示的第二目标图标向所述第一图标的显示位置处滚动，并在所述标签栏中恢复显示第二图标；

在滚动过程中，用所述第一目标图标替换所述第二目标图标；

在所述第一目标图标滚动至所述第一图标的显示位置时，停止滚动，并隐藏所述第一图标。

进一步的，所述在滚动过程中，用所述第一目标图标替换所述第二目标图标包括：

在滚动过程中，确定所述第二目标图标当前的滚动位置；

若滚动位置到达目标滚动位置，则用所述第一目标图标替换所述第二目标图标，所述目标滚动位置为所述第一图标与所述第二图标的中间位置。

进一步的，还包括：

获取所述标签栏中所述第一图标和所述第二图标之间的距离；

根据所述距离确定目标滚动位置。

进一步的，所述第一图标和所述第二图标之间存在至少一个第三图标，

还包括：

在滚动过程中所述第二目标图标或所述第一目标图标滚动至所述第三图标的显示位置时，设置所述第三图标的显示层级高于所述第二目标图标或所述第一目标图标的显示层级。

进一步的，所述触发所述第一图标对应的功能，还包括：

显示所述功能对应的功能界面。

第二方面，本申请实施例还提供了一种针对标签栏的控制装置，标签栏中显示多个图标，每个图标对应一个功能，所述控制装置包括：

操作接收模块，用于接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态；

功能触发模块，用于响应于所述图标选择操作，触发所述第一图标对应的功能；

图标调整模块，用于将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

第三方面，本申请实施例还提供了一种针对标签栏的控制设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

显示屏，用于显示标签栏，所述标签栏中显示多个图标，每个图标对应一个功能；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面所述的针对标签栏的控制方法。

第四方面，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面所述的针对标签栏的控制方法。

上述，通过接收图标选择操作，并根据图标选择操作确定第一图标，之后，触发第一图标对应的功能，并且，将标签栏中第二目标图标恢复为第二图标，同时，将第一图标修改为第一目标图标，且第一目标图标和第二目标图标均显示为脱离于标签栏的技术手段，可以解决现有技术中当用户选择标签栏的图标时，图标变化效果不明显，使用户易忽略变化效果的技术问题。当图标被选中时，通过显示脱离于标签栏的目标图标，提示用户处于选中状态的图标。进一步的，通过滚动的方式，更换处于选中状态的图标，可以使得图标的变化方式更加可视化，便于用户关注到图标的变化情况，进而使得用户更加关注当前的显示界面。

附图说明

图1为本申请实施例提供的一种针对标签栏的控制方法的流程图；

图2为本申请实施例提供的第一显示界面示意图；

图3为本申请实施例提供的第二显示界面示意图；

图4为本申请实施例提供的第三显示界面示意图；

图5为本申请实施例提供的第四显示界面示意图；

图6为本申请实施例提供的第五显示界面示意图；

图7为本申请实施例提供的一种针对标签栏的控制装置的结构示意图；

图8为本申请实施例提供的一种针对标签栏的控制设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。

本申请实施例中提供的针对标签栏的控制方法可以由针对标签栏的控制装置执行，针对标签栏的控制装置可以通过软件和/或硬件的方式实现，并集成在针对标签栏的控制设备中。其中，针对标签栏的控制设备可以是两个或多个物理实体构成，也可以是一个物理实体构成。针对标签栏的控制设备包括至少一个显示屏，该显示屏可以显示标签栏。进一步的，该显示屏还可以具备触摸功能，以使用户通过触摸的方式实现控制。需说明，该显示屏的显示原理和触摸功能的实现原理为现有技术，实施例对此不作过多限定。典型的，针对标签栏的控制设备为手机、平板电脑等智能设备。

针对标签栏的控制设备中安装有至少一个应用程序，该应用程序的类别实施例不作限定，当应用程序启动时，在显示屏中显示对应的界面。实施例中，设定显示的界面中含有标签栏，该标签栏显示多个图标，每个图标对应一个功能。标签栏可以位于界面的上方或下方，且标签栏中的图标在水平方向上等距离排列。或者是，标签栏可以位于界面的左方或右方，且标签栏中的图标在竖直方向上等距离排列。典型的，标签栏可以隐藏，并在用户需要时显示在界面中，其中，用户可以通过上拉、下滑、左滑、右滑或双击等方式唤出标签栏。

具体的，图1为本申请实施例提供的一种针对标签栏的控制方法的流程图，参考图1，针对标签栏的控制方法具体包括：

步骤110、接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态。

实施例中，以显示屏当前的界面中显示有标签栏为例。具体的，图2为本申请实施例提供的第一显示界面示意图，参考图2，标签栏11位于界面下方，其中包含4个图标，图标111对应的功能为“收藏”、图标112对应的功能为“分类”，图标113对应的功能为“智能”，图标114对应的功能为“个人”，其中，每个功能的具体作用实施例不作限定。一般而言，显示标签栏时，存在一个处于选中状态的图标，选中状态是指图标对应的功能被触发，且可以在界面中显示该功能对应的功能界面。例如，图2中，当前处于选中状态的图标为图标113，并且显示该功能对应的功能界面14，此时，为了突出处于选中状态的图标的显示效果，实施例中，使用具有突出显示效果的图标替换标签栏中处于选中状态的图标，为了便于描述，将具有突出显示效果的图标记为目标图标，此时，标签栏中每个图标均设置有对应的目标图标，即目标图标和其对应的图标所对应相同的功能。可选的，标签栏中的图标和对应的目标图标可以采用不同的图标样式，或采用相同的图标样式，实施例中，以相同的图标样式为例进行描述，此时，目标图标和其对应的图标之间的显示参数不同，其中，显示参数包括背景颜色及样式、图标样式的颜色、图标样式中线条的粗细及颜色等。例如，图2中图标113为“智能”对应的目标图标。进一步的，为了突出处于选中状态的图标的显示效果，设置目标图标为脱离标签栏的图标，其中，脱离标签栏可以理解为目标图标的显示位置超出标签栏所在的位置，例如，图2中各图标水平排列时，目标图标的高度高于其他图标的高度。同时，修改目标图标对应位置处标签栏的边框线条，以在界面中呈现出目标图标完全“独立”于标签栏的效果，例如，图2中，将图标113处标签栏的边框线条向下凹入，且边框线条凹入的形状与目标图标的边框形状吻合，以呈现目标图标脱离标签栏的效果，即目标图标“独立”于标签栏的效果。

进一步的，显示标签栏后，用户可以根据实际情况选择标签栏中显示的图标。实施例中，将用户选择标签栏中图标的操作记为图标选择操作，其中，图标选择操作的触发方式可以根据实际情况设定，例如，用户通过鼠标等外接设备或用户手指点击标签栏中的图标时，根据该点击操作确定接收到图标选择操作。进一步的，将图标选择操作中用户点击的图标记为第一图标，即图标选择操作用于将第一图标变为选中状态。其中，可以根据点击操作的位置确定第一图标。

步骤120、响应于所述图标选择操作，触发所述第一图标对应的功能。

具体的，接收到图标选择操作后，对其进行响应，以触发第一图标对应的功能，即实现该功能。可选的，若实现该功能时，还需要显示该功能对应的功能界面，则本步骤中，触发所述第一图标对应的功能，还包括：显示所述功能对应的功能界面。其中，功能界面的具体内容可以根据实际情况设定，典型的，显示界面中除了标签栏外，还显示有功能界面，该功能界面具有固定的显示区域。可以理解，当第二图标处于选定状态时，显示第二图标对应功能的功能界面，当接收到图标选择操作后，根据图标选择操作，将第二图标对应的功能界面替换为第一图标对应的功能界面。

步骤130、将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

为了便于描述，实施例中，将接收图标选择操作前处于选中状态的图标记为第二图标，并将第二图标对应的目标图标记为第二目标图标。可理解，由图2可知，接收图标选择操作前，显示界面中只显示第二目标图标，未显示第二图标。

响应于图标选择操作后，取消第二图标的选中状态并将第一图标修改为选中状态，其中，取消第二图标的选中状态是指在显示界面中取消显示第二目标图标，并在标签栏中恢复显示第二图标。可理解，若标签栏的边框线条发生了修改，则在恢复显示第二图标时同步恢复边框线条。将第一图标修改为选中状态是指将第一图标替换为对应的目标图标，实施例中，将该目标图标记为第一目标图标。具体的，预先记录有标签栏中各图标及目标图标的对应关系，接收图标选择操作后，根据该对应关系确定第一图标对应的第一目标图标。之后，将标签栏中的第一图标修改为第一目标图标，即隐藏显示第一图标，并显示脱离标签栏的第一目标图标。可选的，在修改时，同步修改标签栏中第一图标对应位置处的边框线条。例如，图3为本申请实施例提供的第二显示界面示意图。参考图3，其为响应于图标选择操作后的显示界面。相比于图2中，图标113由第二目标图标恢复至第二图标，图标111由第一图标修改为第一目标图标，且标签栏11中第二图标对应的边框线条恢复至直线，第一目标图标对应的边框线条根据第一目标图标的边框形状向内凹，以使第一目标图标呈现脱离的状态。

一个实施例中，限定上述过程为静态过程，即根据图标选择操作，直接将图2的显示界面变为图3的显示界面，即直接进行图标替换，此时，将所述第一图标修改为对应的第一目标图标包括：隐藏所述第一图标；在所述第一图标的显示位置处显示与所述第一图标对应的第一目标图标。

具体的，确定第一图标对应的第一目标图标后，在标签栏中隐藏第一图标，即不在标签栏中显示第一图标，之后，在第一图标的显示位置处显示第一目标图标。其中，第一目标图标的显示位置与第一图标的显示位置不完全相同，为了实现脱离的效果，实施例中设定竖直方向上第一目标图标和第一图标的显示位置一致，水平方向上第一目标图标的显示位置高于第一图标的显示位置，同时，修改第一图标对应的标签栏的边框线条。需说明，对于第二图标的处理方式与上述方式相似，即取消显示第二目标图标，并恢复第二图标对应的标签栏的边框线条，在标签栏中恢复隐藏的第二图标。

另一个实施例中，限定上述过程为动态过程，即通过一定动画形式实现将图2的显示界面变为图3的显示界面。其中，动画形式的具体内容可以根据实际情况设定。例如，逐渐淡出第一图标和第二目标图标，并显示第一目标图标和第二图标。再如，将第一图标和第二目标图标朝着最近的屏幕边框(如图2中的下屏幕边框)移动以滑出显示界面，并将第一目标图标和第二图标从最近的屏幕边框中滑入显示界面。又如，将第二目标图标向第一图标所在的显示位置滑动或滚动，并在滑动或滚动过程中将第二目标图标修改为第一目标图标。实施例中，以将第二目标图标向第一图标所在的显示位置滚动，并在滚动过程中将第二目标图标修改为第一目标图标为例进行描述，此时，设定步骤130包括步骤131-步骤133：

步骤131、将所述标签栏中显示的第二目标图标向所述第一图标的显示位置处滚动，并在所述标签栏中恢复显示第二图标。

具体的，确定第一图标的显示位置，并按照设定的滚动速度控制第二目标图形向第一图标的显示位置滚动。可以理解，第一图标和第二目标图标的相对位置关系不同时，滚动方向不同，例如，图2中，图标111为第一图标，图标113为第二目标图标，图标111位于图标113的左侧，因此，在滚动时图标113为逆时针滚动。相对的，若第一图标位于第二目标图标的右侧，则第二目标图标的滚动方向为顺时针滚动。

进一步的，第二目标图标滚动后显示位置发送变化，此时，标签栏中原本显示第二图标的显示位置空出，因此，可以在标签栏中恢复显示第二图标，并恢复标签栏中对应的边框线条。

步骤132、在滚动过程中，用所述第一目标图标替换所述第二目标图标。

具体的，第二目标图标向第一图标滚动的过程中，用第一目标图标替换第二目标图标，以在滚动结束后，在第一图标的显示位置处显示第一目标图标。其中，发生图标替换的时机可以根据实际情况设定，如第二目标图标滚动到一半时用第一目标图标替换第二目标图标，再如第二目标图标滚到任一预先设定的位置时用第一目标图标替换第二目标图标，又如根据滚动距离和滚动速度确定总的滚动时长，之后，基于总的滚动时间确定一目标滚动时长(如目标滚动时长为总的滚动时长的一半)，之后，当第二目标图标的滚动时长达到目标滚动时长时，用第一目标图标替换第二目标图标。

可理解，滚动过程中，标签栏中对应边框线条跟随第二目标图标及第一目标图标的滚动而发生改变，以使第二目标图标和第一目标图标始终呈现脱离标签栏的效果。

实施例中，以预先设定一目标滚动位置，并在第二目标图标滚动到目标滚动位置时，用第一目标图标替换第二目标图标为例进行示例性描述，据此，设定步骤132包括步骤1321-步骤1322：

步骤1321、在滚动过程中，确定所述第二目标图标当前的滚动位置。

具体的，滚动过程可以理解为按照设定频率更改第二目标图标在显示界面的显示位置并进行刷新显示，以从用户角度实现动态滚动的显示效果。其中，按照设定频率更新第二目标图标在显示界面的显示位置时，可以将当前刷新时刻下的显示位置确定为第二目标图标当前的滚动位置。可以理解，实施例中，以匀速滚动为例，此时，根据滚动速度和滚动方向便可以确定设定频率下各刷新时刻第二目标图标的显示位置。

步骤1322、若滚动位置到达目标滚动位置，则用所述第一目标图标替换所述第二目标图标，所述目标滚动位置为所述第一图标与所述第二图标的中间位置。

具体的，目标滚动位置为标签栏中第一图标与第二图标的中间位置，以图2为例，由于滚动过程中，第二目标图标仅是水平方向的显示位置发生变化，因此，可以设定目标滚动位置仅为水平方向的显示位置。可选的，预先记录标签栏中各图标的显示位置，之后，根据记录的显示位置计算任意两个图标之间的中间位置，之后，保存中间位置及相应图标之间的关联关系。以图2为例，根据标签栏中的4个图标可以计算6个中间位置，且每个中间位置对应两个图标，不同中间位置对应的图标不同，之后，保存中间位置以及中间位置与相应图标之间的关联关系。相应的，响应于图标选择操作时，根据上述关联关系确定第一图标和第二目标图标对应的第二图标所对应的中间位置，并将中间位置作为目标滚动位置。需说明，从用户的角度而言，用第一目标图标替换第二目标图标仅是旋转的图标发生了变化，旋转的过程未被中断。还选择的，预先记录标签栏中各图标的显示位置，之后，根据图标选择操作确定第一图标后，获取第一图标和第二图标的显示位置，并根据显示位置计算中间位置，以得到目标滚动位置。此时，该过程具体为：获取所述标签栏中所述第一图标和所述第二图标之间的距离；根据所述距离确定目标滚动位置。具体的，根据预先记录的第一图标的显示位置和第二图标的显示位置计算第一图标和第二图标之间的距离，优先的，该距离为水平方向上的距离。之后，根据该距离计算第一图标和第二图标的中间位置，以将中间位置作为目标滚动位置。以图2为例，根据图标111和图标113的显示位置计算水平方向上的距离，之后，计算距离的一半，并将距离的一半与图标111在水平方向上的显示位置相加，以得到中间位置，进而得到目标滚动位置。可以理解，图2中，显示位置对应的坐标系的原点位于屏幕的左上角。

示例性的，得到第二目标图标当前的滚动位置后，将当前的滚动位置与目标滚动位置进行比对，以确定当前的滚动位置是否到达目标滚动位置。若未到达目标滚动位置，则继续滚动第二目标图标，并返回执行步骤1321，若到达目标滚动位置，则用第一目标图标替换第二目标图标，即在下次刷新时，停止显示第二目标图标，并在该滚动路线上显示第一目标图标。其中，滚动过程中，第一目标图标在各刷新时刻下的显示位置和第二目标图标的显示位置计算方式相同。可选的，替换时刻，第一目标图标的图标样式与第一图标的图标样式具有相同的方向，或者是，第一目标图标的图标样式和替换时第二目标图标的图标样式具有相同的方向。

步骤133、在所述第一目标图标滚动至所述第一图标的显示位置时，停止滚动，并隐藏所述第一图标。

具体的，在第一目标图标滚动的过程中，根据设定频率确定第一目标图标在当前刷新时刻的显示位置，之后，确定第一目标图标当前的显示位置与第一图标的显示位置是否相同，其中，确定显示位置是否相同时具体为确定水平方向上的显示位置是否相同。若不相同，则说明第一目标图标还未滚动到第一图标所在的显示位置，继续滚动第一目标图标，并继续确定第一目标图标当前的显示位置与第一图标的显示位置是否相同，若相同，则说明第一目标图标已经滚动到第一图标所在的显示位置，此时，停止滚动，隐藏第一图标，并显示第一目标图标，同时，调整标签栏对应的边框线条。

需说明，不同的第一图标和不同的第二图标之间的滚动速度可以相同或不同。设置滚动速度时可以考虑设定频率和图标间的距离，以保证滚动完成后图标的显示样式为正确方向的显示样式。

可理解，上述以滚动过程为匀速滚动为例，实际应用中，还可以设定滚动过程为非匀速滚动，例如，开始滚动和结束滚动时的滚动速度慢，中间滚动过程时的滚动速度快。

在上述的基础上，存在第一图标和第二图标之间还显示有其他图标的情况，此时，滚动第二目标图标时，会使第二目标图标或第一目标图标途径其他图标。因此，实施例中设定，所述第一图标和所述第二图标之间存在至少一个第三图标，控制方法还包括：在滚动过程中所述第二目标图标或所述第一目标图标滚动至所述第三图标的显示位置时，设置所述第三图标的显示层级高于所述第二目标图标或所述第一目标图标的显示层级。

具体的，将标签栏中第一图标和第二图标之间的图标记为第三图标，其中，第三图标的数量可以为至少一个。典型的，控制第二目标图标向第一图标滚动时，第二目标图标或第一目标图标会经过第三图标，例如，当第三图标位于第一图标和第二图标的中间位置或中间位置与第二图标之间时，第二目标图标会经过第三图标，当第三图标位于中间位置与第一图标之间时，第一目标图标会经过第三图标。典型的，以第二目标图标经过第三图标为例进行描述。具体的，根据第二目标图标当前的滚动位置和第三图标的显示位置确定第二目标图标是否滚动到第三图标的显示位置。当第二目标图标滚动到第三图标的显示位置时，设置第三图标的显示层级高于第二目标图标的显示层级。其中，第三图标的显示层级高于第二目标图标的显示层级可以理解为当第三图标和第二目标图标的显示位置重叠时，从用户视角而言，第三图标位于第二目标图标的前面，即第三图标覆盖第二目标图标。可选的，此时，为了使用户观看到滚动的第二目标图标，可以修改第三图标的透明度，以呈现第二目标图标穿透第三图标的效果。

可选的，标签栏中还包括文本说明，每个显示的图标对应一个文本说明，并修改处于选中状态的图标对应文字说明的显示参数，以与其他显示参数进行区分。例如，图2中，图标113对应的文字说明与其他文字说明的显示参数不同，图3中，图标111对应的文字说明与其他文字说明的显示参数不同，以便于进行区分。

下面对本实施例提供的滚动技术方案进行示例性描述，本示例中，接收到图标选择操作前，显示屏的显示界面如图2所示，对图标选择操作响应完毕后，显示屏的显示界面如图3所示。其中，图2中图标选择操作所选中的第一图标为图标111，第二目标图标为图标113，且第二目标图标向第一图标所在的显示位置滚动。第一图标和第二图标之间还存在第三图标，且第三图标为图标112。进一步的，第三图标位于第一图标和第二图标的中间位置。

其中，控制第二目标图标向第一图标滚动，且在标签栏中恢复显示第二图标，第二图标和第二目标图标的图标样式相同，显示参数不同。在滚动过程中，实时获取第二目标图标当前的滚动位置，并确定当前的滚动位置是否到达目标滚动位置。其中，图4为本申请实施例提供的第三显示界面示意图，其为第二目标图像未到达目标滚动位置时某一刷新时刻下显示界面的示意图，相比于图2，图4中的第二目标图标12更靠近第一图标，且标签栏11的边框线条随着第二目标图标12同步变化，以使第二目标图标12呈现脱离的效果。同时，在标签栏11中显示第二图标，此时，第二图标为图标113。可以理解，图2中显示有第二图标对应的功能界面14。响应于图标选择操作时，将图2中的功能界面14变化为第一图标对应的功能界面15，即在图4中显示功能界面15。

进一步的，继续滚动第二目标图标，其中，图5为本申请实施例提供的第四显示界面示意图，其为第二目标图标滚动到的目标滚动位置时显示界面的示意图。参考图5，第二目标图标12与第三图标112重叠，且设置第三图标112的显示层级高于第二目标图标12的显示层级。可选的，提高第三图标112的透明度，以使用户观看到第三图标112和第二目标图标12重叠。之后，利用第一目标图标替换第二目标图标，即在下一刷新时刻时，标签栏中显示第一目标图标，不再显示第二目标图标。

之后，向第一图标的显示位置滚动第一目标图标。图6为本申请实施例提供的第五显示界面示意图，其为第一目标图标向第一图标滚动时某一刷新时刻下显示界面的示意图。参考图6，显示界面仅显示第一目标图标13，不再显示第二目标图标，且第一目标图标13和第一图标111的图标样式相同，显示参数不同。同时，标签栏11的边框线条随着第一目标图标13同步变化，以使第一目标图标13呈现脱离的效果。

进一步的，当第一目标图标滚动到第一图标的显示位置处，隐藏第一图标，此时，显示界面变化为图3。

上述，通过接收图标选择操作，并根据图标选择操作确定第一图标，之后，触发第一图标对应的功能，并且，将标签栏中第二目标图标恢复为第二图标，同时，将第一图标修改为第一目标图标，且第一目标图标和第二目标图标均显示为脱离于标签栏的技术手段，可以解决现有技术中当用户选择标签栏的图标时，图标变化效果不明显，使用户易忽略变化效果的技术问题。当图标被选中时，通过显示脱离于标签栏的目标图标，提示用户处于选中状态的图标。进一步的，通过滚动的方式，更换处于选中状态的图标，可以使得图标的变化方式更加可视化，便于用户关注到图标的变化情况，进而使得用户更加关注当前的显示界面。

图7为本申请实施例提供的一种针对标签栏的控制装置的结构示意图。参考图7，该针对标签栏的控制装置具体包括：操作接收模块201、功能触发模块202以及图标调整模块203。

其中，标签栏中显示多个图标，每个图标对应一个功能，所述控制装置包括：操作接收模块201，用于接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态；功能触发模块202，用于响应于所述图标选择操作，触发所述第一图标对应的功能；图标调整模块203，用于将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

在上述实施例的基础上，图标调整模块203用于将所述第一图标修改为对应的第一目标图标时，具体用于：隐藏所述第一图标；在所述第一图标的显示位置处显示与所述第一图标对应的第一目标图标。

在上述实施例的基础上，图标调整模块203包括：滚动单元，用于将所述标签栏中显示的第二目标图标向所述第一图标的显示位置处滚动，并在所述标签栏中恢复显示第二图标；替换单元，用于在滚动过程中，用所述第一目标图标替换所述第二目标图标；隐藏单元，用于在所述第一目标图标滚动至所述第一图标的显示位置时，停止滚动，并隐藏所述第一图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收图标选择操作前所述标签栏中处于选中状态的图标。

在上述实施例的基础上，替换单元包括：位置确定子单元，用于在滚动过程中，确定所述第二目标图标当前的滚动位置；图标替换子单元，用于若滚动位置到达目标滚动位置，则用所述第一目标图标替换所述第二目标图标，所述目标滚动位置为所述第一图标与所述第二图标的中间位置。

在上述实施例的基础上，还包括：距离获取模块，用于获取所述标签栏中所述第一图标和所述第二图标之间的距离；目标位置确定模块，用于根据所述距离确定目标滚动位置。

在上述实施例的基础上，所述第一图标和所述第二图标之间存在至少一个第三图标，所述装置还包括：层级设置模块，用于在滚动过程中所述第二目标图标或所述第一目标图标滚动至所述第三图标的显示位置时，设置所述第三图标的显示层级高于所述第二目标图标或所述第一目标图标的显示层级。

在上述实施例的基础上，功能触发模块202具体用于：响应于所述图标选择操作，触发所述第一图标对应的功能；显示所述功能对应的功能界面。

上述提供的针对标签栏的控制装置可用于执行上述任意实施例提供的针对标签栏的控制方法，具备相应的功能和有益效果。

值得注意的是，上述针对标签栏的控制装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

图8为本申请实施例提供的一种针对标签栏的控制设备的结构示意图。如图8所示，该针对标签栏的控制设备包括处理器30、存储器31、输入装置32、输出装置33、显示屏34；针对标签栏的控制设备中处理器30的数量可以是一个或多个，图8中以一个处理器30为例。针对标签栏的控制设备中处理器30、存储器31、输入装置32、输出装置33、显示屏34可以通过总线或其他方式连接，图8中以通过总线连接为例。

存储器31作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的针对标签栏的控制方法对应的程序指令/模块(例如，针对标签栏的控制装置中的操作接收模块201、功能触发模块202和图标调整模块203)。处理器30通过运行存储在存储器31中的软件程序、指令以及模块，从而执行针对标签栏的控制设备的各种功能应用以及数据处理，即实现上述的针对标签栏的控制方法。

存储器31可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据针对标签栏的控制设备的使用所创建的数据等。此外，存储器31可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器31可进一步包括相对于处理器30远程设置的存储器，这些远程存储器可以通过网络连接至针对标签栏的控制设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置32可用于接收输入的数字或字符信息，以及产生与针对标签栏的控制设备的用户设置以及功能控制有关的键信号输入。输出装置33可包括扬声器等。显示屏34可以根据处理器30的控制显示对应的显示界面，如用于显示标签栏，标签栏中显示多个图标，每个图标对应一个功能，还用于显示功能界面。

上述针对标签栏的控制设备包含针对标签栏的控制装置，可以用于执行任意针对标签栏的控制方法，具备相应的功能和有益效果。

此外，本发明实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本申请任意实施例所提供的针对标签栏的控制方法中的相关操作，且具备相应的功能和有益效果。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。

因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (10)

1.一种针对标签栏的控制方法，其特征在于，标签栏中显示多个图标，每个图标对应一个功能，所述控制方法包括：

接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态；

响应于所述图标选择操作，触发所述第一图标对应的功能；

将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

2.根据权利要求1所述的针对标签栏的控制方法，其特征在于，所述将所述第一图标修改为对应的第一目标图标包括：

隐藏所述第一图标；

在所述第一图标的显示位置处显示与所述第一图标对应的第一目标图标。

3.根据权利要求1所述的针对标签栏的控制方法，其特征在于，所述将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标包括：

将所述标签栏中显示的第二目标图标向所述第一图标的显示位置处滚动，并在所述标签栏中恢复显示第二图标；

在滚动过程中，用所述第一目标图标替换所述第二目标图标；

在所述第一目标图标滚动至所述第一图标的显示位置时，停止滚动，并隐藏所述第一图标。

4.根据权利要求3所述的针对标签栏的控制方法，其特征在于，所述在滚动过程中，用所述第一目标图标替换所述第二目标图标包括：

在滚动过程中，确定所述第二目标图标当前的滚动位置；

若滚动位置到达目标滚动位置，则用所述第一目标图标替换所述第二目标图标，所述目标滚动位置为所述第一图标与所述第二图标的中间位置。

5.根据权利要求4所述的针对标签栏的控制方法，其特征在于，还包括：

获取所述标签栏中所述第一图标和所述第二图标之间的距离；

根据所述距离确定目标滚动位置。

6.根据权利要求3所述的针对标签栏的控制方法，其特征在于，所述第一图标和所述第二图标之间存在至少一个第三图标，

还包括：

在滚动过程中所述第二目标图标或所述第一目标图标滚动至所述第三图标的显示位置时，设置所述第三图标的显示层级高于所述第二目标图标或所述第一目标图标的显示层级。

7.根据权利要求1所述的针对标签栏的控制方法，其特征在于，所述触发所述第一图标对应的功能，还包括：

显示所述功能对应的功能界面。

8.一种针对标签栏的控制装置，其特征在于，标签栏中显示多个图标，每个图标对应一个功能，所述控制装置包括：

操作接收模块，用于接收图标选择操作，所述图标选择操作用于将所述标签栏中显示的第一图标确定为选中状态；

功能触发模块，用于响应于所述图标选择操作，触发所述第一图标对应的功能；

图标调整模块，用于将所述标签栏中显示的第二目标图标恢复为对应的第二图标，且将所述第一图标修改为对应的第一目标图标，所述第一目标图标和所述第一图标对应的功能相同，所述第一目标图标显示为脱离所述标签栏的图标，所述第二目标图标和所述第二图标对应的功能相同，所述第二目标图标显示为脱离所述标签栏的图标，所述第二图标为接收所述图标选择操作前所述标签栏中处于选中状态的图标。

9.一种针对标签栏的控制设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

显示屏，用于显示标签栏，所述标签栏中显示多个图标，每个图标对应一个功能；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的针对标签栏的控制方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的针对标签栏的控制方法。

Images