DXSlider Class
A component that allows you to select a numeric value.
Namespace: DevExpress.Maui.Editors
Assembly: DevExpress.Maui.Editors.dll
NuGet Package: DevExpress.Maui.Editors
Declaration
public class DXSlider :
DXSliderBase
Remarks
The DXSlider
control is an editor that allows users to select a numeric value.
You can use the Value property to specify the current value. The Value
property cannot be set to a value less than the MinValue property or greater than the MaxValue property. To change the current value, move the thumb along the scale.
Thumb
Use the following properties to change thumb appearance in DXSlider
and DXRangeSlider controls:
- DXSliderThumbAppearance.BackgroundColor
- Gets or sets the background color of the thumb. This is a bindable property.
- DXSliderThumbAppearance.BorderColor
- Gets or sets the border color of the thumb. This is a bindable property.
- DXSliderThumbAppearance.DisabledBackgroundColor
- Gets or sets the background color of the thumb in the disabled state. This is a bindable property.
- DXSliderThumbAppearance.DisabledBorderColor
- Gets or sets the border color of the thumb in the disabled state. This is a bindable property.
- DXSliderThumbAppearance.BorderThickness
- Gets or sets the border thickness of the thumb. This is a bindable property.
- DXSliderThumbAppearance.CornerRadius
- Gets or sets the corner radius of the thumb. This is a bindable property.
- DXSliderThumbAppearance.Height
- Gets or sets the thumb height. This is a bindable property.
- DXSliderThumbAppearance.Width
- Gets or sets the thumb width. This is a bindable property.
- DXSliderThumbAppearance.PressedHeight
- Gets or sets the thumb height in the pressed state. This is a bindable property.
- DXSliderThumbAppearance.PressedWidth
- Gets or sets the thumb width in the pressed state. This is a bindable property.
- DXSliderThumbAppearance.SideMargin
- Gets or sets the margins to the left and right sides of the thumb. This is a bindable property.
Track
You can use the following properties to change track appearance in DXSlider
and DXRangeSlider controls:
- DXSliderTrackAppearance.ActiveBackgroundColor
- Gets or sets the background color of the track in the active state. This is a bindable property.
- DXSliderTrackAppearance.BackgroundColor
- Gets or sets the background color of the track. This is a bindable property.
- DXSliderTrackAppearance.DisabledActiveBackgroundColor
- Gets or sets the background color of the track in active and disabled states. This is a bindable property.
- DXSliderTrackAppearance.DisabledBackgroundColor
- Gets or sets the background color of the track in the disabled state. This is a bindable property.
- DXSliderTrackAppearance.CapLength
- Gets or sets the cap length of the track. This is a bindable property.
- DXSliderTrackAppearance.CornerRadius
- Gets or sets the corner radius of the track. This is a bindable property.
- DXSliderTrackAppearance.Thickness
- Gets or sets the track thickness. This is a bindable property.
Tick Mark
If you want to display tick marks on a slider, set the TickmarkStep property to a value equal or grater than 1.
Use the following properties to change tick mark appearance in DXSlider
and DXRangeSlider controls:
- DXSliderTickmarkAppearance.ActiveBackgroundColor
- Gets or sets the background color of the tick mark in the active state. This is a bindable property.
- DXSliderTickmarkAppearance.BackgroundColor
- Gets or sets the background color of the tick mark. This is a bindable property.
- DXSliderTickmarkAppearance.DisabledActiveBackgroundColor
- Gets or sets the background color of the tick mark in active and disabled states. This is a bindable property.
- DXSliderTickmarkAppearance.DisabledBackgroundColor
- Gets or sets the background color of the tick mark in the disabled state. This is a bindable property.
- DXSliderTickmarkAppearance.CornerRadius
- Gets or sets the corner radius of the tick mark. This is a bindable property.
- DXSliderTickmarkAppearance.Height
- Gets or sets the tick mark height. This is a bindable property.
- DXSliderTickmarkAppearance.Width
- Gets or sets the tick mark width. This is a bindable property.