CN106896997B - 滑动控件控制方法及装置、滑块选择器 - Google Patents

Abstract

本申请公开了滑动控件控制方法及装置、滑块选择器，用于解决现有技术中的滑块选择器在某些场景下的使用便利性较差的问题。该方法包括：接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。

Description

滑动控件控制方法及装置、滑块选择器

技术领域

本申请涉及计算机技术领域，尤其涉及滑动控件控制方法及装置、滑块选择器。

背景技术

随着计算机技术和互联网技术的迅速发展，网页页面上的各类控件也日益丰富，这些控件丰富了页面的展现形式，也为用户与页面的交互提供了极大的便利。

滑块选择器是常用的控件之一。滑块选择器一般包括一条滑动轨道和两个滑块控件，滑动轨道指定了一个取值区间，用户可以通过将滑块控件在滑动轨道上滑动，在该取值区间中选择一个取值子区间。以水平的滑动轨道为例，两个滑块控件一个是左滑块控件，另一个是右滑块控件，左滑块控件和右滑块控件之间的轨道部位对应的取值子区间即可确定为用户当前选择出的取值子区间。

但是，在现有技术中，左滑块控件只能在右滑块控件的左侧滑动，右滑块控件只能在左滑块控件的右侧滑动，这样的限制导致滑块选择器在某些场景下的使用便利性较差。

例如，假定当前左滑块控件和右滑块控件在滑动轨道上的所处位置重合，且右滑块控件覆盖于左滑块控件之上。若用户想要选择位于左滑块控件和右滑块控件左侧的取值子区间，则会点击左滑块控件和右滑块控件的所处位置，并进行向左的拖拽操作，但是，由于用户此时拖拽到的实际上是右滑块控件，则右滑块控件无法按照该拖拽操作，滑动至左滑块控件的左侧，这样的话，用户只能现将右滑块控件向右拖开，然后将左滑块控件向左拖动至待选择的取值子区间的左端点取值对应的位置，再将右滑块控件向左拖动至待选择的取值子区间的右端点取值对应的位置，可见操作比较繁琐，使用便利性较差。

发明内容

本申请实施例提供滑动控件控制方法及装置、滑块选择器，用以解决现有技术中的滑块选择器在某些场景下的使用便利性较差的问题。

本申请实施例采用下述技术方案：

本申请实施例提供的一种滑动控件控制方法，包括：

接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；

当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。

本申请实施例提供的一种滑动控件控制装置，包括：

接收模块，接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；

滑动模块，当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。

本申请实施例提供的一种滑块选择器，包括滑动轨道、位于所述滑动轨道上的第一滑块控件和第二滑块控件，所述第一滑块控件位于所述第二滑块控件的所在位置或所述第二滑块控件的一侧；

所述滑块选择器当确定接收到的针对所述第一滑块控件的滑动指令用于指示滑动至所述第二滑块控件的另一侧时，使所述第一滑块控件沿所述滑动轨道，滑动至所述第二滑块控件的另一侧。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：第一滑动控件、第二滑动控件可以是滑块控件，可以取消现有技术中对于滑块控件间相对位置的限制，使得滑块控件相互之间可以互换，第一滑动控件既可以滑动至第二滑动控件的一侧，也可以滑动至第二滑动控件的另一侧，从而在背景技术中提到的场景下，可以减少用户的操作，提高滑块选择器的使用便利性，因此，可以部分或全部地解决现有技术中的问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例提供的一种滑动控件控制方法的流程示意图；

图2为本申请实施例提供的一种滑动控件控制装置的结构示意图；

图3为本申请实施例提供的一种滑块选择器的用户界面示意图；

图4为现有技术提供的一种滑块选择器的用户界面示意图；

图5a为现有技术提供的一种滑块控件控制流程对应的第一状态示意图；

图5b为现有技术提供的一种滑块控件控制流程对应的第二状态示意图；

图5c为现有技术提供的一种滑块控件控制流程对应的第三状态示意图；

图6a为本申请实施例提供的一种滑块控件控制流程的第一状态示意图；

图6b为本申请实施例提供的一种滑块控件控制流程的第二状态示意图；

图6c为本申请实施例提供的一种滑块控件控制流程的第三状态示意图；

图6d为本申请实施例提供的一种滑块控件控制流程的第四状态示意图；

图7a为实际应用中的一种滑块控件控制场景示意图；

图7b为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第一状态示意图；

图7c为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第二状态示意图；

图7d为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第三状态示意图；

图7e为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第一状态示意图；

图7f为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第二状态示意图；

图7g为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第三状态示意图。

具体实施方式

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

本申请的方案可以涉及两个滑动控件或两个以上的滑动控件，由于对于两个以上的滑动控件的场景，可以分拆为多个两个滑动控件的子场景，以及对每个子场景可以分别实施本申请的方案。因此，以下主要基于两个滑动控件的场景，为了便于描述，将两个滑动控件分为称为：第一滑动控件、第二滑动控件。第一滑动控件与第二滑动控件可以是相同控件，也可以是不同的控件。

需要说明的是，所述滑动控件可以是一个完整的控件；也可以只是一个完整的控件的一部分，比如，第一滑动控件、第二滑动控件可以分别是同一个滑块选择器的一部分，背景技术中提到的左滑块控件、右滑块控件可以分别为一个滑动控件，等等。在本申请中也可以将第一滑动控件全部替换为第二滑动控件，并将原来的第二滑动控件全部替换为第一滑动控件。

图1为本申请实施例提供的一种滑动控件控制方法的流程示意图。图1中的方法的执行主体可以是滑动控件所在的设备，滑动控件具体可以处于所述设备搭载的应用程序或操作***的页面中。所述设备包括但不限于：手机、平板电脑、智能手表、车载移动台、个人计算机、大中型计算机、计算机集群等。执行主体具体为何种设备并不构成对本申请的限定。

图1中的流程可以包括以下步骤：

S101：接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧。

在本申请实施例中，所述第一滑动控件、所述第二滑动控件可以是滑块控件，也可以是除了滑块控件以外的其他可滑动的控件，比如，用于选中所在页面上显示的页面元素的滑动手柄控件等。

在本申请对第一滑动控件和第二滑动控件的用途并不做限定，其可以用于选择取值区间或从确定的取值区间中选择取值子区间，可以用于选中文本，可以用于选中文本，可以用于作为绘图工具给图像调色，等等。

在本申请实施例中，所述滑动指令可以是基于针对第一滑动控件的拖拽操作生成的。对于触摸屏设备，用户可以用手指直接在触摸屏上拖拽第一滑动控件，对于非触摸屏设备，用户可以用鼠标或触摸板等输入工具，拖拽第一滑动控件，设备检测到用户的拖拽操作后，可以生成相应的滑动指令，并将指令传送给用于控制第一滑动控件的功能模块，进而可以触发步骤S101的执行，其中，用于控制第一滑动控件的功能模块可以是第一滑动控件的一部分，也可以是第一滑动控件以外的模块。

所述滑动指令也可以是基于自动化脚本，模拟针对第一滑动控件的拖拽操作生成的，在这种情况下，无需用户自己进行拖拽操作，只要执行该自动化脚本，即可以触发步骤S101的执行。

S102：当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。

在本申请实施例中，第二滑动控件的一侧可以指：第二滑动控件的至少两个可滑动方向中的一个方向；相应地，第二滑动控件的另一侧可以指：所述至少两个可滑动方向中的另一个方向。以背景技术中的场景为例，滑动控件可以是滑块控件，当滑块控件是在水平滑动轨道上滑动时；滑块控件的一侧指滑块控件的左侧，且滑块控件的另一侧指滑块控件的右侧；或者，滑块控件的一侧指滑块控件的右侧，且滑块控件的另一侧指滑块控件的左侧。

本申请对第二滑动控件的可滑动方向的上限数量并不做限定，可以是两个或更多；本申请对第二滑动控件的可滑动区域并不做限定，可以是一条或多条预定的滑动轨道，也可以是不包含滑动轨道的一块或多块区域，等等；本申请对第二滑动控件的可滑动轨迹的形状也做不限定，可以是水平轨迹、可以是竖直轨迹、也可以是曲线轨迹，等等。

在本申请实施例中，相比于现有技术中对于滑块控件间相对位置的限制(比如，用一个滑动控件实时的位置去实时地限制另一个滑动控件的可滑动区域等)，可以减少这种限制甚至取消这种限制。从而可以让各滑动控件互不限制地在同一个预定的可滑动区域中滑动，每个滑动控件实时的位置可以不对其他滑动控件的可滑动区域造成限制；或者，即使各滑动控件相互之前仍然有某些限制(比如相互之间的距离不能超过设定阈值等等)，至少仍可以实现步骤S102中的动作。

以背景技术中的场景为例，当采用本申请的方案时，左滑块控件与右滑块控件可以互换。具体地，左滑块控件可以从右滑块控件的所在位置或左侧，滑动至右滑块控件的右侧，且当左滑块控件滑动至右滑块控件的右侧后，原来的左滑块控件成为右滑块控件，原来的右滑块控件成为左滑块控件；类似地，右滑块控件也可以从左滑块控件的所在位置或右侧，滑动至左滑块控件的左侧。

在本申请实施例中，对取消所述限制的具体实施方式并不做限定，其可以取决于在现有技术所述限制是如何产生的。例如，在基于jQuery的滑块选择器中，是预先定义了一个包含两个元素的数组，该数组的第0个元素表示左滑块控件对应的值，该数组的第1个元素表示右滑块控件对应的值，且限制第1个元素的值始终不小于第0个元素的值。而在本申请的方案中，可以仍然采用该数组但是取消该限制，或者，甚至可以不用采用该数组，而是采用两个相互独立的变量分别表示第一滑动控件对应的值和第二滑动控件对应的值，从而相当于也取消了该限制。列举的这两种取消所述限制的具体实施方法仅是示例，并非对本申请的限定，也可以根据实际情况，采用其他的具体实施方法取消所述限制。

通过上述方法，第一滑动控件、第二滑动控件可以是滑块控件，可以取消现有技术中对于滑块控件间相对位置的限制，使得滑块控件相互之间可以互换，第一滑动控件既可以滑动至第二滑动控件的一侧，也可以滑动至第二滑动控件的另一侧，从而在背景技术中提到的场景下，可以减少用户的操作，提高滑块选择器的使用便利性，因此，可以部分或全部地解决现有技术中的问题。

基于上述方法，本申请实施例还提供了上述方法的一些具体实施方案，以及扩展方案，下面进行说明。

在本申请实施例中，步骤S102可以有两种实施方式。

第一种，对于步骤S102，使所述第一滑动控件滑动至所述第二滑动控件的另一侧，具体可以包括：使所述第一滑动控件经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧。

例如，第一滑动控件可以直接越过第二滑动控件，滑动至第二滑动控件的另一侧，其中，第一滑动控件和第二滑动控件可以位于同一滑动轨道上，也可以不位于滑动轨道上而是位于不包含滑动轨道的可滑动区域中。

第二种，对于步骤S102，使所述第一滑动控件滑动至所述第二滑动控件的另一侧，具体可以包括：使所述第一滑动控件不经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧。前提是第一滑动控件位于第二滑动控件的一侧，而不是位于第二滑动控件的所在位置。

例如，第一滑动控件滑动至第二滑动控件附近时，可以自动绕过第二滑动控件再继续滑动，在此过程中不与第二滑动控件重合。

对于用户操作体验而言，上述两种方式都可以减少用户操作，不会打断操作过程，有利于提高操作过程流畅性。进一步地，第一种方式还有利于减少第一滑动控件的滑动距离进而减少操作时间，比如，第一滑动控件可以将与第二滑动控件之间的直线连线及其延长线作为滑动轨迹，从第二滑动控件的一侧直线滑动(最短滑动距离)至第二滑动控件的另一侧；第二种方式还有利于防止用户无法及时感知滑动控件的所在位置之间发生重合的问题发生，比如，在有不止两个滑动控件存在的场景下，在现有技术中，当其中两个滑动控件的所在位置发生重合，用户难以感知，可能会以为那里只有一个滑动控件，而在第二种方式下，滑动控件相互之间所在位置不会重合，因此可以防止该问题发生。

在实际应用中，为了便于控制滑动控件的可滑动区域，往往会设置滑动轨道，并使滑动控件只能在滑动轨道上滑动。下面针对有滑动轨道的情况，对本申请的方案进一步地说明。

在本申请实施例中，第一滑动控件、第二滑动控件可以位于同一滑动轨道上。在这种情况下，对于步骤S101和S102，所述第二滑动控件的一侧包括所述滑动轨道位于所述第二滑动控件的所在位置一侧的轨道部分，所述第二滑动控件的另一侧包括所述滑动轨道位于所述第二滑动控件的所在位置另一侧的轨道部分。

进一步地，对于步骤S102，使所述第一滑动控件经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧，具体可以包括：使所述第一滑动控件沿所述滑动轨道，经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧。

需要说明的是，对于诸如环形滑动轨道等存在回环的滑动轨道，第二滑动控件也可以不经由第二滑动控件的所在位置，反方向滑动至第二滑动控件的另一侧。

在本申请实施例中，如前所述，滑动控件可以有不同的用途，其中最常用的用途之一为在背景技术提到的用途，也即，用于从确定的取值区间中选择取值子区间。在这种情况下，滑动轨道用于指定取值区间；第一滑动控件和第二滑动控件用于从所述取值区间中选择取值子区间。

本申请对所述取值区间对应的属性并不做限定，比如，所述取值区间对应的属性可以是价格、时间、距离等。所述取值区间可以是连续区间，也可以是非连续区间(比如离散区间等)，所述取值区间中的每个取值可以对应于滑动轨道上的至少一个位置。

在本申请实施例中，对于步骤S102，使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，还可以执行：根据所述第一滑动控件滑动后在所述滑动轨道上的所在位置、所述第二滑动控件在所述滑动轨道上的所在位置，确定由所述第一滑动控件和所述第二滑动控件从所述取值区间中选择出的取值子区间。

一般地，选择出的取值子区间为第一滑动控件与第二滑动控件之间的轨道部分对应的取值子区间，第一滑动控件的所在位置与第二滑动控件的所在位置分别对应于该取值子区间的一个区间端点值。

需要说明的是，这只是确定选择出的取值子区间可采用的具体实施方式的示例，并非是对本申请的限定，也可以采用其他方式，确定选择出的取值子区间。比如，可以将取值区间的某个端点与第一滑动控件的所在位置之间的轨道部分对应的取值子区间，和/或该端点与第二滑动控件的所在位置之间的轨道部分对应的取值子区间，确定为选择出的取值子区间；等等。

在本申请实施例中，如前所述，所述第一滑动控件、所述第二滑动控件为滑块控件。本申请对滑块控件、滑动轨道的样式(比如颜色、形状、纹理、图案等)并不做限定。

在本申请实施例中，除了背景技术中提到的问题以外，还有一种类似的问题，也可以采用本申请的方案解决，下面进行说明。

对于触摸屏设备，很多应用都允许用户通过长按页面唤出的左右两个滑动手柄控件选择该页面上显示的页面元素(比如，文本、图片等)，用户可以拖拽左滑动手柄控件或右滑动手柄控件，使其在页面上滑动，从左滑动手柄控件所在位置至左滑动手柄控件所在位置之间(可以属于一行或多行)显示的页面元素可以确定为选中的页面元素。

但是，在现有技术中，与滑块选择器的问题类似，在同一行中，右滑动手柄控件无法滑动至左滑动手柄控件的左侧，左滑动手柄控件无法滑动至右滑动手柄控件的右侧，从而不便于用户使用。而若采用本申请的方案，第一滑动控件、第二滑动控件可以为用于选中所在页面上显示的页面元素的滑动手柄控件，则对于这对滑动手柄控件，其中任一个滑动手柄控件都可以从另一个滑动手柄控件的一侧滑动至另一侧，因此，可以部分或全部地解决现有技术中的问题。

进一步地，在这种情况下，对于步骤S102，使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，还可以执行：根据所述第一滑动控件滑动后的所在位置、所述第二滑动控件的所在位置，确定由所述第一滑动控件和所述第二滑动控件选中的页面元素。

以上为本申请实施例提供的一种滑动控件控制方法，基于同样的思路，本申请实施例还提供相应的滑动控件控制装置，如图2所示。

图2为本申请实施例提供的一种滑动控件控制装置的结构示意图。所述装置包括：

接收模块201，接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；

滑动模块202，当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。

可选地，所述滑动指令是基于针对第一滑动控件的拖拽操作生成的。

可选地，滑动模块202，使所述第一滑动控件经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧。

可选地，所述第一滑动控件、所述第二滑动控件位于同一滑动轨道上；

所述第二滑动控件的一侧包括所述滑动轨道位于所述第二滑动控件的所在位置一侧的轨道部分，所述第二滑动控件的另一侧包括所述滑动轨道位于所述第二滑动控件的所在位置另一侧的轨道部分。

可选地，所述滑动模块202，使所述第一滑动控件沿所述滑动轨道，经由所述第二滑动控件的所在位置，滑动至所述第二滑动控件的另一侧。

可选地，所述滑动轨道用于指定取值区间；

所述第一滑动控件和所述第二滑动控件用于从所述取值区间中选择取值子区间。

可选地，所述装置还包括：

第一确定模块203，在所述滑动模块使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，根据所述第一滑动控件滑动后在所述滑动轨道上的所在位置、所述第二滑动控件在所述滑动轨道上的所在位置，确定由所述第一滑动控件和所述第二滑动控件从所述取值区间中选择出的取值子区间。

可选地，所述第一滑动控件、所述第二滑动控件为滑块控件。

可选地，所述第一滑动控件、所述第二滑动控件为用于选中所在页面上显示的页面元素的滑动手柄控件；

所述装置还包括：

第二确定模块204，在所述滑动模块使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，根据所述第一滑动控件滑动后的所在位置、所述第二滑动控件的所在位置，确定由所述第一滑动控件和所述第二滑动控件选中的页面元素。

图2中的装置具体可以位于滑动控件所在的设备上。

本申请提供的装置是与本申请提供的方法一一对应的，因此，所述装置也具有与所述方法类似的有益技术效果，由于上面已经对所述方法的有益技术效果进行了详细说明，因此，这里不赘述所述装置的有益技术效果。

进一步地，基于同样的思路，本申请实施例还提供了一种滑块选择器，该滑块选择器为图2中装置在一种应用场景(滑动控件具体为滑块控件)下的实例，通过该滑块选择器可以执行图1中的方法。如图3所示。

图3为本申请实施例提供的一种滑块选择器的用户界面示意图。图3中的滑块选择器包括滑动轨道31、位于所述滑动轨道上的第一滑块控件32和第二滑块控件33，第一滑块控件32位第二滑块控件33的所在位置或第二滑块控件33的一侧；

所述滑块选择器当确定接收到的针对第一滑块控件32的滑动指令用于指示滑动至第二滑块控件33的另一侧时，使第一滑块控件32沿所述滑动轨道，滑动至第二滑块控件33的另一侧。

可选地，所述滑动指令是基于针对第一滑块控件的拖拽操作生成的。

可选地，第二滑块控件33的一侧包括所述滑动轨道位于第二滑块控件33的所在位置一侧的轨道部分，第二滑块控件33的另一侧包括所述滑动轨道位于第二滑块控件33的所在位置另一侧的轨道部分。

可选地，所述滑块选择器当确定接收到的针对第一滑块控件32的滑动指令用于指示滑动至第二滑块控件33的另一侧时，使第一滑块控件32沿所述滑动轨道，经由第二滑块控件33的所在位置，滑动至第二滑块控件33的另一侧。

可选地，所述滑动轨道用于指定取值区间；

第一滑块控件32和第二滑块控件33用于从所述取值区间中选择取值子区间。

可选地，所述滑块选择器使第一滑块控件32滑动至第二滑块控件33的另一侧后，根据第一滑块控件32滑动后在所述滑动轨道上的所在位置、第二滑块控件33在所述滑动轨道上的所在位置，确定由第一滑块控件32和第二滑块控件33从所述取值区间中选择出的取值子区间。

通过所述滑块选择器，可以取消现有技术中对于滑块控件间相对位置的限制，使得滑块控件相互之间可以互换，第一滑块控件既可以滑动至第二滑块控件的一侧，也可以滑动至第二滑块控件的另一侧，从而在背景技术中提到的场景下，可以减少用户的操作，提高滑块选择器的使用便利性，因此，可以部分或全部地解决现有技术中的问题。

本申请实施例提供的滑块选择器与现有技术中的滑块选择器在用户界面外观上可以相同也可以不同，无论哪种情况，两者操作效果是有区别的，正是由于这种区别才能部分或全部地解决现有技术中的问题。为了更直观地说明这种区别，下面会结合相关的示意图进行说明，包括：图4、图5a～图5c、图6a～图6d、图7a～图7g。

图4为现有技术提供的一种滑块选择器的用户界面示意图，为了便于观看，图4中的用户界面与图3中的用户界面外观上是相同的，图4中的滑块选择器包括：滑动轨道31’、右滑块控件32’、左滑块控件33’。

在图4中，滑动轨道31’用于指定一个票价区间，且当前由左滑块控件33’和右滑块控件32’选择出的票价子区间为[￥2011-￥3536]，也即，滑动轨道31’的深色部分对应的票价子区间。其中，左滑块控件33’的所在位置对应的票价为￥2011，右滑块控件32’的所在位置对应的票价为￥3536。

图5a～图5c对应的场景为背景技术中的场景，在该场景中，用户想要将右滑块控件32’滑动至左滑块控件33’的左侧。

图5a为现有技术提供的一种滑块控件控制流程对应的第一状态示意图。在图5a中，用户开始将右滑块控件32’向左侧滑动。

图5b为现有技术提供的一种滑块控件控制流程对应的第二状态示意图。在图5b中，用户已将右滑块控件32’向左侧滑动至左滑块控件33’的所在位置，右滑块控件32’重叠在左滑块控件33’上(也即，右滑块控件32’处于左滑块控件33’的所在位置)。

图5c为现有技术提供的一种滑块控件控制流程对应的第三状态示意图。在图5c中，受限于现有技术，在左滑块控件33’不移动的情况下，用户无法继续将右滑块控件32’向左侧滑动。用户无法将右滑块控件32’滑动至左滑块控件33’的左侧。

而如前所述，本申请的方案可以部分或全部地解决现有技术中的问题。具体地，图6a～图6c对应的场景也为背景技术中的场景。

图6a为本申请实施例提供的一种滑块控件控制流程的第一状态示意图。在图6a中，用户开始将第一滑块控件32向左侧滑动。

图6b为本申请实施例提供的一种滑块控件控制流程的第二状态示意图。在图6b中，用户已将第一滑块控件32向左侧滑动至第二滑块控件33的所在位置，第一滑块控件32重叠在第二滑块控件33上(也即，第一滑块控件32处于第二滑块控件33的所在位置)。

图6c为本申请实施例提供的一种滑块控件控制流程的第三状态示意图。在图6c中，基于本申请的方案，无需第二滑块控件33移动，用户也可以继续将第一滑块控件32向左侧滑动。

图6d为本申请实施例提供的一种滑块控件控制流程的第四状态示意图。在图6d中，用户已将第一滑块控件32从第二滑块控件33的右侧，经由第二滑块控件33的所在位置，滑动至第二滑块控件33的左侧。

前面已经提到，本申请的方案在某些场景下，可以减少用户的操作，提高用户的操作体验。以图7a～图7g为例，对这个效果具体说明，在图7a～图7g中，为了便于描述，在滑动轨道上标注了若干个位置点。

图7a为实际应用中的一种滑块控件控制场景示意图。由于在后续的图7b～图7g中会对现有技术与本申请的方案进行对比，因此，图7a中滑块选择器可以指现有技术中的滑块选择器，也可以指本申请的方案的滑块选择器，相应地，图7a中的每个部分都分别标示了对应于本申请的方案的标号、对于现有技术的标号。

在图7a中，滑块控件32(32’)位于位置5，滑块控件33(33’)位于位置4，假定用户想要将滑块控件32(32’)滑动至位置3，并将滑块控件33(33’)滑动至位置2。假定用户首先滑动32(32’)。

图7b～图7d对应于现有技术。图7e～图7g对应于本申请的方案。

图7b为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第一状态示意图。在图7b中，用户已将右滑块控件32’向左侧滑动至左滑块控件33’的所在位置(也即，位置4)，右滑块控件32’重叠在左滑块控件33’上，但是，受限于现有技术，在左滑块控件33’不移动的情况下，用户无法继续将右滑块控件32’向左侧滑动。用户无法将右滑块控件32’滑动至左滑块控件33’的左侧。

图7c为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第二状态示意图。在图7c中，由于用户无法继续将右滑块控件32’向左侧滑动，操作过程中断，用户只能转而先将左滑块控件33’向左侧滑动至目标位置(也即，位置2)。

图7d为现有技术提供的针对图7a中场景的一种滑块控件控制流程对应的第三状态示意图。在图7d中，由于左滑块控件33’已经向左滑动，因此，用户可以再次开始将右滑块控件32’向左侧滑动，直至滑动至目标位置(也即，位置3)。

至此，右滑块控件32’和左滑块控件33’均已经滑动至目标位置。在图7b～图7d的整个过程中，用户的操作过程被迫发生了中断，用户一共需要进行三次连续的操作。

针对图7a的场景，分析完了现有技术，下面继续分析本申请的方案。

图7e为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第一状态示意图。在图7e中，用户已将第一滑块控件32向左侧滑动至第二滑块控件33的所在位置(也即，位置4)，第一滑块控件32重叠在第二滑块控件33上。

图7f为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第二状态示意图。在图7f中，基于本申请的方案，操作过程可以不中断，即使第二滑块控件33不移动，用户仍可以继续将第一滑块控件32向左侧滑动，直至滑动至目标位置(也即，位置3)。

图7g为本申请实施例提供的针对图7a中场景的一种滑块控件控制流程对应的第三状态示意图。在图7g中，类似与图7e和图7f中的过程，用户可以将第二滑块控件33从位置4，经由第一滑块控件32此时的所处位置(也即，位置3)，滑动至目标位置(也即，位置2)。

至此，第一滑块控件32和第二滑块控件33均已经滑动至目标位置。在图7e～图7f的整个过程中，用户的操作过程没有被迫发生了中断，用户一共只需要进行两次连续的操作，少于现有技术对应的次数。

根据以上分析可知本申请的方案与现有技术的操作效果的区别，本申请的方案可以部分或全部地解决现有技术中的问题。在诸如图7a等对应的场景中，相比于现有技术，本申请的方案可以减少用户的操作，提高用户的操作体验。

以上主要是以滑块控件作为滑动控件的示例，对本申请的方案进行了说明。对于其他的滑动控件(比如，用于选中所处页面中显示的页面元素的滑动手柄控件等)，当采用本申请的方案时也可以有类似的操作效果，在此不赘述。

本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

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

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

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (8)

1.一种滑动控件控制方法，其特征在于，包括：

接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；

当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件在所述第一滑动控件的可滑动区域中绕过所述第二滑动控件，滑动至所述第二滑动控件的另一侧；所述第一滑动控件的可滑动区域为不包含滑动轨道的一块或多块区域；

确定由所述第一滑动控件和所述第二滑动控件选中的一行或多行页面元素。

2.如权利要求1所述的方法，其特征在于，所述滑动指令是基于针对第一滑动控件的拖拽操作生成的。

3.如权利要求1～2任一项所述的方法，其特征在于，所述第一滑动控件、所述第二滑动控件为滑块控件。

4.如权利要求1～2任一项所述的方法，其特征在于，所述第一滑动控件、所述第二滑动控件为用于选中所在页面上显示的页面元素的滑动手柄控件；

使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，所述方法还包括：

根据所述第一滑动控件滑动后的所在位置、所述第二滑动控件的所在位置，确定由所述第一滑动控件和所述第二滑动控件选中的页面元素。

5.一种滑动控件控制装置，其特征在于，包括：

接收模块，接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；

滑动模块，当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件在所述第一滑动控件的可滑动区域中绕过所述第二滑动控件，滑动至所述第二滑动控件的另一侧；所述第一滑动控件的可滑动区域为不包含滑动轨道的一块或多块区域；

第二确定模块，确定由所述第一滑动控件和所述第二滑动控件选中的一行或多行页面元素。

6.如权利要求5所述的装置，其特征在于，所述滑动指令是基于针对第一滑动控件的拖拽操作生成的。

7.如权利要求5～6任一项所述的装置，其特征在于，所述第一滑动控件、所述第二滑动控件为滑块控件。

8.如权利要求5～6任一项所述的装置，其特征在于，所述第一滑动控件、所述第二滑动控件为用于选中所在页面上显示的页面元素的滑动手柄控件；

所述装置还包括：

第二确定模块，在所述滑动模块使所述第一滑动控件滑动至所述第二滑动控件的另一侧后，根据所述第一滑动控件滑动后的所在位置、所述第二滑动控件的所在位置，确定由所述第一滑动控件和所述第二滑动控件选中的页面元素。

Images