TW201800927A - 滑動控制項控制方法及裝置、滑塊選擇器 - Google Patents

Abstract

本申請公開了滑動控制項控制方法及裝置、滑塊選擇器，用於解決現有技術中的滑塊選擇器在某些場景下的使用便利性較差的問題。該方法包括：接收針對第一滑動控制項的滑動指令，所述第一滑動控制項位於第二滑動控制項的所在位置或所述第二滑動控制項的一側；當確定所述滑動指令用於指示滑動至所述第二滑動控制項的另一側時，使所述第一滑動控制項滑動至所述第二滑動控制項的另一側。

Description

滑動控制項控制方法及裝置、滑塊選擇器

本申請關於電腦技術領域，尤其關於滑動控制項控制方法及裝置、滑塊選擇器。

隨著電腦技術和互聯網技術的迅速發展，網頁頁面上的各類控制項也日益豐富，這些控制項豐富了頁面的展現形式，也為使用者與頁面的交互提供了極大的便利。

滑塊選擇器是常用的控制項之一。滑塊選擇器一般包括一條滑動軌道和兩個滑塊控制項，滑動軌道指定了一個取值區間，用戶可以透過將滑塊控制項在滑動軌道上滑動，在該取值區間中選擇一個取值子區間。以水準的滑動軌道為例，兩個滑塊控制項一個是左滑塊控制項，另一個是右滑塊控制項，左滑塊控制項和右滑塊控制項之間的軌道部位對應的取值子區間即可確定為用戶當前選擇出的取值子區間。

但是，在現有技術中，左滑塊控制項只能在右滑塊控制項的左側滑動，右滑塊控制項只能在左滑塊控制項的右側滑動，這樣的限制導致滑塊選擇器在某些場景下的使用 便利性較差。

例如，假定當前左滑塊控制項和右滑塊控制項在滑動軌道上的所處位置重合，且右滑塊控制項覆蓋於左滑塊控制項之上。若使用者想要選擇位於左滑塊控制項和右滑塊控制項左側的取值子區間，則會點擊左滑塊控制項和右滑塊控制項的所處位置，並進行向左的拖曳操作，但是，由於用戶此時拖曳到的實際上是右滑塊控制項，則右滑塊控制項無法按照該拖曳操作，滑動至左滑塊控制項的左側，這樣的話，用戶只能現將右滑塊控制項向右拖開，然後將左滑塊控制項向左拖動至待選擇的取值子區間的左端點取值對應的位置，再將右滑塊控制項向左拖動至待選擇的取值子區間的右端點取值對應的位置，可見操作比較繁瑣，使用便利性較差。

本申請實施例提供滑動控制項控制方法及裝置、滑塊選擇器，用以解決現有技術中的滑塊選擇器在某些場景下的使用便利性較差的問題。

本申請實施例採用下述技術方案：本申請實施例提供的一種滑動控制項控制方法，包括：接收針對第一滑動控制項的滑動指令，所述第一滑動控制項位於第二滑動控制項的所在位置或所述第二滑動控制項的一側； 當確定所述滑動指令用於指示滑動至所述第二滑動控制項的另一側時，使所述第一滑動控制項滑動至所述第二滑動控制項的另一側。

本申請實施例提供的一種滑動控制項控制裝置，包括：接收模組，接收針對第一滑動控制項的滑動指令，所述第一滑動控制項位於第二滑動控制項的所在位置或所述第二滑動控制項的一側；滑動模組，當確定所述滑動指令用於指示滑動至所述第二滑動控制項的另一側時，使所述第一滑動控制項滑動至所述第二滑動控制項的另一側。

本申請實施例提供的一種滑塊選擇器，包括滑動軌道、位於所述滑動軌道上的第一滑塊控制項和第二滑塊控制項，所述第一滑塊控制項位於所述第二滑塊控制項的所在位置或所述第二滑塊控制項的一側；所述滑塊選擇器當確定接收到的針對所述第一滑塊控制項的滑動指令用於指示滑動至所述第二滑塊控制項的另一側時，使所述第一滑塊控制項沿所述滑動軌道，滑動至所述第二滑塊控制項的另一側。

本申請實施例採用的上述至少一個技術方案能夠達到以下有益效果：第一滑動控制項、第二滑動控制項可以是滑塊控制項，可以取消現有技術中對於滑塊控制項間相對位置的限制，使得滑塊控制項相互之間可以互換，第一滑動控制項既可以滑動至第二滑動控制項的一側，也可以滑 動至第二滑動控制項的另一側，從而在背景技術中提到的場景下，可以減少用戶的操作，提高滑塊選擇器的使用便利性，因此，可以部分或全部地解決現有技術中的問題。

S101‧‧‧步驟

S102‧‧‧步驟

201‧‧‧接收模組

202‧‧‧滑動模組

31‧‧‧滑動軌道

32‧‧‧第一滑塊控制項

33‧‧‧第二滑塊控制項

31’‧‧‧滑動軌道

32’‧‧‧右滑塊控制項

33’‧‧‧左滑塊控制項

此處所說明的附圖用來提供對本申請的進一步理解，構成本申請的一部分，本申請的示意性實施例及其說明用於解釋本申請，並不構成對本申請的不當限定。在附圖中：圖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 (24)

1. 一種滑動控制項控制方法，其特徵在於，包括：接收針對第一滑動控制項的滑動指令，該第一滑動控制項位於第二滑動控制項的所在位置或該第二滑動控制項的一側；當確定該滑動指令用於指示滑動至該第二滑動控制項的另一側時，使該第一滑動控制項滑動至該第二滑動控制項的另一側。
2. 如申請專利範圍第1項所述的方法，其中，該滑動指令是基於針對第一滑動控制項的拖曳操作生成的。
3. 如申請專利範圍第1項所述的方法，其中，使該第一滑動控制項滑動至該第二滑動控制項的另一側，具體包括：使該第一滑動控制項經由該第二滑動控制項的所在位置，滑動至該第二滑動控制項的另一側。
4. 如申請專利範圍第1項所述的方法，其中，該第一滑動控制項、該第二滑動控制項位於同一滑動軌道上；該第二滑動控制項的一側包括該滑動軌道位於該第二滑動控制項的所在位置一側的軌道部分，該第二滑動控制項的另一側包括該滑動軌道位於該第二滑動控制項的所在位置另一側的軌道部分。
5. 如申請專利範圍第4項所述的方法，其中，使該第一滑動控制項經由該第二滑動控制項的所在位置，滑動至該第二滑動控制項的另一側，具體包括： 使該第一滑動控制項沿該滑動軌道，經由該第二滑動控制項的所在位置，滑動至該第二滑動控制項的另一側。
6. 如申請專利範圍第4項所述的方法，其中，該滑動軌道用於指定取值區間；該第一滑動控制項和該第二滑動控制項用於從該取值區間中選擇取值子區間。
7. 如申請專利範圍第6項所述的方法，其中，使該第一滑動控制項滑動至該第二滑動控制項的另一側後，該方法還包括：根據該第一滑動控制項滑動後在該滑動軌道上的所在位置、該第二滑動控制項在該滑動軌道上的所在位置，確定由該第一滑動控制項和該第二滑動控制項從該取值區間中選擇出的取值子區間。
8. 如申請專利範圍第1至7項中任一項所述的方法，其中，該第一滑動控制項、該第二滑動控制項為滑塊控制項。
9. 如申請專利範圍第1至3項中任一項所述的方法，其中，該第一滑動控制項、該第二滑動控制項為用於選中所在頁面上顯示的頁面元素的滑動手柄控制項；使該第一滑動控制項滑動至該第二滑動控制項的另一側後，該方法還包括：根據該第一滑動控制項滑動後的所在位置、該第二滑動控制項的所在位置，確定由該第一滑動控制項和該第二滑動控制項選中的頁面元素。
10. 一種滑動控制項控制裝置，其特徵在於，包括：接收模組，接收針對第一滑動控制項的滑動指令，該第一滑動控制項位於第二滑動控制項的所在位置或該第二滑動控制項的一側；滑動模組，當確定該滑動指令用於指示滑動至該第二滑動控制項的另一側時，使該第一滑動控制項滑動至該第二滑動控制項的另一側。
11. 如申請專利範圍第10項所述的裝置，其中，該滑動指令是基於針對第一滑動控制項的拖曳操作生成的。
12. 如申請專利範圍第10項所述的裝置，其中，該滑動模組，使該第一滑動控制項經由該第二滑動控制項的所在位置，滑動至該第二滑動控制項的另一側。
13. 如申請專利範圍第10項所述的裝置，其中，該第一滑動控制項、該第二滑動控制項位於同一滑動軌道上；該第二滑動控制項的一側包括該滑動軌道位於該第二滑動控制項的所在位置一側的軌道部分，該第二滑動控制項的另一側包括該滑動軌道位於該第二滑動控制項的所在位置另一側的軌道部分。
14. 如申請專利範圍第13項所述的裝置，其中，該滑動模組，使該第一滑動控制項沿該滑動軌道，經由該第二滑動控制項的所在位置，滑動至該第二滑動控制項的另一側。
15. 如申請專利範圍第13項所述的裝置，其中，該 滑動軌道用於指定取值區間；該第一滑動控制項和該第二滑動控制項用於從該取值區間中選擇取值子區間。
16. 如申請專利範圍第15項所述的裝置，其中，該裝置還包括：第一確定模組，在該滑動模組使該第一滑動控制項滑動至該第二滑動控制項的另一側後，根據該第一滑動控制項滑動後在該滑動軌道上的所在位置、該第二滑動控制項在該滑動軌道上的所在位置，確定由該第一滑動控制項和該第二滑動控制項從該取值區間中選擇出的取值子區間。
17. 如申請專利範圍第10至16項之任一項所述的裝置，其中，該第一滑動控制項、該第二滑動控制項為滑塊控制項。
18. 如申請專利範圍第10至12項之任一項所述的裝置，其中，該第一滑動控制項、該第二滑動控制項為用於選中所在頁面上顯示的頁面元素的滑動手柄控制項；該裝置還包括：第二確定模組，在該滑動模組使該第一滑動控制項滑動至該第二滑動控制項的另一側後，根據該第一滑動控制項滑動後的所在位置、該第二滑動控制項的所在位置，確定由該第一滑動控制項和該第二滑動控制項選中的頁面元素。
19. 一種滑塊選擇器，其特徵在於，包括滑動軌道、位於該滑動軌道上的第一滑塊控制項和第二滑塊控制項， 該第一滑塊控制項位於該第二滑塊控制項的所在位置或該第二滑塊控制項的一側；該滑塊選擇器當確定接收到的針對該第一滑塊控制項的滑動指令用於指示滑動至該第二滑塊控制項的另一側時，使該第一滑塊控制項沿該滑動軌道，滑動至該第二滑塊控制項的另一側。
20. 如申請專利範圍第19項所述的滑塊選擇器，其中，該滑動指令是基於針對第一滑塊控制項的拖曳操作生成的。
21. 如申請專利範圍第19項所述的滑塊選擇器，其中，該第二滑塊控制項的一側包括該滑動軌道位於該第二滑塊控制項的所在位置一側的軌道部分，該第二滑塊控制項的另一側包括該滑動軌道位於該第二滑塊控制項的所在位置另一側的軌道部分。
22. 如申請專利範圍第21項所述的滑塊選擇器，其中，該滑塊選擇器當確定接收到的針對該第一滑塊控制項的滑動指令用於指示滑動至該第二滑塊控制項的另一側時，使該第一滑塊控制項沿該滑動軌道，經由該第二滑塊控制項的所在位置，滑動至該第二滑塊控制項的另一側。
23. 如申請專利範圍第21項所述的滑塊選擇器，其中，該滑動軌道用於指定取值區間；該第一滑塊控制項和該第二滑塊控制項用於從該取值區間中選擇取值子區間。
24. 如申請專利範圍第23項所述的滑塊選擇器，其 中，該滑塊選擇器使該第一滑塊控制項滑動至該第二滑塊控制項的另一側後，根據該第一滑塊控制項滑動後在該滑動軌道上的所在位置、該第二滑塊控制項在該滑動軌道上的所在位置，確定由該第一滑塊控制項和該第二滑塊控制項從該取值區間中選擇出的取值子區間。