public abstract class SliderBase<T> : RangeView<T>, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider, ITouchListener, ITapGestureListener, IPanGestureListener, IGestureListener, IInteractionState, IOrientationElement

Type Parameters

Name
T

Constructors

SliderBase()

Initializes a new instance of the SfSlider and SfDateTimeSlider classes.

Declaration

public SliderBase()

Fields

OrientationProperty

The backing store for the Orientation field.

Declaration

public static readonly BindableProperty OrientationProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

ThumbIconProperty

The backing store for the ThumbIcon field.

Declaration

public static readonly BindableProperty ThumbIconProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

ValueProperty

The backing store for the Value field.

Declaration

public static readonly BindableProperty ValueProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	Microsoft.Maui.Controls.BindableProperty.

Properties

Orientation

Gets or sets the orientation of the SfSlider and SfDateTimeSlider.

If you set this property to Horizontal, the slider will be render from left to right. If you set this property to Vertical, the slider will be render from bottom to top.

Declaration

public SliderOrientation Orientation { get; set; }

Property Value

Type	Description
SliderOrientation	Defaults to `Horizontal`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Orientation = "Vertical" />

SfSlider slider = new SfSlider()
{
    Orientation = SliderOrientation.Vertical
};

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Orientation = "Vertical" />

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    Orientation = SliderOrientation.Vertical
};

ThumbIcon

Gets or sets the value for the thumb of the of the SfSlider and SfDateTimeSlider.

Declaration

public View ThumbIcon { get; set; }

Property Value

Type	Description
Microsoft.Maui.Controls.View	Defaults to `null`.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider>
   <sliders:SfSlider.ThumbIcon>
     <Rectangle Fill="Black" 
                HeightRequest = "30" 
                WidthRequest="30" />
   </sliders:SfSlider.StartThumbIcon>
</sliders:SfSlider>

SfSlider slider = new SfSlider()
slider.ThumbIcon = new Microsoft.Maui.Controls.Shapes.Rectangle()
{
    Fill=Brush.Black,
    HeightRequest = 35,
    WidthRequest = 35
};

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider>
   <sliders:SfDateTimeSlider.ThumbIcon>
     <Rectangle Fill="Black" 
                HeightRequest = "30" 
                WidthRequest="30" />
   </sliders:SfDateTimeSlider.StartThumbIcon>
</sliders:SfDateTimeSlider>

SfDateTimeSlider slider = new SfDateTimeSlider()
slider.ThumbIcon = new Microsoft.Maui.Controls.Shapes.Rectangle()
{
    Fill=Brush.Black,
    HeightRequest = 35,
    WidthRequest = 35
};

Value

Gets or sets the current value of the SfSlider and SfDateTimeSlider.

Declaration

public T Value { get; set; }

Property Value

Type	Description
T	Defaults to `0.5` for SfSlider and `null` for SfDateTimeSlider.

Examples

Snippet for SfSlider

XAML
C#

<sliders:SfSlider Value = "0.3" />

SfSlider slider = new SfSlider() { Value = 0.3 };

Snippet for SfDateTimeSlider

XAML
C#

<sliders:SfDateTimeSlider Value = "2010-1-1" />

SfDateTimeSlider slider = new SfDateTimeSlider()
{
    Value = new DateTime(2010, 1, 1)
};

Explicit Interface Implementations

IOrientationElement.OnOrientationChanged(SliderOrientation)

Declaration

void IOrientationElement.OnOrientationChanged(SliderOrientation newValue)

Parameters

Type	Name	Description
SliderOrientation	newValue

Implements

IDrawableLayout

Microsoft.Maui.Graphics.IDrawable

Microsoft.Maui.IAbsoluteLayout

Microsoft.Maui.ILayout

Microsoft.Maui.IView

Microsoft.Maui.IElement

Microsoft.Maui.ITransform

Microsoft.Maui.IContainer

System.Collections.Generic.IList<>

System.Collections.Generic.ICollection<>

System.Collections.Generic.IEnumerable<>

System.Collections.IEnumerable

Microsoft.Maui.ISafeAreaView

Microsoft.Maui.IPadding

Microsoft.Maui.ICrossPlatformLayout

Microsoft.Maui.IVisualTreeElement

IOrientationElement