TOUCH OPTIMIZATIONS FOR RANGE SLIDER CONTROLS

摘要

Operating a range slider. A method includes displaying a range slider in a graphical user interface. The method further includes detecting a minimum selecting user interaction on a graphical user interface. The method further includes placing the minimum slider thumb at value on the slider track by placing the inside edge of the minimum slider thumb on the value to select the minimum endpoint of the selected range at the inside edge of the minimum slider thumb. The method further includes detecting a maximum selecting user interaction on the graphical user interface. The method further includes placing the maximum slider thumb at a value on the slider track by placing the inside edge of the maximum slider thumb on the value to select the maximum endpoint of the selected range at the inside edge of the maximum slider thumb.

主权项

1. In a computing environment, a method of operating a range slider, the method comprising:
displaying a range slider in a graphical user interface, wherein the range slider comprises
a slider track representing a track range of values, including a minimum track value and a maximum track value, from which a selected range of values can be selected, the range of values including a minimum endpoint and a maximum endpoint, the selected range of values;a minimum value slider thumb placeable by user interaction with the graphical user interface at the minimum endpoint of the selected range, the minimum value slider having an inside edge and an outside edge, wherein the inside edge of the minimum value slider is more proximate the maximum track value than the outside edge of the minimum value slider thumb; and wherein the minimum value slider thumb is placeable at the minimum endpoint by placing the inside edge of the minimum value slider thumb at the minimum endpoint; anda maximum value slider thumb placeable by user interaction with the graphical user interface at the maximum endpoint of the selected range, the maximum value slider having an inside edge and an outside edge, wherein the inside edge of the maximum value slider is more proximate the minimum track value than the outside edge of the minimum value slider thumb; and wherein the maximum value slider thumb is placeable at the maximum endpoint by placing the inside edge of the maximum value slider thumb at the maximum endpoint, such that the minimum value slider thumb and the maximum value slider thumb do not overlap for any selected range; detecting a minimum selecting user interaction on a graphical user interface; as a result of detecting a minimum selecting user interaction on the graphical user interface, placing the minimum slider thumb at value on the slider track by placing the inside edge of the minimum slider thumb on the value to select the minimum endpoint of the selected range at the inside edge of the minimum slider thumb; detecting a maximum selecting user interaction on the graphical user interface; and as a result of detecting a maximum selecting user interaction on a graphical user interface, placing the maximum slider thumb at a value on the slider track by placing the inside edge of the maximum slider thumb on the value to select the maximum endpoint of the selected range at the inside edge of the maximum slider thumb.