Skip to content

Latest commit

 

History

History
53 lines (40 loc) · 3.7 KB

slider.md

File metadata and controls

53 lines (40 loc) · 3.7 KB
Raw

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)

Get access to the underlying Xamarin.Forms.Slider 

let sliderRef = ViewRef<Slider>()

Slider(20., 80., model.Value, ValueChangedMsg)
    .reference(sliderRef)