Skip to content

Latest commit

 

History

History
252 lines (203 loc) · 5.5 KB

MaterialSliderControl.md

File metadata and controls

252 lines (203 loc) · 5.5 KB
Raw

MaterialSliderControl

This control is a custom implementation of a slider. You can customize some properties that we show in Documentation topic.
View Material Design documentation

Screenshot

Example

<material3:MaterialSlider
    LabelText="Slider"
    LabelValueFormat="0.00 km"
    LabelValueIsVisible="True"
    MaximumValue="100"
    MinimumValue="0" />

Documentation


Property ValueChanged

This property is to add an event when the value change on the control.

Property LabelValueFormat

This property is to set the format to use in the label value.

Property LabelValueColor

This property is to set the color to use in the label value text.

Property DisabledLabelValueColor

This property is to set the color to use in the label value text when is disabled.

Property LabelValueSize

This property is to set the font size for the label value text.

Property LabelValueFontFamily:

This property is to set the label value text font family.

Property LabelValueIsVisible:

This property is to set if the label value is visible, by default is false

Property LabelTextColor:

This property is to set the color of the label text when the control is enabled.

Property DisabledLabelTextColor:

This property is to set the color of the label text when the control is disabled.

Property LabelText:

This property is to set the label text value.

Property LabelSize:

This property is to set the fontsize of the label text.

Property LabelMinimumText:

This property is to set the label minimum value.

Property LabelMinimumTextColor:

This property is to set the color of the label minimum when control is enabled.

Property DisabledLabelMinimumTextColor:

This property is to set the color of the label minimum when control is disable.

Property LabelMinimumSize:

This property is to set the font size of the label minimum.

Property LabelMaximumText:

This property is to set the label maximum text value on the control.

Property LabelMaximumTextColor:

This property is to set the label maximum text color value on the control enabled.

Property DisabledLabelMaximumTextColor:

This property is to set the label text maximum color value on the control. When the control is disabled.

Property SupportingText:

This property is to set the supporting text.

Property SupportingTextColor:

This property is to set the supporting text color.

Property SupportingSize:

This property is to set the supporting text size.

Property SupportingFontFamily:

This property is to set the supporting text font family.

Property SupportingMargin:

This property is to set the supporting text margin. By default uses (16,4,16,0).

Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property AnimateError:

This property is to set if you can show a ShakeAnimation when there is a error with control.

Property MinimumIcon:

This property is to set the image to minimum to types of images like png, jpg.

Property CustomMinimumIcon:

This property is to set the image to minimum with support to svg.

Property MaximumIcon:

This property is to set the image to maximum to types of images like png, jpg.

Property CustomMaximumIcon:

This property is to set the image to maximum with support to svg.

Property BackgroundImage:

This property is to set the background image to control, this allow jpg, png.

Property CustomBackgroundImage:

This property is to set the background image to control, this allow svg.

Property ThumbImage:

This property is to set the thumb with a image.

Property Value:

This property is to set the value of the control, by default is the minimum.

Property MinimumValue:

This property is to set the minimum value, by default is 0.

Property MaximumValue:

This property is to set the minimum value, by default is 1.

Property ActiveTrackColor:

This property is to set the active tracker color.

Property InactiveTrackColor:

This property is to set the inactive tracker color.

Property ThumbColor:

This property is to set the color of thumb.

Property TrackHeight:

This property is to set the height of the thumb.

Property TrackCornerRadius:

This property is to set the corner radious of the track.

Property UserInteractionEnabled:

This property is to set the if the interaction of the user is enabled.

Property ShowIcons:

This property is to set if show or not the icons.

Property DisabledActiveTrackColor:

This property is to set the disabled active track color, when the control is disabled.

Property DisabledInactiveTrackColor:

This property is to set the disabled inactive track color, when the control is disabled.

Property DisabledThumbColor:

This property is to set the disabled thumb color, whe the control is disabled.