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

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

Info

Publication number
WO2018001115A1
WO2018001115A1 PCT/CN2017/088548 CN2017088548W WO2018001115A1 WO 2018001115 A1 WO2018001115 A1 WO 2018001115A1 CN 2017088548 W CN2017088548 W CN 2017088548W WO 2018001115 A1 WO2018001115 A1 WO 2018001115A1
Authority
WO
WIPO (PCT)
Prior art keywords
sliding
control
slider
track
sliding control
Prior art date
Application number
PCT/CN2017/088548
Other languages
English (en)
French (fr)
Inventor
朱兴民
林晓晴
Original Assignee
阿里巴巴集团控股有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司 filed Critical 阿里巴巴集团控股有限公司
Priority to JP2018568910A priority Critical patent/JP6784784B2/ja
Priority to EP17819112.8A priority patent/EP3477450A4/en
Priority to MYPI2018002918A priority patent/MY193311A/en
Priority to SG11201811558QA priority patent/SG11201811558QA/en
Priority to KR1020197002655A priority patent/KR102230429B1/ko
Publication of WO2018001115A1 publication Critical patent/WO2018001115A1/zh
Priority to US16/234,467 priority patent/US10782866B2/en
Priority to PH12019500007A priority patent/PH12019500007A1/en
Priority to US16/721,428 priority patent/US10782867B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present application relates to the field of computer technology, and in particular, to a sliding control control method and device, and a slider selector.
  • the slider selector is one of the commonly used controls.
  • the slider selector generally includes a sliding track and two slider controls, and the sliding track specifies a value interval, and the user can select a value sub-interval in the value interval by sliding the slider control on the sliding track. .
  • one of the two slider controls is a left slider control, and the other is a right slider control, and the corresponding sub-interval of the track portion between the left slider control and the right slider control is Determine the value sub-interval that is currently selected by the user.
  • the left slider control can only slide on the left side of the right slider control, and the right slider control can only slide on the right side of the left slider control, such a limitation causes the slider selector to be in a certain The ease of use in these scenarios is poor.
  • the right slider controls For example, suppose the current left and right slider controls coincide on the sliding track, and the right slider controls over the left slider. If the user wants to select the value subinterval located on the left side of the left slider control and the right slider control, the position of the left slider control and the right slider control is clicked, and the leftward drag operation is performed, but Because the user is actually dragging the right slider control, the right slider control cannot follow the drag operation and slide to the left side of the left slider control. In this case, the user can only use the right slider. Drag the control to the right, then drag the left slider control to the left to the position corresponding to the value of the left endpoint of the value subinterval to be selected, and then drag the right slider control to the left to the value to be selected. The position of the right end of the interval corresponds to the position, and the operation is cumbersome and the convenience is poor.
  • the embodiment of the present application provides a sliding control control method and device, and a slider selector, which are used to solve the problem that the slider selector in the prior art is less convenient to use in some scenarios.
  • the first sliding control Receiving a sliding instruction for the first sliding control, the first sliding control being located at a position of the second sliding control or a side of the second sliding control;
  • the first sliding control is slid to the other side of the second sliding control.
  • the receiving module receives a sliding instruction for the first sliding control, where the first sliding control is located at a position of the second sliding control or a side of the second sliding control;
  • a sliding module that, when it is determined that the sliding instruction is used to instruct sliding to the other side of the second sliding control, slides the first sliding control to the other side of the second sliding control.
  • a slider selector provided by the embodiment of the present application includes a sliding track, a first slider control and a second slider control located on the sliding track, and the first slider control is located at the second slider The location of the control or one side of the second slider control;
  • the slider selector when determining that the received sliding instruction for the first slider control is used to indicate sliding to the other side of the second slider control, causing the first slider control to follow The sliding track is slid to the other side of the second slider control.
  • the first sliding control and the second sliding control can be slider controls, which can cancel the limitation of the relative position between the slider controls in the prior art, so that the sliding
  • the block controls are interchangeable with each other, and the first sliding control can slide to one side of the second sliding control or to the other side of the second sliding control, so that in the scene mentioned in the background art,
  • the user's operation is reduced, and the convenience of use of the slider selector is improved, and therefore, problems in the prior art can be partially or completely solved.
  • FIG. 1 is a schematic flowchart of a sliding control method according to an embodiment of the present disclosure
  • FIG. 2 is a schematic structural diagram of a sliding control device according to an embodiment of the present application.
  • FIG. 3 is a schematic diagram of a user interface of a slider selector according to an embodiment of the present disclosure
  • FIG. 4 is a schematic diagram of a user interface of a slider selector provided by the prior art
  • FIG. 5a is a schematic diagram of a first state corresponding to a control flow of a slider control provided by the prior art
  • FIG. 5b is a schematic diagram of a second state corresponding to a control flow of a slider control provided by the prior art
  • FIG. 5c is a schematic diagram of a third state corresponding to a control flow of a slider control provided by the prior art
  • FIG. 6 is a schematic diagram of a first state of a slider control process according to an embodiment of the present application.
  • FIG. 6b is a schematic diagram of a second state of a slider control process according to an embodiment of the present disclosure.
  • 6c is a schematic diagram of a third state of a slider control process according to an embodiment of the present disclosure.
  • FIG. 6 is a schematic diagram of a fourth state of a control flow of a slider control according to an embodiment of the present disclosure
  • FIG. 7a is a schematic diagram of a slider control control scenario in practical application.
  • FIG. 7b is a schematic diagram of a first state corresponding to a slider control flow of the scenario in FIG. 7a provided by the prior art
  • FIG. 7c is a second state diagram corresponding to a control flow of a slider control for the scene in FIG. 7a provided by the prior art
  • FIG. 7d is a schematic diagram of a third state corresponding to a slider control flow of the scenario in FIG. 7a provided by the prior art
  • FIG. 7e is a schematic diagram of a first state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • FIG. 7 is a schematic diagram of a second state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • FIG. 7g is a schematic diagram of a third state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • the solution of the present application may involve two sliding controls or more than two sliding controls, since the scenes for more than two sliding controls may be split into sub-scene of two sliding controls, and each sub-scene may be separately
  • the solution of the present application is implemented. Therefore, the following is mainly based on the scene of two sliding controls, for the convenience of description, two The sliding control is divided into: a first sliding control and a second sliding control.
  • the first sliding control and the second sliding control may be the same control or different controls.
  • the sliding control may be a complete control; or may be only a part of a complete control, for example, the first sliding control and the second sliding control may be part of the same slider selector respectively, the background
  • the left slider control and right slider control mentioned in the technology can be a sliding control, and so on.
  • the first sliding control may be completely replaced with the second sliding control, and the original second sliding control is completely replaced with the first sliding control.
  • FIG. 1 is a schematic flowchart diagram of a sliding control method according to an embodiment of the present application.
  • the execution body of the method in FIG. 1 may be a device where the slide control is located, and the slide control may be specifically located in a page of an application or an operating system carried by the device.
  • the device includes, but is not limited to, a mobile phone, a tablet computer, a smart watch, a car mobile station, a personal computer, a large and medium-sized computer, a computer cluster, and the like.
  • the specific device of the execution subject does not constitute a limitation on the present application.
  • the process in Figure 1 can include the following steps:
  • S101 Receive a sliding instruction for the first sliding control, where the first sliding control is located at a position of the second sliding control or a side of the second sliding control.
  • the first sliding control and the second sliding control may be a slider control, or may be a slidable control other than the slider control, for example, for displaying on the selected page.
  • the use of the first sliding control and the second sliding control is not limited, and may be used to select a value interval or select a value sub-interval from the determined value interval, which may be used to select a text, and may be used.
  • a value interval or select a value sub-interval from the determined value interval which may be used to select a text, and may be used.
  • text it can be used to color the image as a drawing tool, and so on.
  • the sliding instruction may be generated based on a drag operation for the first sliding control.
  • the user can directly drag and drop the first sliding control on the touch screen with the finger.
  • the user can drag and drop the first sliding control with a mouse or a touchpad and the like, and the device detects the user's drag operation.
  • the corresponding sliding instruction can be generated, and the instruction is transmitted to the function module for controlling the first sliding control, and then the execution of step S101 can be triggered, wherein the function module for controlling the first sliding control can be the first sliding Part of the control, it can also be a module other than the first sliding control.
  • the sliding instruction may also be generated based on an automatic script to simulate a drag operation for the first sliding control.
  • the user does not need to perform the drag operation by itself, and the execution of the automatic script may trigger the step S101. carried out.
  • one side of the second sliding control may refer to one of at least two slidable directions of the second sliding control; correspondingly, the other side of the second sliding control may refer to: the at least The other of the two slidable directions.
  • the sliding control may be a slider control when the slider control is sliding on the horizontal sliding track; one side of the slider control refers to the left side of the slider control, and the slider control is another One side refers to the right side of the slider control; or, one side of the slider control refers to the right side of the slider control, and the other side of the slider control refers to the left side of the slider control.
  • the number of upper limits of the slidable direction of the second sliding control is not limited, and may be two or more; the present application does not limit the slidable area of the second sliding control, and may be one or more predetermined
  • the sliding track may also be one or more areas that do not include a sliding track, and the like; the shape of the slidable track of the second sliding control is not limited, and may be a horizontal track, a vertical track, or It can also be a curve track, and so on.
  • each sliding control can slide in the same predetermined slidable area without restriction, and the position of each sliding control in real time can not limit the slidable area of other sliding controls; or even if the sliding controls still have each other before Certain restrictions (such as the distance between each other cannot exceed a set threshold, etc.), at least the action in step S102 can still be achieved.
  • the left slider control and the right slider control can be interchanged.
  • the left slider control can be swiped from the position or the left side of the right slider control to the right side of the right slider control, and when the left slider control is swiped to the right side of the right slider control, the original left The slider control becomes the right slider control, and the original right slider control becomes the left slider control; similarly, the right slider control can also be swiped from the position or the right side of the left slider control to the left of the left slider control. side.
  • the specific embodiment for canceling the limitation is not limited, and it may be depending on how the limitation is generated in the prior art.
  • an array of two elements is pre-defined.
  • the 0th element of the array represents the value corresponding to the left slider control
  • the first element of the array represents the right slider.
  • the value corresponding to the block control, and the value of the first element is always not less than the value of the 0th element.
  • the array can still be adopted but the limitation is cancelled, or even the array can be used instead, and two mutually independent variables are respectively used to represent the value corresponding to the first sliding control and the second sliding control.
  • the corresponding value which is equivalent to also canceling the limit.
  • the two listed implementations that cancel the restrictions The method is only an example, and is not intended to limit the present application, and the other specific implementation methods may be used to cancel the limitation according to actual conditions.
  • the first sliding control and the second sliding control may be slider controls, which may cancel the limitation of the relative position between the slider controls in the prior art, so that the slider controls are interchangeable with each other, and the first sliding control It can slide to one side of the second sliding control or to the other side of the second sliding control, so that in the scene mentioned in the background art, the operation of the user can be reduced, and the convenience of the slider selector can be improved. Therefore, the problems in the prior art can be solved partially or completely.
  • the embodiments of the present application further provide some specific implementation manners of the foregoing methods, and an extended solution, which will be described below.
  • step S102 there are two implementation manners in step S102.
  • sliding the first sliding control to the other side of the second sliding control may specifically include: causing the first sliding control to be located via the second sliding control, Slide to the other side of the second slide control.
  • the first sliding control may directly slide over the second sliding control to the other side of the second sliding control, wherein the first sliding control and the second sliding control may be located on the same sliding track or may not be located on the sliding track. Instead, it is located in a slidable area that does not contain a sliding track.
  • sliding the first sliding control to the other side of the second sliding control may specifically include: causing the first sliding control to not pass through the position of the second sliding control , sliding to the other side of the second slide control.
  • the premise is that the first sliding control is located on one side of the second sliding control, not in the position of the second sliding control.
  • the second sliding control can be automatically bypassed and then continued to slide, and does not coincide with the second sliding control during the process.
  • the above two methods can reduce the user operation, do not interrupt the operation process, and are beneficial to improve the smoothness of the operation process.
  • the first manner is also advantageous for reducing the sliding distance of the first sliding control and reducing the operation time.
  • the first sliding control can use a straight line connecting the second sliding control and an extension line thereof as a sliding track.
  • the linear sliding from the side of the second sliding control (the shortest sliding distance) to the other side of the second sliding control; the second method is also beneficial to prevent the user from being able to sense the coincidence of the position of the sliding control in time.
  • the first sliding control and the second sliding control may be located on the same sliding track.
  • one side of the second sliding control includes a track portion of the sliding track on a side of the second sliding control
  • the second sliding control One side includes a track portion on which the slide track is located on the other side of the position of the second slide control.
  • sliding the first sliding control to the other side of the second sliding control via the position of the second sliding control may specifically include: causing the first sliding control to be along The sliding track is slid to the other side of the second sliding control via a position of the second sliding control.
  • the second sliding control may also slide to the other side of the second sliding control without passing through the position of the second sliding control.
  • the sliding control can have different uses, one of the most commonly used uses is the use mentioned in the background art, that is, for selecting from the determined value interval. Value subinterval.
  • the sliding track is used to specify a value interval; the first sliding control and the second sliding control are used to select the valued sub-interval from the value interval.
  • the attribute corresponding to the value interval is not limited.
  • the attribute corresponding to the value interval may be a price, a time, a distance, and the like.
  • the value interval may be a continuous interval or a non-continuous interval (such as a discrete interval, etc.), and each of the values may correspond to at least one position on the sliding track.
  • the sliding track may be executed after sliding according to the first sliding control. a position of the upper position, a position of the second sliding control on the sliding track, determining a value subinterval selected by the first sliding control and the second sliding control from the value interval .
  • the selected value subinterval is a value subinterval corresponding to the track portion between the first sliding control and the second sliding control, and the position of the first sliding control and the position of the second sliding control respectively correspond to An interval endpoint value of the value subinterval.
  • the selected value sub-interval is determined as the selected value sub-interval; and so on.
  • the first sliding control and the second sliding control are slider controls.
  • the application does not limit the style of the slider control and the sliding track (such as color, shape, texture, pattern, etc.).
  • many applications allow users to select the page elements (such as text, images, etc.) displayed on the page by long-pressing the left and right slide handle controls.
  • the user can drag the left slide handle control or right slide.
  • the handle control causes it to slide on the page, and the page element displayed between the position of the left sliding handle control and the position of the left sliding handle control (which may belong to one or more lines) may be determined as the selected page element.
  • the right sliding handle control cannot slide to the left side of the left sliding handle control, and the left sliding handle control cannot slide to the right of the right sliding handle control.
  • Side which is not convenient for users to use.
  • the first sliding control and the second sliding control may be sliding handle controls for selecting the page elements displayed on the page, and any sliding handle control may be used for the sliding handle control. Sliding from one side of the other sliding handle control to the other side, the problems in the prior art can be partially or completely solved.
  • the position of the first sliding control after sliding is further performed:
  • the location of the second sliding control determines a page element selected by the first sliding control and the second sliding control.
  • the embodiment of the present application further provides a corresponding sliding control device, as shown in FIG. 2 .
  • FIG. 2 is a schematic structural diagram of a sliding control device according to an embodiment of the present application.
  • the device includes:
  • the receiving module 201 receives a sliding instruction for the first sliding control, where the first sliding control is located at a position of the second sliding control or a side of the second sliding control;
  • the sliding module 202 slides the first sliding control to the other side of the second sliding control when it is determined that the sliding instruction is used to indicate sliding to the other side of the second sliding control.
  • the sliding instruction is generated based on a drag operation for the first sliding control.
  • the sliding module 202 is configured to slide the first sliding control to the other side of the second sliding control via a position of the second sliding control.
  • first sliding control and the second sliding control are located on the same sliding track
  • One side of the second sliding control includes a track portion of the sliding track on a side of the second sliding control, and the other side of the second sliding control includes the sliding track at the second Slide the control's position on the other side of the track.
  • the sliding module 202 slides the first sliding control along the sliding track to the other side of the second sliding control via a position of the second sliding control.
  • the sliding track is used to specify a value interval
  • the first sliding control and the second sliding control are configured to select a value subinterval from the value interval.
  • the device further includes:
  • the first determining module 203 after the sliding module slides the first sliding control to the other side of the second sliding control, according to the position of the first sliding control on the sliding track after sliding And determining, by the first sliding control and the second sliding control, a value subinterval selected from the value interval by the position of the second sliding control on the sliding track.
  • the first sliding control and the second sliding control are slider controls.
  • first sliding control and the second sliding control are sliding handle controls for selecting a page element displayed on a page
  • the device also includes:
  • a second determining module 204 after the sliding module slides the first sliding control to the other side of the second sliding control, according to the position of the first sliding control after sliding, the second sliding
  • the location of the control determines a page element selected by the first sliding control and the second sliding control.
  • the device in Figure 2 can be specifically located on the device where the slide control is located.
  • the device provided by the present application is in one-to-one correspondence with the method provided by the present application. Therefore, the device also has similar beneficial technical effects as the method, since the beneficial technical effects of the method have been described in detail above. Therefore, the beneficial technical effects of the device are not described herein.
  • the embodiment of the present application further provides a slider selector, which is an example of the device in FIG. 2 in an application scenario (the sliding control is specifically a slider control).
  • the method of Figure 1 can be performed by the slider selector. As shown in Figure 3.
  • FIG. 3 is a schematic diagram of a user interface of a slider selector according to an embodiment of the present application.
  • the slider selector in FIG. 3 includes a slide rail 31, a first slider control 32 and a second slider control 33 on the slide rail, and the first slider control 32 positions the second slider control 33 Or one side of the second slider control 33;
  • the slider selector determines that the received sliding command for the first slider control 32 is used to indicate sliding to When the other side of the second slider control 33 is engaged, the first slider control 32 is slid along the sliding track to the other side of the second slider control 33.
  • the sliding instruction is generated based on a drag operation for the first slider control.
  • one side of the second slider control 33 includes a track portion on the side of the position where the slide track is located, and the other side of the second slider control 33 includes the slide track.
  • the slider selector causes the first slider control 32 to be along when determining that the received sliding instruction for the first slider control 32 is used to indicate sliding to the other side of the second slider control 33
  • the sliding track is slid to the other side of the second slider control 33 via the position of the second slider control 33.
  • the sliding track is used to specify a value interval
  • the first slider control 32 and the second slider control 33 are used to select a value subinterval from the value interval.
  • the slider selector 32 slides the first slider control 32 to the other side of the second slider control 33, according to the position of the first slider control 32 after sliding on the sliding track,
  • the position of the second slider control 33 on the sliding track determines the value subinterval selected by the first slider control 32 and the second slider control 33 from the value interval.
  • the slider selector Through the slider selector, the limitation of the relative position between the slider controls in the prior art can be eliminated, so that the slider controls can be interchanged with each other, and the first slider control can slide to the second slider control. On one side, it is also possible to slide to the other side of the second slider control, so that in the scene mentioned in the background art, the user's operation can be reduced, and the convenience of the slider selector can be improved, and therefore, part or all of the slider selector can be used. Solve the problems in the prior art.
  • the slider selector provided in the embodiment of the present application and the slider selector in the prior art may have the same or different appearances in the user interface. In either case, the operation effects of the two are different. The difference can partially or completely solve the problems in the prior art. In order to explain this difference more intuitively, the following description will be made in conjunction with the related schematic diagrams, including: FIG. 4, FIG. 5a to FIG. 5c, FIG. 6a to FIG. 6d, and FIG. 7a to FIG. 7g.
  • FIG. 4 is a schematic diagram of a user interface of a slider selector provided by the prior art.
  • the user interface in FIG. 4 is identical in appearance to the user interface in FIG. 3, and the slider selector in FIG.
  • the utility model comprises: a sliding track 31', a right slider control 32' and a left slider control 33'.
  • the slide track 31' is used to specify a fare section, and the fare sub-interval currently selected by the left slider control 33' and the right slider control 32' is [ ⁇ 2011- ⁇ 3536], also That is, the fare sub-interval corresponding to the dark portion of the slide track 31'.
  • the fare corresponding to the position of the left slider control 33' is ⁇ 2011
  • the fare corresponding to the position of the right slider control 32' is ⁇ 3536.
  • the scene corresponding to Figures 5a to 5c is a scene in the background art in which the user wants to slide the right slider control 32' to the left of the left slider control 33'.
  • FIG. 5a is a schematic diagram of a first state corresponding to a control flow of a slider control provided by the prior art.
  • the user begins to slide the right slider control 32' to the left.
  • FIG. 5b is a schematic diagram of a second state corresponding to a control flow of a slider control provided by the prior art.
  • the user has swiped the right slider control 32' to the left to the position of the left slider control 33', and the right slider control 32' overlaps the left slider control 33' (ie, right slider)
  • the block control 32' is in the position of the left slider control 33').
  • FIG. 5c is a schematic diagram of a third state corresponding to a control flow of a slider control provided by the prior art.
  • Figure 5c limited to the prior art, in the event that the left slider control 33' does not move, the user cannot continue to slide the right slider control 32' to the left. The user cannot slide the right slider control 32' to the left of the left slider control 33'.
  • the solution of the present application can partially or completely solve the problems in the prior art.
  • the scenario corresponding to FIG. 6a to FIG. 6c is also a scenario in the background art.
  • FIG. 6 is a schematic diagram of a first state of a slider control process according to an embodiment of the present disclosure.
  • the user begins to slide the first slider control 32 to the left.
  • FIG. 6b is a schematic diagram of a second state of a slider control process according to an embodiment of the present disclosure.
  • the user has slid the first slider control 32 to the left to the position of the second slider control 33, and the first slider control 32 is overlaid on the second slider control 33 (i.e., first The slider control 32 is in the position of the second slider control 33).
  • FIG. 6 is a schematic diagram of a third state of a slider control process according to an embodiment of the present disclosure.
  • the user may continue to slide the first slider control 32 to the left without moving the second slider control 33.
  • FIG. 6 is a schematic diagram of a fourth state of a slider control process according to an embodiment of the present disclosure.
  • the user has slid the first slider control 32 from the right side of the second slider control 33 to the left side of the second slider control 33 via the position of the second slider control 33.
  • the solution of the present application can reduce the operation of the user and improve the operation experience of the user in some scenarios. Taking FIG. 7a to FIG. 7g as an example, this effect will be specifically described.
  • FIGS. 7a to 7g a plurality of position points are marked on the sliding track for convenience of description.
  • FIG. 7a is a schematic diagram of a slider control control scenario in practical application. Since the prior art and the solution of the present application are compared in the following FIGS. 7b to 7g, the slider selector in FIG. 7a may refer to the slider selector in the prior art, and may also refer to the present application.
  • the slider selector of the scheme correspondingly, each of the portions in Fig. 7a respectively indicate the reference numerals corresponding to the scheme of the present application, and the labels for the prior art.
  • slider control 32 (32') is in position 5 and slider control 33 (33') is in position 4, assuming the user wants to slide slider control 32 (32') to position 3 and will slide Block control 33 (33') slides to position 2. Assume that the user first slides 32 (32').
  • Figures 7b to 7d correspond to the prior art.
  • 7e to 7g correspond to the scheme of the present application.
  • FIG. 7b is a schematic diagram of a first state corresponding to a control flow of a slider control for the scene in FIG. 7a provided by the prior art.
  • the user has swiped the right slider control 32' to the left to the position of the left slider control 33' (i.e., position 4), and the right slider control 32' overlaps the left slider control 33'
  • the user in the event that the left slider control 33' does not move, the user cannot continue to slide the right slider control 32' to the left. The user cannot slide the right slider control 32' to the left of the left slider control 33'.
  • FIG. 7c is a second state diagram corresponding to a control flow of a slider control for the scene in FIG. 7a provided by the prior art.
  • the operation is interrupted, and the user can only slide the left slider control 33' to the left to the target position (i.e., the position). 2).
  • FIG. 7d is a schematic diagram of a third state corresponding to a control flow of a slider control for the scene in FIG. 7a provided by the prior art.
  • the user can start to slide the right slider control 32' to the left again until it slides to the target position (i.e., position 3).
  • both the right slider control 32' and the left slider control 33' have been slid to the target position.
  • the user's operation process is forced to be interrupted, and the user needs to perform three consecutive operations in total.
  • FIG. 7e is a schematic diagram of a first state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • the user has slid the first slider control 32 to the left to the position of the second slider control 33 (i.e., position 4), and the first slider control 32 is overlaid on the second slider control 33. on.
  • FIG. 7 is a schematic diagram of a second state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • the operation process may be uninterrupted, and even if the second slider control 33 does not move, the user can continue to slide the first slider control 32 to the left until sliding to the target position (also That is, position 3).
  • FIG. 7g is a schematic diagram of a third state corresponding to a slider control flow of the scenario in FIG. 7a according to an embodiment of the present application.
  • the user can move the second slider control 33 from position 4 via the position of the first slider control 32 at this time (i.e., position 3), Slide to the target position (ie, position 2).
  • the solution of the present application can partially or completely solve the problem in the prior art.
  • the solution of the present application can reduce the operation of the user and improve the operating experience of the user.
  • the above mainly uses the slider control as an example of the sliding control, and the scheme of the present application is explained.
  • sliding controls for example, a sliding handle control for selecting a page element displayed in a page to be displayed, etc.
  • similar operational effects may be obtained when the solution of the present application is adopted, and details are not described herein.
  • embodiments of the present invention can be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or a combination of software and hardware. Moreover, the invention can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
  • computer-usable storage media including but not limited to disk storage, CD-ROM, optical storage, etc.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device.
  • computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Switches With Compound Operations (AREA)
  • Slide Switches (AREA)
  • Feedback Control In General (AREA)
  • Switch Cases, Indication, And Locking (AREA)
  • Seats For Vehicles (AREA)

Abstract

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

Description

滑动控件控制方法及装置、滑块选择器
本申请要求2016年06月28日递交的申请号为201610494357.9、发明名称为“滑动控件控制方法及装置、滑块选择器”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术领域，尤其涉及滑动控件控制方法及装置、滑块选择器。
背景技术
随着计算机技术和互联网技术的迅速发展，网页页面上的各类控件也日益丰富，这些控件丰富了页面的展现形式，也为用户与页面的交互提供了极大的便利。
滑块选择器是常用的控件之一。滑块选择器一般包括一条滑动轨道和两个滑块控件，滑动轨道指定了一个取值区间，用户可以通过将滑块控件在滑动轨道上滑动，在该取值区间中选择一个取值子区间。以水平的滑动轨道为例，两个滑块控件一个是左滑块控件，另一个是右滑块控件，左滑块控件和右滑块控件之间的轨道部位对应的取值子区间即可确定为用户当前选择出的取值子区间。
但是，在现有技术中，左滑块控件只能在右滑块控件的左侧滑动，右滑块控件只能在左滑块控件的右侧滑动，这样的限制导致滑块选择器在某些场景下的使用便利性较差。
例如，假定当前左滑块控件和右滑块控件在滑动轨道上的所处位置重合，且右滑块控件覆盖于左滑块控件之上。若用户想要选择位于左滑块控件和右滑块控件左侧的取值子区间，则会点击左滑块控件和右滑块控件的所处位置，并进行向左的拖拽操作，但是，由于用户此时拖拽到的实际上是右滑块控件，则右滑块控件无法按照该拖拽操作，滑动至左滑块控件的左侧，这样的话，用户只能现将右滑块控件向右拖开，然后将左滑块控件向左拖动至待选择的取值子区间的左端点取值对应的位置，再将右滑块控件向左拖动至待选择的取值子区间的右端点取值对应的位置，可见操作比较繁琐，使用便利性较差。
发明内容
本申请实施例提供滑动控件控制方法及装置、滑块选择器，用以解决现有技术中的滑块选择器在某些场景下的使用便利性较差的问题。
本申请实施例采用下述技术方案：
本申请实施例提供的一种滑动控件控制方法，包括：
接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；
当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。
本申请实施例提供的一种滑动控件控制装置，包括：
接收模块，接收针对第一滑动控件的滑动指令，所述第一滑动控件位于第二滑动控件的所在位置或所述第二滑动控件的一侧；
滑动模块，当确定所述滑动指令用于指示滑动至所述第二滑动控件的另一侧时，使所述第一滑动控件滑动至所述第二滑动控件的另一侧。
本申请实施例提供的一种滑块选择器，包括滑动轨道、位于所述滑动轨道上的第一滑块控件和第二滑块控件，所述第一滑块控件位于所述第二滑块控件的所在位置或所述第二滑块控件的一侧；
所述滑块选择器当确定接收到的针对所述第一滑块控件的滑动指令用于指示滑动至所述第二滑块控件的另一侧时，使所述第一滑块控件沿所述滑动轨道，滑动至所述第二滑块控件的另一侧。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：第一滑动控件、第二滑动控件可以是滑块控件，可以取消现有技术中对于滑块控件间相对位置的限制，使得滑块控件相互之间可以互换，第一滑动控件既可以滑动至第二滑动控件的一侧，也可以滑动至第二滑动控件的另一侧，从而在背景技术中提到的场景下，可以减少用户的操作，提高滑块选择器的使用便利性，因此，可以部分或全部地解决现有技术中的问题。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图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所述的滑块选择器，其特征在于，所述滑块选择器使所述第一滑块控件滑动至所述第二滑块控件的另一侧后，根据所述第一滑块控件滑动后在所述滑动轨道上的所在位置、所述第二滑块控件在所述滑动轨道上的所在位置，确定由所述第一滑块控件和所述第二滑块控件从所述取值区间中选择出的取值子区间。
PCT/CN2017/088548 2016-06-28 2017-06-16 滑动控件控制方法及装置、滑块选择器 WO2018001115A1 (zh)

Priority Applications (8)

Application Number Priority Date Filing Date Title
JP2018568910A JP6784784B2 (ja) 2016-06-28 2017-06-16 スライダコントロールの制御方法及びデバイス並びにスライダセレクタ
EP17819112.8A EP3477450A4 (en) 2016-06-28 2017-06-16 METHOD AND DEVICE FOR CONTROLLING A CURSOR CONTROL AND A CURSOR SELECTOR
MYPI2018002918A MY193311A (en) 2016-06-28 2017-06-16 Controlling method and device for slider control, and slider selector
SG11201811558QA SG11201811558QA (en) 2016-06-28 2017-06-16 Controlling method and device for slider control and slider selector
KR1020197002655A KR102230429B1 (ko) 2016-06-28 2017-06-16 슬라이더 제어부에 대한 제어 방법과 디바이스, 및 슬라이더 선택기
US16/234,467 US10782866B2 (en) 2016-06-28 2018-12-27 Controlling method and device for slider control, and slider selector
PH12019500007A PH12019500007A1 (en) 2016-06-28 2019-01-03 Controlling method and device for slider control and slider selector
US16/721,428 US10782867B2 (en) 2016-06-28 2019-12-19 Controlling method and device for slider control, and slider selector

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610494357.9A CN106896997B (zh) 2016-06-28 2016-06-28 滑动控件控制方法及装置、滑块选择器
CN201610494357.9 2016-06-28

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/234,467 Continuation US10782866B2 (en) 2016-06-28 2018-12-27 Controlling method and device for slider control, and slider selector

Publications (1)

Publication Number Publication Date
WO2018001115A1 true WO2018001115A1 (zh) 2018-01-04

Family

ID=59190565

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/088548 WO2018001115A1 (zh) 2016-06-28 2017-06-16 滑动控件控制方法及装置、滑块选择器

Country Status (10)

Country Link
US (2) US10782866B2 (zh)
EP (1) EP3477450A4 (zh)
JP (1) JP6784784B2 (zh)
KR (1) KR102230429B1 (zh)
CN (1) CN106896997B (zh)
MY (1) MY193311A (zh)
PH (1) PH12019500007A1 (zh)
SG (1) SG11201811558QA (zh)
TW (1) TWI656473B (zh)
WO (1) WO2018001115A1 (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106896997B (zh) 2016-06-28 2020-11-10 创新先进技术有限公司 滑动控件控制方法及装置、滑块选择器
CN108319490B (zh) 2018-03-01 2019-04-05 网易（杭州）网络有限公司 数值确定方法、数值确定装置、电子设备及存储介质
CN110604580A (zh) * 2018-10-23 2019-12-24 深圳迈瑞生物医疗电子股份有限公司 医疗设备、用于医疗设备的区间阈值设置方法及装置
CN113608666A (zh) * 2021-08-11 2021-11-05 平安国际智慧城市科技股份有限公司 基于滑动操作的分级控制方法、装置、介质及设备
CN114489456B (zh) * 2022-01-04 2024-01-30 杭州涂鸦信息技术有限公司 照明系统控制方法、装置、计算机设备和可读存储介质
CN115599278A (zh) * 2022-11-25 2023-01-13 三亚海兰寰宇海洋信息科技有限公司（Cn） 一种目标对象的航速阈值设置方法、装置及设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101980136A (zh) * 2010-11-08 2011-02-23 广东欧珀移动通信有限公司 一种手持终端滑动控制交互方法
CN103383621A (zh) * 2012-05-04 2013-11-06 腾讯科技（深圳）有限公司 视图切换方法及装置
CN103793125A (zh) * 2012-10-29 2014-05-14 柯尼卡美能达株式会社 接受滚动操作的显示装置
CN104350495A (zh) * 2012-06-07 2015-02-11 微软公司 在全景显示中管理对象以导航电子表格
CN104935725A (zh) * 2015-04-23 2015-09-23 努比亚技术有限公司 移动终端及其利用虚拟边框区域实现功能调节的方法

Family Cites Families (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5867678A (en) * 1996-12-16 1999-02-02 International Business Machines Corporation Method and system for searching and retrieving specific types of objects contained within a compound document
US5874961A (en) * 1997-03-19 1999-02-23 International Business Machines Corporation Scroll bar amplification apparatus and method
US6204846B1 (en) * 1999-02-16 2001-03-20 International Business Machines Corporation Data set user interface control for use in accessing information in a computer
US20050094014A1 (en) * 2003-11-03 2005-05-05 Haas William R. Slider bar interface for digital camera
US7765491B1 (en) * 2005-11-16 2010-07-27 Apple Inc. User interface widget for selecting a point or range
US7657849B2 (en) * 2005-12-23 2010-02-02 Apple Inc. Unlocking a device by performing gestures on an unlock image
US7562310B2 (en) * 2006-04-04 2009-07-14 International Business Machines Corporation Slider control movable in a two-dimensional region for simultaneously adjusting values of multiple variables
US7956847B2 (en) * 2007-01-05 2011-06-07 Apple Inc. Gestures for controlling, manipulating, and editing of media files using touch sensitive devices
US20080256489A1 (en) * 2007-04-16 2008-10-16 Tektronix, Inc. Range Sliders with Linked Auto-Updating Spans
US8018432B1 (en) * 2007-04-20 2011-09-13 Adobe Systems Incorporated User interfaces and methods to search content in a nonlinearly convergent manner
JP2009295147A (ja) * 2008-05-07 2009-12-17 Hoya Corp スクロール表示可能な情報処理装置
US8854549B2 (en) * 2009-07-30 2014-10-07 Vizio, Inc. Dual slider bar control
KR101691938B1 (ko) * 2010-01-06 2017-01-03 삼성전자주식회사 휴대 단말기의 반복 재생 구간 설정 방법 및 장치
KR101780491B1 (ko) * 2011-05-02 2017-09-21 삼성전자 주식회사 컨텐츠 상세 제어 방법 및 이를 지원하는 휴대 단말기
US9323440B2 (en) * 2011-12-16 2016-04-26 International Business Machines Corporation Scroll focus
US8826192B1 (en) * 2012-02-22 2014-09-02 Google Inc. Graphical method of inputting parameter ranges
US9131192B2 (en) * 2012-03-06 2015-09-08 Apple Inc. Unified slider control for modifying multiple image properties
US9632685B2 (en) * 2012-05-31 2017-04-25 Eric Qing Li Method of navigating through a media program displayed on a portable electronic device in a magnified time scale
WO2013192210A1 (en) * 2012-06-18 2013-12-27 Allen Learning Technologies Event flow user interface
TWI484405B (zh) * 2012-08-23 2015-05-11 Egalax Empia Technology Inc 圖形使用者界面的顯示方法及使用該方法的電子裝置
TWI474266B (zh) * 2012-12-20 2015-02-21 Inst Information Industry 觸控方法及手持裝置
US20140337799A1 (en) * 2013-05-07 2014-11-13 Tencent Technology (Shenzhen) Company Limited Method, apparatus and terminal for selecting content
CN104142789B (zh) * 2013-05-07 2018-07-20 腾讯科技（深圳）有限公司 内容选择方法、装置及终端
JP6494215B2 (ja) * 2014-08-25 2019-04-03 キヤノン株式会社 電子機器、その制御方法およびプログラム
CN106896997B (zh) 2016-06-28 2020-11-10 创新先进技术有限公司 滑动控件控制方法及装置、滑块选择器
US10353438B2 (en) * 2017-05-15 2019-07-16 Microsoft Technology Licensing, Llc Volume adjustment on hinged multi-screen device

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101980136A (zh) * 2010-11-08 2011-02-23 广东欧珀移动通信有限公司 一种手持终端滑动控制交互方法
CN103383621A (zh) * 2012-05-04 2013-11-06 腾讯科技（深圳）有限公司 视图切换方法及装置
CN104350495A (zh) * 2012-06-07 2015-02-11 微软公司 在全景显示中管理对象以导航电子表格
CN103793125A (zh) * 2012-10-29 2014-05-14 柯尼卡美能达株式会社 接受滚动操作的显示装置
CN104935725A (zh) * 2015-04-23 2015-09-23 努比亚技术有限公司 移动终端及其利用虚拟边框区域实现功能调节的方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"iOS custom range slider control", GOCALF BLOG, 4 December 2012 (2012-12-04), XP009511729, Retrieved from the Internet <URL:http://www.gocalf.com/blog/iphone-dev-range-slider.html> *

Also Published As

Publication number Publication date
JP6784784B2 (ja) 2020-11-11
TW201800927A (zh) 2018-01-01
EP3477450A4 (en) 2019-06-19
TWI656473B (zh) 2019-04-11
US20200125248A1 (en) 2020-04-23
KR102230429B1 (ko) 2021-03-24
KR20190020816A (ko) 2019-03-04
US20190155491A1 (en) 2019-05-23
SG11201811558QA (en) 2019-01-30
CN106896997A (zh) 2017-06-27
PH12019500007A1 (en) 2019-10-14
US10782866B2 (en) 2020-09-22
MY193311A (en) 2022-10-04
CN106896997B (zh) 2020-11-10
JP2019526116A (ja) 2019-09-12
US10782867B2 (en) 2020-09-22
EP3477450A1 (en) 2019-05-01

Similar Documents

Publication Publication Date Title
WO2018001115A1 (zh) 滑动控件控制方法及装置、滑块选择器
KR102084633B1 (ko) 화면 미러링 방법 및 그에 따른 소스 기기
TWI609317B (zh) 智慧型白板互動
DK179757B1 (en) User Interface for Camera Effects
US10838607B2 (en) Managing objects in panorama display to navigate spreadsheet
US8542199B2 (en) Image processing apparatus, image processing method, and program
WO2021068366A1 (zh) 智能交互平板的书写操作方法、装置、设备和存储介质
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
US20220155948A1 (en) Offset touch screen editing
KR20220002584A (ko) 스마트 인터랙티브 태블릿의 조작 방법, 장치, 단말 기기 및 저장 매체
EP2965181B1 (en) Enhanced canvas environments
CN104898928A (zh) 一种图文信息展示方法及终端
CN110688190A (zh) 智能交互平板的控制方法和装置
US10241651B2 (en) Grid-based rendering of nodes and relationships between nodes
CN107526505B (zh) 一种数据处理的方法及电子设备
KR101399234B1 (ko) 터치스크린을 갖는 모바일 디바이스에서 실행되는 동영상 편집 사용자 인터페이스 처리방법, 모바일 디바이스 및 기록매체
CN108491139B (zh) 一种对象固定方法、装置、终端设备及存储介质
CN113485590A (zh) 触控操作方法及装置
CN104777900A (zh) 一种基于手势趋势的图形界面响应方法
KR20190115401A (ko) 링크 뷰 방법, 링크 뷰 장치 및 링크 뷰 프로그램
KR20140108849A (ko) 정보 입력 방법 및 장치
WO2016066044A1 (zh) 一种图标移动方法及装置
CN117555449A (zh) 信息显示方法、装置和电子设备
JP2018097439A (ja) 情報処理装置、その制御方法、及びプログラム
KR20150102261A (ko) 터치스크린을 이용한 컨텐츠 편집방법

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17819112

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2018568910

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 20197002655

Country of ref document: KR

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2017819112

Country of ref document: EP

Effective date: 20190128