How to modify thumb movement either by value or none.?
To provide thumb movement to RangeSlider, follow the given steps:
Step 1: Create the RangeSlider sample and include the necessary source files.
Step 2: First create an instance for RangeSlider.
Step 3: By using the object, set snapsTo property to StepValues or Ticks or None. And set the Contentview.
Step 4: And by using StackLayout add the children rangeSlider.
public class RangeSliderPage { public RangeSliderPage() { SfRangeSlider rangeSlider = new SfRangeSlider(); rangeSlider.Orientation=Orientation.Horizontal; rangeSlider.StepFrequency=5; rangeSlider.SnapsTo = SnapsTo.StepValues; rangeSlider.TickPlacement=TickPlacement.BottomRight; this.Content = GetRangeSlider(); } private StackLayout GetRangeSlider() { var mainStack = new StackLayout { Children = { rangeSlider } }; return mainStack; } } |
The following image shows snapsTo of RangeSlider:
RangeSlider SnapsTo StepValues