CN103914466A - 一种标签按钮管理的方法及系统 - Google Patents

Abstract

本申请实施例提供一种标签按钮管理方法及系统，所述方法包括：建立包含多个标签按钮的可滑动标签条；在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面；所述系统包括：聚焦模块，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；展示模块，用于以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面。

Description

一种标签按钮管理的方法及系统

技术领域

本申请涉及智能终端技术领域，特别涉及一种标签按钮管理的方法及系统。

背景技术

随着移动终端迅速的普及和发展成为趋势，移动终端上的应用软件也越来越丰富。而现阶段很多应用软件的设计或细节的部署，还沿袭着针对PC的设计思路。

移动终端与PC的关键区别就在于，移动终端体积更小，携带更灵活；所以相应的，如平板电脑或智能手机等移动终端屏幕都相对较小，即使移动终端的设计越来越向着屏幕更大的方向发展，但是无论如何，其终究无法与PC的显示器相比。这正因此，移动终端的屏幕空间才尤为珍贵，移动终端应用软件在设计上，都在力求更合理的对屏幕空间加以利用。不过另一方面很多软件还在沿袭着针对PC而制定的固有设计思路，所以在空间安排上难有突破性的进展。

上述的矛盾在针对在标签按钮（tab）的设计上体现的尤为明显。很多应用程序的界面上，都布置了很多的tab，多个tab在屏幕上占据一行的空间，甚至多行空间，形成一个标签条；用户通过点击tab的方式实现对tab的操作。但由于移动终端的屏幕面积小，显示空间原本就十分紧张，为了给主界面尽可能的预留更多的空间，所以tab往往被制作成比较小的。而现阶段的移动终端往往是采用触摸屏作为输入设备，过小的tab十分不利于用户的点击和选择；所以按照现有的tab及标签条的设计，经常会出现用户点击tab不准确或无法点击到目标tab的情况。

发明内容

有鉴于此，本申请的目的在于提供一种标签按钮管理方法及系统，所述方法通过聚焦区拾取落入其中的标签按钮的信息，避免了标签按钮的点击，提高了标签按钮选择的准确性和方便程度。

为实现上述目的，本申请有如下技术方案：

一种标签按钮管理方法，所述方法包括：

建立包含多个标签按钮的可滑动标签条；

在屏幕区域设置聚焦区；

在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；

根据所述输入信息展示页面。

所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；

则根据所述输入信息展示页面的方法包括：

根据所述输入信息对一个或多个业务对象重新排序后进行展示。

所述方法还包括：

建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

则所述获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息具体为；

当标签按钮未发生滑动的时间达到预先设置的第一时间阈值，则认为与聚焦区坐标差最小的标签按钮落入聚焦区。

所述方法还包括：

修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外。

所述方法还包括：

当检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度。

所述方法还包括：

当页面首次展示或页面刷新时，弹出可滑动标签条；

调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区，并使可滑动标签条中默认设定的标签按钮以外的标签按钮的坐标落在坐标系中屏幕范围以外。

一种标签按钮管理系统，所述系统包括：

聚焦模块，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

展示模块，用于以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面。

所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；则所述展示模块包括：

输入信息单元，用于提取落入所述聚焦区的标签按钮的信息作为输入信息；

排序展示单元，用于根据所述输入信息对一个或多个业务对象重新排序后进行展示。

所述聚焦模块包括：

判定单元，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中判定得到落入聚焦区域的标签按钮；

获取单元，用于获取所述落入所述聚焦区的标签按钮的信息。

所述系统还包括：

坐标模块，用于建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

则所述判定单元判定得到落入聚焦区域的标签按钮具体为：在标签按钮未发生滑动的时间达到预先设置的第一时间阈值时，判定与聚焦区坐标差最小的标签按钮落入聚焦区。

所述坐标模块还包括：

坐标修改单元，用于修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外。

所述系统还包括：

透明度模块，用于在检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度。

所述系统还包括：

标签条模块，用于在页面首次展示或页面刷新时，弹出可滑动标签条；调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区；

则坐标修改单元还用于，使可滑动标签条中默认设定的标签按钮以外的标签按钮的坐标落在坐标系中屏幕范围以外。

通过以上技术方案可知，本申请实施例存在的有益效果是：所述方法通过聚焦区获取标签按钮的信息，并作为输入信息展示页面；提高了标签按钮选择的准确度，尽可能的避免了点击错误或点击不到标签按钮的情况。本申请实施例还实现了即不影响用户知悉可滑动标签条中具体包括的标签按钮类型，又可以同时实现在适当的时机隐藏部分标签按钮，节省屏幕空间。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例所述方法流程图；

图2为本申请实施例中页面展示的示意图；

图3为本申请另一实施例中所述方法流程图；

图4-5为本申请另一实施例中页面展示的示意图；

图6为本申请实施例所述系统结构示意图；

图7为本申请另一实施例所述系统结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

参见图1所示，为本申请所述标签按钮管理方法的一个具体实施例。本实施例中，实现了通过聚焦区拾取落入其中的标签按钮的信息。本实施例所述方法包括以下：

步骤101、建立包含多个标签按钮的可滑动标签条；在屏幕区域设置聚焦区；

本步骤为本实施例中的一个基础步骤，后续步骤中技术方案需基于本步骤中建立的可滑动标签条和聚焦区具体的实现。

步骤102、在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；

本步骤中所描述的技术环节为本实施例的核心所在，本实施例中不再采取直接点击标签按钮（tab）的方式获取tab的信息；而是通过聚焦区来获取tab信息。在上一步骤中建立的可滑动标签条能够在用户的操作下滑动，可滑动标签条中的tab随着滑动而改变位置，用户可以通过滑动标签条来控制具体哪个tab落入聚焦区中。

参见图2，为移动终端页面展示的示意图，图中tab1-tab4横向排列在可滑动标签条中，聚焦区以虚线框的形式显示。在图2中tab4落在聚焦区中，则获取tab4代表的信息作为输入信息。

步骤103、根据所述输入信息展示页面。

本实施例中使某一个tab落入聚焦区中实质上就代表了对于tab的选择；其产生的效果等同于现有的技术方案中实际点击tab的技术效果；也就是根据所选取tab代表的信息作出相应的展示。本实施例中通过聚焦区选取tab之后，将选取的tab的信息作为输入信息，并根据所述输入信息展示页面；实现选取tab之后的相关效果。

本实施例存在的有益效果是：所述方法通过聚焦区获取标签按钮的信息，并作为输入信息展示页面，代替了现有技术中手动点击tab的方式；提高了tab选择的准确度，尽可能的避免了点击错误或点击不到tab的情况。

图1所示仅为本申请所述方法的一个基础实施例，在此基础上本申请中还可以进行一定的扩充和优化。参照图3所示即为本申请所述方法的另一个具体的实施例。本实施例中，具体的应用场景设置在淘宝网的移动终端客户端应用程序之下。该程序中所述标签条包括人气、价格、销量及信用四个标签按钮（tab），点击任意tab可以根据该tab代表的属性对商品进行排列呈现。本实施例中所述方法有如下步骤：

步骤301、建立包含多个标签按钮的可滑动标签条；在屏幕区域设置聚焦区；

步骤302、建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

本步骤中针对移动终端的屏幕建立坐标系，即可利用坐标系准确的分配屏幕上各种显示内容的位置。建立坐标系之后，在坐标系当中为聚焦区和每个标签按钮分配坐标。所述聚焦区在技术实现上可以表示为一个特定的坐标范围。通过坐标也可定位标签按钮，并对其位置进行管理。

需要说明的是，标签按钮的坐标可以落在屏幕范围以内，也可以落在屏幕范围以外。当标签按钮的坐标落在屏幕范围以内时，即表示标签按钮显示在屏幕中相应坐标的位置上；而当标签按钮的坐标为空值或落在屏幕范围以外，则该标签按钮不显示在屏幕上，但是从程序运行的角度上来说该标签按钮也没有消失，只需将其坐标调整回屏幕范围以内，该标签按钮即可重新得到显示。以上原理也正是本申请实施例中隐藏标签按钮的基本原理。

步骤303、滑动所述标签条，使标签按钮的坐标随标签条的滑动改变；

本实施例中用户利用可滑动标签条的滑动改变标签按钮的在屏幕上显示的位置，本质上也就是改变标签按钮的坐标。通过滑动标签条，用户可以主动的选择使其希望选取的标签按钮落在聚焦区中。

步骤304、当标签按钮未发生滑动的时间达到预先设置的第一时间阈值，则认为与聚焦区坐标差最小的标签按钮落入聚焦区。

当标签按钮未发生滑动的时间达到预先设置的第一时间阈值时，则认为用户已经完成了对于标签条的滑动，并已将要选定的标签按钮放置在了聚焦区当中。

实际上用户在滑动标签条的过程中，并不一定要完全准确的使标签按钮落在聚焦区内；参见图2中实例，即用户并不一定要使标签按钮与虚线框完全精确的重合。只需要某一标签按钮与聚焦区粗略的重合，后台程序即可通过对比各个标签按钮与聚焦区之间的坐标差，自行找到与聚焦区坐标差最小的标签按钮，也就是上述粗略与聚焦区重合的标签按钮。进而通过修改该标签按钮的坐标自动使得二者精确重合，使标签按钮落入聚焦区中。

步骤305、修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外；

本步骤为本实施例中的一个优选步骤，为进一步的节省移动终端屏幕的空间，提高屏幕利用效率；本实施例中根据用户的实际使用习惯认为落在聚焦区之外的标签按钮，是用户暂时不需要操作的；所以利用本步骤中所述方式将其他暂不使用的标签按钮隐藏，从而避免标签按钮占用页面过多的空间。

步骤306、所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息对一个或多个业务对象重新排序后进行展示。

参照图4-5所示，为针对本实施例中淘宝网移动终端客户端的具体应用场景下的页面示意图。用户利用该客户端搜索得到的业务对象即使相关联的商品，搜索得到的商品显示在页面的主要区域中。图4中展示了可滑动标签条的完整形态，4个标签按钮分别代表人气、价格、销量及信用，其中代表信用的标签按钮落入了聚焦区内。图5为隐藏了未落入聚焦区的标签按钮之后，页面的形态。

本实施例中，落入聚焦区的标签按钮的信息为“信用”，则以“信用”作为输入信息，从而对搜索得到的商品按照“信用”这一属性进行升序或降序的排列，并在排列后按照顺序重新展示在页面中。至此实现与实际点击“信用”这一标签按钮相同的效果。

本实施例中所述方法存在的有益效果是：本实施例所述方法中引入了利用坐标系分配并修改标签按钮坐标的技术特征，使得所述方法在技术实现上的表述公开更加充分；另外所述方法优选的隐藏未落入聚焦区的标签按钮的技术特征，能够进一步的节省移动终端的屏幕显示空间，提高了屏幕的利用效率。

另外，在图3所示实施例的基础之上，本申请还有以下两个可扩充的技术特征：

在图3所示实施例所述方法流程的步骤302与步骤303之间，还可以包括：

步骤302a，当页面首次展示或页面刷新时，弹出可滑动标签条；调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区，并使可滑动标签条中其他的标签按钮的坐标落在坐标系中屏幕范围以外

为使用户能够清晰直观的了解到该页面下具体包括哪些标签按钮，所以在首次展示也变的时候不再隐藏任何一个标签按钮，而是弹出可滑动标签条，使用户得以看到所述可滑动标签条的完整形态；随即保留默认的标签按钮落入聚焦区内，隐藏其他标签按钮。

通过步骤302a的扩充方案，即不影响用户知悉可滑动标签条中具体包括的标签按钮类型，有同时实现了在适当的时机隐藏部分标签按钮，节省屏幕空间。

此外图3所示实施例中还可以包括以下扩充方案：

步骤307、当检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度。

实际上根据一般用户的使用习惯来讲，用户向下拉动浏览界面的时候，往往是希望浏览页面下方的商品或其他内容，此时无需操作标签按钮；所以在用户指令向下的拉动操作时，留在屏幕范围内显示的标签按钮同样是没有作用的，此时修改留在屏幕范围内显示的标签按钮的透明度，使其透明度变成100%，也就相当于将其隐藏未显示，进一步提高了屏幕的利用效率。相反用户指令向上的拉动操作时，则很有可能需要对标签按钮执行操作，所以此时重新将标签按钮的透明度修改为0%，使用户能够清晰的发现标签按钮，以便针对其进行进一步操作。

参照图6所示，为本申请所述标签按钮管理系统的一个具体的实施例。本实施例中，所述系统为对应图1所示实施例所述方法而设置。二者的核心技术方案本质上并没有区别。本实施例中，所述系统包括：

聚焦模块601，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

展示模块602，用于以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面。

从以上技术方案的描述可见，本实施例存在的有益效果是：所述方法通过聚焦区获取标签按钮的信息，并作为输入信息展示页面，代替了现有技术中手动点击tab的方式；提高了tab选择的准确度，尽可能的避免了点击错误或点击不到tab的情况。

参见图7所示，为本申请所述标签按钮管理系统的另一个具体的实施例。本实施例中所述系统包括：

聚焦模块701，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

所述聚焦模块701包括：

判定单元711，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中判定得到落入聚焦区域的标签按钮；

本实施例中，所述判定单元711判定得到落入聚焦区域的标签按钮具体为：在标签按钮未发生滑动的时间达到预先设置的第一时间阈值时，判定与聚焦区坐标差最小的标签按钮落入聚焦区；

获取单元712，用于获取所述落入所述聚焦区的标签按钮的信息；

展示模块702，用于以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面；

本实施例中，所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；则所述展示模块702包括：

输入信息单元721，用于提取落入所述聚焦区的标签按钮的信息作为输入信息；

排序展示单元722，用于根据所述输入信息对一个或多个业务对象重新排序后进行展示；

坐标模块703，用于建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

所述坐标模块703包括：

坐标修改单元731，用于修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外；还用于使可滑动标签条中默认设定的标签按钮以外的标签按钮的坐标落在坐标系中屏幕范围以外；

透明度模块704，用于在检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度；

标签条模块705，用于在页面首次展示或页面刷新时，弹出可滑动标签条；调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区。

需要说明的是，本实施例中部分优选的功能模块及功能单元未在图7中示出。

实际上本实施例所述系统对应图3所示实施例中所述方法。其技术方案的具体细节已经在图3所示实施例中详细进行了描述，此处不再重复叙述。

本实施例存在的有益效果是，本实施例所述方法中引入了利用坐标系分配并修改标签按钮坐标的技术特征，使得所述方法在技术实现上的表述公开更加充分；另外所述方法优选的隐藏未落入聚焦区的标签按钮、弹出标签条和修改标签按钮透明度的技术特征；实现了即不影响用户知悉可滑动标签条中具体包括的标签按钮类型，有同时实现了在适当的时机隐藏部分标签按钮，节省屏幕空间。

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

Claims (13)

1.一种标签按钮管理方法，其特征在于，所述方法包括：

建立包含多个标签按钮的可滑动标签条；

在屏幕区域设置聚焦区；

在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；

根据所述输入信息展示页面。

2.根据权利要求1所述方法，其特征在于，所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；

则根据所述输入信息展示页面的方法包括：

根据所述输入信息对一个或多个业务对象重新排序后进行展示。

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

建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

则所述获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息具体为；

当标签按钮未发生滑动的时间达到预先设置的第一时间阈值，则认为与聚焦区坐标差最小的标签按钮落入聚焦区。

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

修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外。

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

当检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度。

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

当页面首次展示或页面刷新时，弹出可滑动标签条；

调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区，并使可滑动标签条中默认设定的标签按钮以外的标签按钮的坐标落在坐标系中屏幕范围以外。

7.一种标签按钮管理系统，其特征在于，所述系统包括：

聚焦模块，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中，获取所述多个标签按钮中落入所述聚焦区的标签按钮的信息；

展示模块，用于以落入所述聚焦区的标签按钮的信息为在页面中的输入信息；根据所述输入信息展示页面。

8.根据权利要求7所述系统，其特征在于，所述页面包括搜索结果列表，所述搜索结果列表包括一个或多个业务对象；则所述展示模块包括：

输入信息单元，用于提取落入所述聚焦区的标签按钮的信息作为输入信息；

排序展示单元，用于根据所述输入信息对一个或多个业务对象重新排序后进行展示。

9.根据权利要求7所述系统，其特征在于，所述聚焦模块包括：

判定单元，用于在屏幕区域设置聚焦区；在滑动所述标签条的过程中判定得到落入聚焦区域的标签按钮；

获取单元，用于获取所述落入所述聚焦区的标签按钮的信息。

10.根据权利要求9所述系统，其特征在于，所述系统还包括：

坐标模块，用于建立包含屏幕范围的坐标系，为聚焦区和每个标签按钮分配坐标；

则所述判定单元判定得到落入聚焦区域的标签按钮具体为：在标签按钮未发生滑动的时间达到预先设置的第一时间阈值时，判定与聚焦区坐标差最小的标签按钮落入聚焦区。

11.根据权利要求10所述系统，其特征在于，所述坐标模块还包括：

坐标修改单元，用于修改未落入聚焦区的标签按钮的坐标，使未落入聚焦区的标签按钮的坐标落在坐标系中屏幕范围以外。

12.根据权利要求10所述系统，其特征在于，所述系统还包括：

透明度模块，用于在检测到页面滑动操作时，修改页面当前显示的标签按钮的透明度。

13.根据权利要求11所述系统，其特征在于，所述系统还包括：

标签条模块，用于在页面首次展示或页面刷新时，弹出可滑动标签条；调整可滑动标签条属性，将可滑动标签条中默认设定的标签按钮显示于所述聚焦区；

则坐标修改单元还用于，使可滑动标签条中默认设定的标签按钮以外的标签按钮的坐标落在坐标系中屏幕范围以外。