Slider
Inheritance: Element -> NavigableElement -> VisualElement -> View
Xamarin.Forms documentation: Slider API / Guide
For details on how the control actually works, please refer to the Xamarin.Forms documentation.
Constructors #
Constructors | Description |
---|
Slider(min: float, max: float, value: float, onValueChanged: float -> ‘msg) | Define a Slider widget with the min-max bounds and the current value |
Properties #
Properties | Description |
---|
maximumTrackColor(light: FabColor, ?dark: FabColor) | Sets the color of the maximum track depending if light or dark mode |
minimumTrackColor(light: FabColor, ?dark: FabColor) | Sets the color of the minimum track depending if light or dark mode |
thumbColor(light: FabColor, ?dark: FabColor) | Sets the color of the thumb |
thumbImage(light: ImageSource, ?dark: ImageSource) | Sets the image of the thumb using ImageSource depending if light or dark mode |
thumbImage(light: string, ?dark: string) | Sets the image of the thumb using a path depending if light or dark mode |
thumbImage(light: Uri, ?dark: Uri) | Sets the image of the thumb using a URI depending if light or dark mode |
thumbImage(light: Stream, ?dark: Stream) | Sets the image of the thumb using Stream depending if light or dark mode |
reference(value: ViewRef<Slider>) | Sets a ViewRef instance to retrieve the Xamarin.Forms.Slider instance associated to this widget |
Events #
Properties | Description |
---|
onDragCompleted(onDragCompleted: ‘msg) | Sets the event handler for the drag completed event |
onDragStarted(onDragStarted: ‘msg) | Sets the event handler for the drag start event |
Usages #
Slider(20., 80., model.Value, ValueChangedMsg)
.maximumTrackColor(Color.Red.ToFabColor(), dark = Color.Blue.ToString())
.minimumTrackColor(Color.Red.ToFabColor(), dark = Color.Blue.ToString())
.thumbColor(Color.Red.ToFabColor(), dark = Color.Blue.ToString())
.thumbImage("thumb-light.png", dark = "thumb-dark.png")
.onDragCompleted(DragCompletedMsg)
.onDragStarted(DragStartedMsg)
let sliderRef = ViewRef<Slider>()
Slider(20., 80., model.Value, ValueChangedMsg)
.reference(sliderRef)