Unit WidgetSet: WidgetSet::HorizontalSliderConfig

Reference for the Mosaic class WidgetSet::HorizontalSliderConfig

WidgetSet::HorizontalSliderConfig

AccentBorderColorActive
AccentBorderColorDefault
AccentBorderColorDisabled
AccentBorderColorFocused
AccentBorderWidthActive
AccentBorderWidthDefault
AccentBorderWidthDisabled
AccentBorderWidthFocused
AccentColorActive
AccentColorDefault
AccentColorDisabled
AccentColorFocused
AccentCornerRadiusActive
AccentCornerRadiusDefault
AccentCornerRadiusDisabled
AccentCornerRadiusFocused
AccentOffsetActive
AccentOffsetDefault
AccentOffsetDisabled
AccentOffsetFocused
AccentSizeActive
AccentSizeDefault
AccentSizeDisabled
AccentSizeFocused
AccentStackingPriority
CoverBitmapActive
CoverBitmapDefault
CoverBitmapDisabled
CoverBitmapFocused
CoverFrameActive
CoverFrameDefault
CoverFrameDisabled
CoverFrameFocused
CoverStackingPriority
CoverTintActive
CoverTintDefault
CoverTintDisabled
CoverTintFocused
FaceBitmapActive
FaceBitmapDefault
FaceBitmapDisabled
FaceBitmapFocused
FaceFrameActive
FaceFrameDefault
FaceFrameDisabled
FaceFrameFocused
FaceStackingPriority
FaceTintActive
FaceTintDefault
FaceTintDisabled
FaceTintFocused
KeyCodeLeft
KeyCodeRight
KeyRepeatDelay
KeyRepeatPeriod
OnUpdate
StateTransitionDuration
ThumbBitmapActive
ThumbBitmapDefault
ThumbBitmapDisabled
ThumbBitmapFocused
ThumbBorderColorActive
ThumbBorderColorDefault
ThumbBorderColorDisabled
ThumbBorderColorFocused
ThumbBorderWidthActive
ThumbBorderWidthDefault
ThumbBorderWidthDisabled
ThumbBorderWidthFocused
ThumbColorActive
ThumbColorDefault
ThumbColorDisabled
ThumbColorFocused
ThumbCornerRadiusActive
ThumbCornerRadiusDefault
ThumbCornerRadiusDisabled
ThumbCornerRadiusFocused
ThumbFrameActive
ThumbFrameDefault
ThumbFrameDisabled
ThumbFrameFocused
ThumbMarginLeft
ThumbMarginRight
ThumbOffsetActive
ThumbOffsetDefault
ThumbOffsetDisabled
ThumbOffsetFocused
ThumbShadowBlurRadiusActive
ThumbShadowBlurRadiusDefault
ThumbShadowBlurRadiusDisabled
ThumbShadowBlurRadiusFocused
ThumbShadowColorActive
ThumbShadowColorDefault
ThumbShadowColorDisabled
ThumbShadowColorFocused
ThumbShadowOffsetActive
ThumbShadowOffsetDefault
ThumbShadowOffsetDisabled
ThumbShadowOffsetFocused
ThumbSizeActive
ThumbSizeDefault
ThumbSizeDisabled
ThumbSizeFocused
ThumbStackingPriority
ThumbTintActive
ThumbTintDefault
ThumbTintDisabled
ThumbTintFocused
ThumbUpdateAtTouch
TrackLeftBitmapActive
TrackLeftBitmapDefault
TrackLeftBitmapDisabled
TrackLeftBitmapFocused
TrackLeftBorderColorActive
TrackLeftBorderColorDefault
TrackLeftBorderColorDisabled
TrackLeftBorderColorFocused
TrackLeftBorderWidthActive
TrackLeftBorderWidthDefault
TrackLeftBorderWidthDisabled
TrackLeftBorderWidthFocused
TrackLeftColorActive
TrackLeftColorDefault
TrackLeftColorDisabled
TrackLeftColorFocused
TrackLeftCornerRadiusActive
TrackLeftCornerRadiusDefault
TrackLeftCornerRadiusDisabled
TrackLeftCornerRadiusFocused
TrackLeftFlattened
TrackLeftFrameActive
TrackLeftFrameDefault
TrackLeftFrameDisabled
TrackLeftFrameFocused
TrackLeftMarginLeft
TrackLeftMarginRight
TrackLeftOffsetActive
TrackLeftOffsetDefault
TrackLeftOffsetDisabled
TrackLeftOffsetFocused
TrackLeftStackingPriority
TrackLeftStatic
TrackLeftThicknessActive
TrackLeftThicknessDefault
TrackLeftThicknessDisabled
TrackLeftThicknessFocused
TrackLeftTintActive
TrackLeftTintDefault
TrackLeftTintDisabled
TrackLeftTintFocused
TrackLeftWithEdge
TrackRightBitmapActive
TrackRightBitmapDefault
TrackRightBitmapDisabled
TrackRightBitmapFocused
TrackRightBorderColorActive
TrackRightBorderColorDefault
TrackRightBorderColorDisabled
TrackRightBorderColorFocused
TrackRightBorderWidthActive
TrackRightBorderWidthDefault
TrackRightBorderWidthDisabled
TrackRightBorderWidthFocused
TrackRightColorActive
TrackRightColorDefault
TrackRightColorDisabled
TrackRightColorFocused
TrackRightCornerRadiusActive
TrackRightCornerRadiusDefault
TrackRightCornerRadiusDisabled
TrackRightCornerRadiusFocused
TrackRightFlattened
TrackRightFrameActive
TrackRightFrameDefault
TrackRightFrameDisabled
TrackRightFrameFocused
TrackRightMarginLeft
TrackRightMarginRight
TrackRightOffsetActive
TrackRightOffsetDefault
TrackRightOffsetDisabled
TrackRightOffsetFocused
TrackRightStackingPriority
TrackRightStatic
TrackRightThicknessActive
TrackRightThicknessDefault
TrackRightThicknessDisabled
TrackRightThicknessFocused
TrackRightTintActive
TrackRightTintDefault
TrackRightTintDisabled
TrackRightTintFocused
TrackRightWithEdge
WidgetMaxSize
WidgetMinSize

WidgetSet::WidgetConfig

This class implements the functionality permitting you to simply customize the look and feel of a 'horizontal slider' widget (WidgetSet::HorizontalSlider). In the practice, you will create an instance of this class, configure its properties with bitmaps, colors and other relevant attributes according to your design expectations and assign such prepared configuration object to the property 'Appearance' of every affected horizontal slider widget. Thereupon the widgets will use the configuration information provided in the object.

During its lifetime the slider remains always in one of the four states: 'disabled', 'default', 'focused' and 'active'. The state 'disabled' is true for every not available slider (the property 'Enabled' of the slider is 'false'). Such sliders will ignore all user inputs. The state 'default' determines a slider, which is ready to be touched by the user or ready to become focused. As soon as the slider becomes focused, it switches in the state 'focused'. In this state the user can control the slider by pressing keys on the keyboard. Finally, the state 'active' is true, if the user actually interacts with the slider (the slider's thumb is pressed). With the configuration object you can specify the appearance of the slider for every state individually. For this purpose you should know from which views the slider is composed of:

'FaceImage' is a bitmap frame view (Views::Frame) filling vertically centered the entire width in the background of the slider. In the configuration object you can individually specify for every slider state the desired bitmap (FaceBitmapActive, FaceBitmapDefault, FaceBitmapDisabled, FaceBitmapFocused), the frame number within the bitmap (FaceFrameActive, FaceFrameDefault, FaceFrameDisabled, FaceFrameFocused) and opacity or color to tint the bitmap (FaceTintActive, FaceTintDefault, FaceTintDisabled, FaceTintFocused). The slider can automatically play animated bitmaps if the specified frame number is -1.
'TrackLeftRectangle' is a rectangle view (Views::Rectangle) filling per default vertically centered the background of the slider between its left edge and the actual position of the thumb. The height and an additional vertical displacement of the track are determined by the properties TrackLeftThicknessActive, TrackLeftThicknessDefault, TrackLeftThicknessDisabled, TrackLeftThicknessFocused and TrackLeftOffsetActive, TrackLeftOffsetDefault, TrackLeftOffsetDisabled, TrackLeftOffsetFocused. The area destined for the track can be limited by configuring the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftStatic the track can be configured to not depend on the actual thumb position. Normally, the track has rectangular shape with sharp corners. If desired the corners can be rounded (TrackLeftCornerRadiusActive, TrackLeftCornerRadiusDefault, TrackLeftCornerRadiusDisabled, TrackLeftCornerRadiusFocused) whereby the rounding at the thumb position can be controlled by the property TrackLeftFlattened. The track can be filled with a solid color (TrackLeftColorActive, TrackLeftColorDefault, TrackLeftColorDisabled, TrackLeftColorFocused).
'TrackLeftBorder' is a border view (Views::Border) surrounding the above described 'TrackLeftRectangle' and lying in front of it. Its size, position and corner radius correspond thus to the of the 'TrackLeftRectangle'. The thickness of the border (TrackLeftBorderWidthActive, TrackLeftBorderWidthDefault, TrackLeftBorderWidthDisabled, TrackLeftBorderWidthFocused) and its color (TrackLeftBorderColorActive, TrackLeftBorderColorDefault, TrackLeftBorderColorDisabled, TrackLeftBorderColorFocused) can be specified.
'TrackLeftImage' is a bitmap frame view (Views::Frame) filling per default vertically centered the background of the slider between its left edge and the actual position of the thumb. The area destined for the track can be limited by configuring the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftStatic the track can be configured to not depend on the actual thumb position. An additional vertical displacement of the track is determined by the properties TrackLeftOffsetActive, TrackLeftOffsetDefault, TrackLeftOffsetDisabled, TrackLeftOffsetFocused. In the configuration object you can individually specify for every slider state the desired bitmap (TrackLeftBitmapActive, TrackLeftBitmapDefault, TrackLeftBitmapDisabled, TrackLeftBitmapFocused), the frame number within the bitmap (TrackLeftFrameActive, TrackLeftFrameDefault, TrackLeftFrameDisabled, TrackLeftFrameFocused) and opacity or color to tint the bitmap (TrackLeftTintActive, TrackLeftTintDefault, TrackLeftTintDisabled, TrackLeftTintFocused). With the property TrackLeftWithEdge you can configure how the right edge of the track (the edge at the thumb position) should appear. The slider can automatically play animated bitmaps if the specified frame number is -1.
'TrackRightRectangle' is a rectangle view (Views::Rectangle) filling per default vertically centered the background of the slider between the actual position of the thumb and the right edge of the slider widget. The height and an additional vertical displacement of the track are determined by the properties TrackRightThicknessActive, TrackRightThicknessDefault, TrackRightThicknessDisabled, TrackRightThicknessFocused and TrackRightOffsetActive, TrackRightOffsetDefault, TrackRightOffsetDisabled, TrackRightOffsetFocused. The area destined for the track can be limited by configuring the properties TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightStatic the track can be configured to not depend on the actual thumb position. Normally, the track has rectangular shape with sharp corners. If desired the corners can be rounded (TrackRightCornerRadiusActive, TrackRightCornerRadiusDefault, TrackRightCornerRadiusDisabled, TrackRightCornerRadiusFocused) whereby the rounding at the thumb position can be controlled by the property TrackRightFlattened. The track can be filled with a solid color (TrackRightColorActive, TrackRightColorDefault, TrackRightColorDisabled, TrackRightColorFocused).
'TrackRightBorder' is a border view (Views::Border) surrounding the above described 'TrackRightRectangle' and lying in front of it. Its size, position and corner radius correspond thus to the of the 'TrackRightRectangle'. The thickness of the border (TrackRightBorderWidthActive, TrackRightBorderWidthDefault, TrackRightBorderWidthDisabled, TrackRightBorderWidthFocused) and its color (TrackRightBorderColorActive, TrackRightBorderColorDefault, TrackRightBorderColorDisabled, TrackRightBorderColorFocused) can be specified.
'TrackRightImage' is a bitmap frame view (Views::Frame) filling per default vertically centered the background of the slider between the actual position of the thumb and the right edge of the slider widget. The area destined for the track can be limited by configuring the properties TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightStatic the track can be configured to not depend on the actual thumb position. An additional vertical displacement of the track is determined by the properties TrackRightOffsetActive, TrackRightOffsetDefault, TrackRightOffsetDisabled, TrackRightOffsetFocused. In the configuration object you can individually specify for every slider state the desired bitmap (TrackRightBitmapActive, TrackRightBitmapDefault, TrackRightBitmapDisabled, TrackRightBitmapFocused), the frame number within the bitmap (TrackRightFrameActive, TrackRightFrameDefault, TrackRightFrameDisabled, TrackRightFrameFocused) and opacity or color to tint the bitmap (TrackRightTintActive, TrackRightTintDefault, TrackRightTintDisabled, TrackRightTintFocused). With the property TrackRightWithEdge you can configure how the left edge of the track (the edge at the thumb position) should appear. The slider can automatically play animated bitmaps if the specified frame number is -1.
'ThumbRectangle' is a rectangle view (Views::Rectangle) displayed vertically centered at the thumb position according to current value of the slider. In the configuration object you can individually specify for every slider state the size of the view (ThumbSizeActive, ThumbSizeDefault, ThumbSizeDisabled, ThumbSizeFocused) and an additional displacement (ThumbOffsetActive, ThumbOffsetDefault, ThumbOffsetDisabled, ThumbOffsetFocused). Normally, the thumb area has rectangular shape with sharp corners. If desired the corners can be rounded (ThumbCornerRadiusActive, ThumbCornerRadiusDefault, ThumbCornerRadiusDisabled, ThumbCornerRadiusFocused). The thumb area can be filled with a solid color (ThumbColorActive, ThumbColorDefault, ThumbColorDisabled, ThumbColorFocused).
'ThumbBorder' is a border view (Views::Border) surrounding the above described 'ThumbRectangle' and lying in front of it. Its size, position and corner radius correspond thus to the of the 'ThumbRectangle'. The thickness of the border (ThumbBorderWidthActive, ThumbBorderWidthDefault, ThumbBorderWidthDisabled, ThumbBorderWidthFocused) and its color (ThumbBorderColorActive, ThumbBorderColorDefault, ThumbBorderColorDisabled, ThumbBorderColorFocused) can be specified.
'ThumbShadow' is a shadow view (Views::Shadow) lying always behind the above described 'ThumbRectangle' view. Its size, position and corner radius correspond thus to the of the 'ThumbRectangle'. However, an additional displacement for the shadow can be specified (ThumbShadowOffsetActive, ThumbShadowOffsetDefault, ThumbShadowOffsetDisabled, ThumbShadowOffsetFocused). The color of the shadow (ThumbShadowColorActive, ThumbShadowColorDefault, ThumbShadowColorDisabled, ThumbShadowColorFocused) as well as its blur radius (ThumbShadowBlurRadiusActive, ThumbShadowBlurRadiusDefault, ThumbShadowBlurRadiusDisabled, ThumbShadowBlurRadiusFocused) can be specified.
'ThumbImage' is an image view (Views::Image) displayed vertically centered at the thumb position according to current value of the slider. In the configuration object you can individually specify for every slider state the desired bitmap (ThumbBitmapActive, ThumbBitmapDefault, ThumbBitmapDisabled, ThumbBitmapFocused), the frame number within the bitmap (ThumbFrameActive, ThumbFrameDefault, ThumbFrameDisabled, ThumbFrameFocused) and opacity or color to tint the bitmap (ThumbTintActive, ThumbTintDefault, ThumbTintDisabled, ThumbTintFocused). If necessary, additional margins on the left and on the right of the thumb can be specified by using the properties ThumbMarginLeft and ThumbMarginRight. An additional displacement (ThumbOffsetActive, ThumbOffsetDefault, ThumbOffsetDisabled, ThumbOffsetFocused) can be configured. The slider can automatically play animated bitmaps if the specified frame number is -1.
'AccentRectangle' is a rectangle view (Views::Rectangle) displayed per default vertically centered at the thumb position according to current value of the slider. In the configuration object you can individually specify for every slider state the size of the view (AccentSizeActive, AccentSizeDefault, AccentSizeDisabled, AccentSizeFocused) and an additional displacement (AccentOffsetActive, AccentOffsetDefault, AccentOffsetDisabled, AccentOffsetFocused). Normally, the accent area has rectangular shape with sharp corners. If desired the corners can be rounded (AccentCornerRadiusActive, AccentCornerRadiusDefault, AccentCornerRadiusDisabled, AccentCornerRadiusFocused). The accent area can be filled with a solid color (AccentColorActive, AccentColorDefault, AccentColorDisabled, AccentColorFocused). Accent usually serves to highlight the widget when the user interacts with it actively or when the widget is focused.
'AccentBorder' is a border view (Views::Border) surrounding the above described 'AccentRectangle' and lying in front of it. Its size, position and corner radius correspond thus to the of the 'AccentRectangle'. The thickness of the border (AccentBorderWidthActive, AccentBorderWidthDefault, AccentBorderWidthDisabled, AccentBorderWidthFocused) and its color (AccentBorderColorActive, AccentBorderColorDefault, AccentBorderColorDisabled, AccentBorderColorFocused) can be specified. Accent usually serves to highlight the widget when the user interacts with it actively or when the widget is focused.
'CoverImage' is a bitmap frame view (Views::Frame) filling vertically centered the entire width of the slider and covering so eventually the thumb and track. In the configuration object you can individually specify for every slider state the desired bitmap (CoverBitmapActive, CoverBitmapDefault, CoverBitmapDisabled, CoverBitmapFocused), the frame number within the bitmap (CoverFrameActive, CoverFrameDefault, CoverFrameDisabled, CoverFrameFocused) and opacity or color to tint the bitmap (CoverTintActive, CoverTintDefault, CoverTintDisabled, CoverTintFocused). The slider can automatically play animated bitmaps if the specified frame number is -1.

All above mentioned views are arranged one above the other whereby the resulting stacking order can be configured by using the properties FaceStackingPriority, TrackLeftStackingPriority, TrackRightStackingPriority, ThumbStackingPriority, AccentStackingPriority and CoverStackingPriority. The view with higher priority will appear in front of other views with lower priority.

Normally, when a state alternation occurs, the affected views are updated immediatelly to reflect the new state. By using the property StateTransitionDuration it is possible to configure the slider to perform state alternations with animations (e.g. the displacement of the thumb shadow can be animated). This affects all attributes of the filled rectangle, border and shadow views belonging to the thumb, left track, right track and accent. In case of the images displayed in the face, left track, right track, thumb and cover, the animation has an effect only on the colors and offsets used to configure the views. Consequently, during animations these views can fade-out/in their colors and move only.

If the slider is actually focused, it can also be controlled by pressing the keyboard keys specified in the properties KeyCodeLeft and KeyCodeRight causing the slider's thumb to be moved left or right. To prevent the slider from being able to be focused, initialize these properties with the value Core::KeyCode.NoKey. With the properties KeyRepeatDelay and KeyRepeatPeriod you can configure whether the thumb should be moved autonomously when the user holds the key pressed for a while.

To further enhance the widgets, a slot method can be assigned to the property OnUpdate. Within the slot method new decoration views can be added to the widgets and updated according to the current state of the widget.

With the properties WidgetMinSize and WidgetMaxSize you can configure size constraints for the widget itself. You can, for example, limit the slider to not shrink below a specified width or height.

property color AccentBorderColorActive = #00000000;

The property 'AccentBorderColorActive' determines the color to stroke the border surrounding the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property AccentBorderWidthActive.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeActive. With the property AccentCornerRadiusActive the rounding at the corners of the border can be specified.

property color AccentBorderColorDefault = #00000000;

The property 'AccentBorderColorDefault' determines the color to stroke the border surrounding the accent area when the slider is in the 'default' state. To determine the thickness of the border use the property AccentBorderWidthDefault.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDefault. With the property AccentCornerRadiusDefault the rounding at the corners of the border can be specified.

property color AccentBorderColorDisabled = #00000000;

The property 'AccentBorderColorDisabled' determines the color to stroke the border surrounding the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property AccentBorderWidthDisabled.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeDisabled. With the property AccentCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color AccentBorderColorFocused = #00000000;

The property 'AccentBorderColorFocused' determines the color to stroke the border surrounding the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property AccentBorderWidthFocused.

Please note, in order to be visible, a valid size for the accent area has to be configured in the property AccentSizeFocused. With the property AccentCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 AccentBorderWidthActive = 0;

The property 'AccentBorderWidthActive' determines the thickness of the border surrounding the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorActive.

property int32 AccentBorderWidthDefault = 0;

The property 'AccentBorderWidthDefault' determines the thickness of the border surrounding the accent area when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorDefault.

property int32 AccentBorderWidthDisabled = 0;

The property 'AccentBorderWidthDisabled' determines the thickness of the border surrounding the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorDisabled.

property int32 AccentBorderWidthFocused = 0;

The property 'AccentBorderWidthFocused' determines the thickness of the border surrounding the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property AccentBorderColorFocused.

property color AccentColorActive = #00000000;

The property 'AccentColorActive' determines the color to fill the background of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeActive. With the property AccentCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color AccentColorDefault = #00000000;

The property 'AccentColorDefault' determines the color to fill the background of the accent area when the slider is in the 'default' state. In order to be visible, a valid size for the accent has to be configured in the property AccentSizeDefault. With the property AccentCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color AccentColorDisabled = #00000000;

The property 'AccentColorDisabled' determines the color to fill the background of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeDisabled. With the property AccentCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color AccentColorFocused = #00000000;

The property 'AccentColorFocused' determines the color to fill the background of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid size for the accent has to be configured in the property AccentSizeFocused. With the property AccentCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 AccentCornerRadiusActive = 0;

The property 'AccentCornerRadiusActive' controls the rounding at corners of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeActive.

property int32 AccentCornerRadiusDefault = 0;

The property 'AccentCornerRadiusDefault' controls the rounding at corners of the accent area when the slider is in the 'default' state. Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the accent area, which corresponds to the setting of the property AccentSizeDefault:

property int32 AccentCornerRadiusDisabled = 0;

The property 'AccentCornerRadiusDisabled' controls the rounding at corners of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

property int32 AccentCornerRadiusFocused = 0;

The property 'AccentCornerRadiusFocused' controls the rounding at corners of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). Normally, the accent area has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

property point AccentOffsetActive = <0,0>;

The property 'AccentOffsetActive' determines an additional displacement in pixel for the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The accent area, composed of a filled rectangle and border is displayed vertically centered at the actual thumb position. The value specified in the property AccentOffsetActive is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeActive. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetDefault = <0,0>;

The property 'AccentOffsetDefault' determines an additional displacement in pixel for the accent area when the slider is in the 'default' state. The accent area, composed of a filled rectangle and border is displayed vertically centered at the actual thumb position. The value specified in the property AccentOffsetDefault is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeDefault. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetDisabled = <0,0>;

The property 'AccentOffsetDisabled' determines an additional displacement in pixel for the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The accent area, composed of a filled rectangle and border is displayed vertically centered at the actual thumb position. The value specified in the property AccentOffsetDisabled is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeDisabled. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentOffsetFocused = <0,0>;

The property 'AccentOffsetFocused' determines an additional displacement in pixel for the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The accent area, composed of a filled rectangle and border is displayed vertically centered at the actual thumb position. The value specified in the property AccentOffsetFocused is used to move the accent area accordingly.

Besides the possibility to adjust the position, also the size of the accent area can be modified by using the associated property AccentSizeFocused. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeActive = <0,0>;

The property 'AccentSizeActive' determines the size of the accent area when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetActive. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeDefault = <0,0>;

The property 'AccentSizeDefault' determines the size of the accent area when the slider is in the 'default' state. The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetDefault. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeDisabled = <0,0>;

The property 'AccentSizeDisabled' determines the size of the accent area when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetDisabled. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property point AccentSizeFocused = <0,0>;

The property 'AccentSizeFocused' determines the size of the accent area when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. This area can be composed of a filled rectangle and border.

Besides the possibility to adjust the size, also the position of the accent can be modified by using the associated property AccentOffsetFocused. In this manner the slider can be configured with an accent area changing its position and size depending on the state of the widget.

property int32 AccentStackingPriority = 5;

The property 'AccentStackingPriority' determines the Z-order position of the views destined to display the accent area (rectangle and border). Per default the accent views are arranged in front of the views belonging to the thumb. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the accent views just behind the thumb, configure the property with a smaller value.

property Resources::Bitmap CoverBitmapActive = null;

The property 'CoverBitmapActive' determines the bitmap to fill horizontally the foreground of the slider when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameActive. If the selected bitmap is intended to be animated, ensure that the property CoverFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintActive. With the property CoverTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapDefault = null;

The property 'CoverBitmapDefault' determines the bitmap to fill horizontally the foreground of the slider when the slider is in the 'default' state. The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameDefault. If the selected bitmap is intended to be animated, ensure that the property CoverFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintDefault. With the property CoverTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapDisabled = null;

The property 'CoverBitmapDisabled' determines the bitmap to fill horizontally the foreground of the slider when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property CoverFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintDisabled. With the property CoverTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap CoverBitmapFocused = null;

The property 'CoverBitmapFocused' determines the bitmap to fill horizontally the foreground of the slider when the slider is in the 'focused' state (the slider can react to keyboard events). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property CoverFrameFocused. If the selected bitmap is intended to be animated, ensure that the property CoverFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property CoverTintFocused. With the property CoverTintFocused you can also modulate the opacity of a regular bitmap.

property int32 CoverFrameActive = -1;

The property 'CoverFrameActive' determines the frame number within the bitmap CoverBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameDefault = -1;

The property 'CoverFrameDefault' determines the frame number within the bitmap CoverBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameDisabled = -1;

The property 'CoverFrameDisabled' determines the frame number within the bitmap CoverBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverFrameFocused = -1;

The property 'CoverFrameFocused' determines the frame number within the bitmap CoverBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the CoverBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 CoverStackingPriority = 6;

The property 'CoverStackingPriority' determines the Z-order position of the view destined to display the cover bitmap. Per default the cover view is arranged in front of all other views within the slider. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to bring the cover view in background of the slider, configure the property with a smaller value.

property color CoverTintActive = #FFFFFFFF;

The property 'CoverTintActive' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapActive. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color CoverTintDefault = #FFFFFFFF;

The property 'CoverTintDefault' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapDefault. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color CoverTintDisabled = #FFFFFFFF;

The property 'CoverTintDisabled' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapDisabled. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color CoverTintFocused = #FFFFFFFF;

The property 'CoverTintFocused' determines the color value to tint or modulate the bitmap specified in the property CoverBitmapFocused. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property Resources::Bitmap FaceBitmapActive = null;

The property 'FaceBitmapActive' determines the bitmap to fill horizontally the background of the slider when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameActive. If the selected bitmap is intended to be animated, ensure that the property FaceFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintActive. With the property FaceTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapDefault = null;

The property 'FaceBitmapDefault' determines the bitmap to fill horizontally the background of the slider when the slider is in the 'default' state. The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameDefault. If the selected bitmap is intended to be animated, ensure that the property FaceFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintDefault. With the property FaceTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapDisabled = null;

The property 'FaceBitmapDisabled' determines the bitmap to fill horizontally the background of the slider when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property FaceFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintDisabled. With the property FaceTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap FaceBitmapFocused = null;

The property 'FaceBitmapFocused' determines the bitmap to fill horizontally the background of the slider when the slider is in the 'focused' state (the slider can react to keyboard events). The bitmap is centered vertically.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property FaceFrameFocused. If the selected bitmap is intended to be animated, ensure that the property FaceFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property FaceTintFocused. With the property FaceTintFocused you can also modulate the opacity of a regular bitmap.

property int32 FaceFrameActive = -1;

The property 'FaceFrameActive' determines the frame number within the bitmap FaceBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameDefault = -1;

The property 'FaceFrameDefault' determines the frame number within the bitmap FaceBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameDisabled = -1;

The property 'FaceFrameDisabled' determines the frame number within the bitmap FaceBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceFrameFocused = -1;

The property 'FaceFrameFocused' determines the frame number within the bitmap FaceBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the FaceBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 FaceStackingPriority = 1;

The property 'FaceStackingPriority' determines the Z-order position of the view destined to display the face bitmap. Per default the face view is arranged in the background of the slider behind all other views. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to bring the face view in front of the slider, configure the property with a larger value.

property color FaceTintActive = #FFFFFFFF;

The property 'FaceTintActive' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapActive. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color FaceTintDefault = #FFFFFFFF;

The property 'FaceTintDefault' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapDefault. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color FaceTintDisabled = #FFFFFFFF;

The property 'FaceTintDisabled' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapDisabled. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color FaceTintFocused = #FFFFFFFF;

The property 'FaceTintFocused' determines the color value to tint or modulate the bitmap specified in the property FaceBitmapFocused. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property Core::KeyCode KeyCodeLeft = Core::KeyCode.Left;

The property 'KeyCodeLeft' determines the key, the slider should react on when it is focused to move the thumb one step to the left. In this manner the user can control the widget by using keyboard or hardware buttons.

When the user holds the key pressed for a period longer than the value specified in the property KeyRepeatDelay, the slider starts to move the thumb autonomously with speed resulting from the property KeyRepeatPeriod.

If this property is initialized with the value Core::KeyCode.NoKey, the slider will not be able to become focused and it will not receive any keyboard events.

property Core::KeyCode KeyCodeRight = Core::KeyCode.Right;

The property 'KeyCodeRight' determines the key, the slider should react on when it is focused to move the thumb one step to the right. In this manner the user can control the widget by using keyboard or hardware buttons.

If this property is initialized with the value Core::KeyCode.NoKey, the slider will not be able to become focused and it will not receive any keyboard events.

property int32 KeyRepeatDelay = 0;

The property 'KeyRepeatDelay' determines the delay in milliseconds how long the user has to hold pressed the key (KeyCodeLeft or KeyCodeRight) until the focused slider starts to move the thumb autonomously. The speed in which the thumb is moved results from the value specified in the property KeyRepeatPeriod.

property int32 KeyRepeatPeriod = 0;

The property 'KeyRepeatPeriod' determines the delay in milliseconds between two steps the slider should move the thumb autonomously when the user holds pressed the key (KeyCodeLeft or KeyCodeRight) longer than the delay specified in the property KeyRepeatDelay.

property slot OnUpdate = null;

The property 'OnUpdate' can refer to a slot method, which should be invoked by widgets connected to this configuration object when the widget's state changes. This method is intended to add and update custom widget decorations.

The usage of this property is equal to the homonymous property explained in WidgetSet::HorizontalSlider. See its description for more details.

Please note, when the slot method is invoked, the method's parameter 'sender' refers the widget instance causing the invocation. In this manner, by using 'sender' the implementation of the slot method can access the widget to add and manipulate decoration views.

property int32 StateTransitionDuration = 0;

The property 'StateTransitionDuration' controls how long do animations take when the state of the slider changes. In this manner the appearance of the widget is updated smoothly (e.g. the thumb shadow is faded-out) instead of being performed abruptly. This value is expressed in milliseconds. If this value is 0 (zero), no animations are performed.

Animations affect all attributes of the filled rectangle, border and shadow views belonging to the thumb, left track, right track and accent areas. In case of the images displayed in the face, left track, right track, thumb and cover, the animation has an effect only on the colors and offsets used to configure the views. Consequently, during animations these views can fade-out/in their colors and move only.

property Resources::Bitmap ThumbBitmapActive = null;

The property 'ThumbBitmapActive' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetActive.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameActive. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintActive. With the property ThumbTintActive you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapDefault = null;

The property 'ThumbBitmapDefault' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'default' state. The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetDefault.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameDefault. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintDefault. With the property ThumbTintDefault you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapDisabled = null;

The property 'ThumbBitmapDisabled' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetDisabled.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintDisabled. With the property ThumbTintDisabled you can also modulate the opacity of a regular bitmap.

property Resources::Bitmap ThumbBitmapFocused = null;

The property 'ThumbBitmapFocused' determines the bitmap to be displayed centered at the actual thumb position when the slider is in the 'focused' state (the slider can react to keyboard events). The position of the thumb bitmap can additionally be adjusted by configuring the property ThumbOffsetFocused.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property ThumbFrameFocused. If the selected bitmap is intended to be animated, ensure that the property ThumbFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property ThumbTintFocused. With the property ThumbTintFocused you can also modulate the opacity of a regular bitmap.

property color ThumbBorderColorActive = #00000000;

The property 'ThumbBorderColorActive' determines the color to stroke the border surrounding the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property ThumbBorderWidthActive.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the border can be specified.

property color ThumbBorderColorDefault = #00000000;

The property 'ThumbBorderColorDefault' determines the color to stroke the border surrounding the thumb when the slider is in the 'default' state. To determine the thickness of the border use the property ThumbBorderWidthDefault.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the border can be specified.

property color ThumbBorderColorDisabled = #00000000;

The property 'ThumbBorderColorDisabled' determines the color to stroke the border surrounding the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property ThumbBorderWidthDisabled.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color ThumbBorderColorFocused = #00000000;

The property 'ThumbBorderColorFocused' determines the color to stroke the border surrounding the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property ThumbBorderWidthFocused.

Please note, in order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 ThumbBorderWidthActive = 0;

The property 'ThumbBorderWidthActive' determines the thickness of the border surrounding the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorActive.

property int32 ThumbBorderWidthDefault = 0;

The property 'ThumbBorderWidthDefault' determines the thickness of the border surrounding the thumb when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorDefault.

property int32 ThumbBorderWidthDisabled = 0;

The property 'ThumbBorderWidthDisabled' determines the thickness of the border surrounding the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorDisabled.

property int32 ThumbBorderWidthFocused = 0;

The property 'ThumbBorderWidthFocused' determines the thickness of the border surrounding the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property ThumbBorderColorFocused.

property color ThumbColorActive = #00000000;

The property 'ThumbColorActive' determines the color to fill the background of the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeActive. With the property ThumbCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color ThumbColorDefault = #00000000;

The property 'ThumbColorDefault' determines the color to fill the background of the thumb when the slider is in the 'default' state. In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDefault. With the property ThumbCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color ThumbColorDisabled = #00000000;

The property 'ThumbColorDisabled' determines the color to fill the background of the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeDisabled. With the property ThumbCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color ThumbColorFocused = #00000000;

The property 'ThumbColorFocused' determines the color to fill the background of the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid size for the thumb has to be configured in the property ThumbSizeFocused. With the property ThumbCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 ThumbCornerRadiusActive = 0;

The property 'ThumbCornerRadiusActive' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'active'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeActive.

property int32 ThumbCornerRadiusDefault = 0;

The property 'ThumbCornerRadiusDefault' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'default' state. Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'default'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeDefault:

property int32 ThumbCornerRadiusDisabled = 0;

The property 'ThumbCornerRadiusDisabled' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'disabled'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeDisabled.

property int32 ThumbCornerRadiusFocused = 0;

The property 'ThumbCornerRadiusFocused' controls the rounding at corners of a filled rectangle, border and shadow belonging to the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). Normally, the thumb has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect in the state 'focused'. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the shorter edge of the rectangle representing the thumb. The size of the thumb is determined by the property ThumbSizeFocused.

property int32 ThumbFrameActive = -1;

The property 'ThumbFrameActive' determines the frame number within the bitmap ThumbBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameDefault = -1;

The property 'ThumbFrameDefault' determines the frame number within the bitmap ThumbBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameDisabled = -1;

The property 'ThumbFrameDisabled' determines the frame number within the bitmap ThumbBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapDisabled bitmap is animated, the animation is automatically started as soon as the slider enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbFrameFocused = -1;

The property 'ThumbFrameFocused' determines the frame number within the bitmap ThumbBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the ThumbBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 ThumbMarginLeft = 0;

The property 'ThumbMarginLeft' determines an additional gap in pixel between the left edge of the slider at the leftmost position for the thumb (composed of a filled rectangle, border, shadow and an image view). The thumb can't be moved beyond this position.

property int32 ThumbMarginRight = 0;

The property 'ThumbMarginRight' determines an additional gap in pixel between the rightmost position for the thumb (composed of a filled rectangle, border, shadow and an image view) and the right edge of the slider. The thumb can't be moved beyond this position.

property point ThumbOffsetActive = <0,0>;

The property 'ThumbOffsetActive' determines an additional displacement in pixel for the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The thumb, composed of a filled rectangle, border, shadow and an image is displayed vertically centered at the actual thumb position. The value specified in the property ThumbOffsetActive is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeActive. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetDefault = <0,0>;

The property 'ThumbOffsetDefault' determines an additional displacement in pixel for the thumb when the slider is in the 'default' state. The thumb, composed of a filled rectangle, border, shadow and an image is displayed vertically centered at the actual thumb position. The value specified in the property ThumbOffsetDefault is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeDefault. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetDisabled = <0,0>;

The property 'ThumbOffsetDisabled' determines an additional displacement in pixel for the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The thumb, composed of a filled rectangle, border, shadow and an image is displayed vertically centered at the actual thumb position. The value specified in the property ThumbOffsetDisabled is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeDisabled. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbOffsetFocused = <0,0>;

The property 'ThumbOffsetFocused' determines an additional displacement in pixel for the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The thumb, composed of a filled rectangle, border, shadow and an image is displayed vertically centered at the actual thumb position. The value specified in the property ThumbOffsetFocused is used to move the thumb accordingly.

Besides the possibility to adjust the position, also the size of the filled rectangle, border and shadow belonging to the thumb can be modified by using the associated property ThumbSizeFocused. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property int32 ThumbShadowBlurRadiusActive = 0;

The property 'ThumbShadowBlurRadiusActive' determines the blur radius of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorActive.

property int32 ThumbShadowBlurRadiusDefault = 0;

The property 'ThumbShadowBlurRadiusDefault' determines the blur radius of the shadow behind the thumb when the slider is in the 'default' state. The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorDefault.

property int32 ThumbShadowBlurRadiusDisabled = 0;

The property 'ThumbShadowBlurRadiusDisabled' determines the blur radius of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorDisabled.

property int32 ThumbShadowBlurRadiusFocused = 0;

The property 'ThumbShadowBlurRadiusFocused' determines the blur radius of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel and it is limitted to 64 pixel. To determine the color of the shadow use the property ThumbShadowColorFocused.

property color ThumbShadowColorActive = #00000000;

The property 'ThumbShadowColorActive' determines the color of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

property color ThumbShadowColorDefault = #00000000;

The property 'ThumbShadowColorDefault' determines the color of the shadow behind the thumb when the slider is in the 'default' state.

property color ThumbShadowColorDisabled = #00000000;

The property 'ThumbShadowColorDisabled' determines the color of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

property color ThumbShadowColorFocused = #00000000;

The property 'ThumbShadowColorFocused' determines the color of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events).

property point ThumbShadowOffsetActive = <0,0>;

The property 'ThumbShadowOffsetActive' determines the displacement of the shadow behind the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorActive.

property point ThumbShadowOffsetDefault = <0,0>;

The property 'ThumbShadowOffsetDefault' determines the displacement of the shadow behind the thumb when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorDefault.

property point ThumbShadowOffsetDisabled = <0,0>;

The property 'ThumbShadowOffsetDisabled' determines the displacement of the shadow behind the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorDisabled.

property point ThumbShadowOffsetFocused = <0,0>;

The property 'ThumbShadowOffsetFocused' determines the displacement of the shadow behind the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the shadow use the property ThumbShadowColorFocused.

property point ThumbSizeActive = <0,0>;

The property 'ThumbSizeActive' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapActive).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetActive. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeDefault = <0,0>;

The property 'ThumbSizeDefault' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'default' state. The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapDefault).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetDefault. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeDisabled = <0,0>;

The property 'ThumbSizeDisabled' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapDisabled).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetDisabled. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property point ThumbSizeFocused = <0,0>;

The property 'ThumbSizeFocused' determines the size of the filled rectangle, border and shadow belonging to the thumb when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. Please note, if the thumb is configured to display an image, the value specified in this property has no effect on the size of the image. The size of the image is imposed by the associated bitmap only (property ThumbBitmapFocused).

Besides the possibility to adjust the size, also the position of the thumb can be modified by using the associated property ThumbOffsetFocused. In this manner the slider can be configured with a thumb changing its position and size depending on the state of the widget.

property int32 ThumbStackingPriority = 4;

The property 'ThumbStackingPriority' determines the Z-order position of the views destined to display the thumb (rectangle, border and shadow). Per default all thumb views are arranged in front of the views belonging to the left and right tracks. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the thumb views in background of the slider, configure the property with a smaller value.

property color ThumbTintActive = #FFFFFFFF;

The property 'ThumbTintActive' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapActive. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color ThumbTintDefault = #FFFFFFFF;

The property 'ThumbTintDefault' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapDefault. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color ThumbTintDisabled = #FFFFFFFF;

The property 'ThumbTintDisabled' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapDisabled. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color ThumbTintFocused = #FFFFFFFF;

The property 'ThumbTintFocused' determines the color value to tint or modulate the bitmap specified in the property ThumbBitmapFocused. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property bool ThumbUpdateAtTouch = false;

The property 'ThumbUpdateAtTouch' determines the behaviour of the slider when the user touches on the left or on the right of the thumb. If this property is 'true', the slider will as first move the thumb to the just touched position. If this property is 'false', no adjust operation is performed. The thumb's position remains unchanged.

property Resources::Bitmap TrackLeftBitmapActive = null;

The property 'TrackLeftBitmapActive' determines the bitmap to fill the area on the left of the slider thumb. This bitmap is used when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackLeftFrameActive. If the selected bitmap is intended to be animated, ensure that the property TrackLeftFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackLeftTintActive. With the property TrackLeftTintActive you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackLeftOffsetActive. In the width the bitmap fills the area between the left edge of the slider and the actual thumb position. The distance to the left and right track edges can optionally be adjusted by using the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftWithEdge you can control, whether the bitmap at its right end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackLeftBitmapDefault = null;

The property 'TrackLeftBitmapDefault' determines the bitmap to fill the area on the left of the slider thumb. This bitmap is used when the slider is in the 'default' state.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackLeftFrameDefault. If the selected bitmap is intended to be animated, ensure that the property TrackLeftFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackLeftTintDefault. With the property TrackLeftTintDefault you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackLeftOffsetDefault. In the width the bitmap fills the area between the left edge of the slider and the actual thumb position. The distance to the left and right track edges can optionally be adjusted by using the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftWithEdge you can control, whether the bitmap at its right end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackLeftBitmapDisabled = null;

The property 'TrackLeftBitmapDisabled' determines the bitmap to fill the area on the left of the slider thumb. This bitmap is used when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackLeftFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property TrackLeftFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackLeftTintDisabled. With the property TrackLeftTintDisabled you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackLeftOffsetDisabled. In the width the bitmap fills the area between the left edge of the slider and the actual thumb position. The distance to the left and right track edges can optionally be adjusted by using the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftWithEdge you can control, whether the bitmap at its right end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackLeftBitmapFocused = null;

The property 'TrackLeftBitmapFocused' determines the bitmap to fill the area on the left of the slider thumb. This bitmap is used when the slider is in the 'focused' state (the slider can react to keyboard events).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackLeftFrameFocused. If the selected bitmap is intended to be animated, ensure that the property TrackLeftFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackLeftTintFocused. With the property TrackLeftTintFocused you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackLeftOffsetFocused. In the width the bitmap fills the area between the left edge of the slider and the actual thumb position. The distance to the left and right track edges can optionally be adjusted by using the properties TrackLeftMarginLeft and TrackLeftMarginRight. With the property TrackLeftWithEdge you can control, whether the bitmap at its right end (at the actual thumb position) should appear truncated or complete.

property color TrackLeftBorderColorActive = #00000000;

The property 'TrackLeftBorderColorActive' determines the color of the border surrounding the left track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property TrackLeftBorderWidthActive.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessActive. With the property TrackLeftCornerRadiusActive the rounding at the corners of the border can be specified.

property color TrackLeftBorderColorDefault = #00000000;

The property 'TrackLeftBorderColorDefault' determines the color of the border surrounding the left track when the slider is in the 'default' state. To determine the thickness of the border use the property TrackLeftBorderWidthDefault.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessDefault. With the property TrackLeftCornerRadiusDefault the rounding at the corners of the border can be specified.

property color TrackLeftBorderColorDisabled = #00000000;

The property 'TrackLeftBorderColorDisabled' determines the color of the border surrounding the left track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property TrackLeftBorderWidthDisabled.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessDisabled. With the property TrackLeftCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color TrackLeftBorderColorFocused = #00000000;

The property 'TrackLeftBorderColorFocused' determines the color of the border surrounding the left track when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property TrackLeftBorderWidthFocused.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessFocused. With the property TrackLeftCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 TrackLeftBorderWidthActive = 0;

The property 'TrackLeftBorderWidthActive' determines the thickness of the border surrounding the left track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property TrackLeftBorderColorActive.

property int32 TrackLeftBorderWidthDefault = 0;

The property 'TrackLeftBorderWidthDefault' determines the thickness of the border surrounding the left track when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property TrackLeftBorderColorDefault.

property int32 TrackLeftBorderWidthDisabled = 0;

The property 'TrackLeftBorderWidthDisabled' determines the thickness of the border surrounding the left track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property TrackLeftBorderColorDisabled.

property int32 TrackLeftBorderWidthFocused = 0;

The property 'TrackLeftBorderWidthFocused' determines the thickness of the border surrounding the left track when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property TrackLeftBorderColorFocused.

property color TrackLeftColorActive = #00000000;

The property 'TrackLeftColorActive' determines the color to fill the background of the left track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessActive. With the property TrackLeftCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color TrackLeftColorDefault = #00000000;

The property 'TrackLeftColorDefault' determines the color to fill the background of the left track when the slider is in the 'default' state. In order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessDefault. With the property TrackLeftCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color TrackLeftColorDisabled = #00000000;

The property 'TrackLeftColorDisabled' determines the color to fill the background of the left track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessDisabled. With the property TrackLeftCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color TrackLeftColorFocused = #00000000;

The property 'TrackLeftColorFocused' determines the color to fill the background of the left track when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid height for the track has to be configured in the property TrackLeftThicknessFocused. With the property TrackLeftCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 TrackLeftCornerRadiusActive = 0;

The property 'TrackLeftCornerRadiusActive' determines the rounding at corners of a filled rectangle and border belonging to the left track. Normally, the left track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackLeftThicknessActive. Furthermore, with the property TrackLeftFlattened the track edge at the current thumb position can be flattened.

property int32 TrackLeftCornerRadiusDefault = 0;

The property 'TrackLeftCornerRadiusDefault' determines the rounding at corners of a filled rectangle and border belonging to the left track. Normally, the left track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackLeftThicknessDefault. Furthermore, with the property TrackLeftFlattened the track edge at the current thumb position can be flattened.

property int32 TrackLeftCornerRadiusDisabled = 0;

The property 'TrackLeftCornerRadiusDisabled' determines the rounding at corners of a filled rectangle and border belonging to the left track. Normally, the left track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackLeftThicknessDisabled. Furthermore, with the property TrackLeftFlattened the track edge at the current thumb position can be flattened.

property int32 TrackLeftCornerRadiusFocused = 0;

The property 'TrackLeftCornerRadiusFocused' determines the rounding at corners of a filled rectangle and border belonging to the left track. Normally, the left track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackLeftThicknessFocused. Furthermore, with the property TrackLeftFlattened the track edge at the current thumb position can be flattened.

property bool TrackLeftFlattened = false;

The property 'TrackLeftFlattened' controls the appearance of the left track at its edge corresponding to the actual thumb position. Per default the corners at the edge are rounded according to the value specified in the properties TrackLeftCornerRadiusActive, TrackLeftCornerRadiusDefault, TrackLeftCornerRadiusDisabled, TrackLeftCornerRadiusFocused. By configuring the property TrackLeftFlattened with the value 'true', the corner rounding occurs only when the track has assumed its rightmost position. As long as the track is smaller, the edge at the actual thumb position is clipped (it appears flattened). The rightmost position for the track is configured by the property TrackLeftMarginRight.

property int32 TrackLeftFrameActive = -1;

The property 'TrackLeftFrameActive' determines the frame number within the bitmap TrackLeftBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackLeftBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackLeftFrameDefault = -1;

The property 'TrackLeftFrameDefault' determines the frame number within the bitmap TrackLeftBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackLeftBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackLeftFrameDisabled = -1;

The property 'TrackLeftFrameDisabled' determines the frame number within the bitmap TrackLeftBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackLeftBitmapDisabled bitmap is animated, the animation is automatically started as soon as the sliders enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackLeftFrameFocused = -1;

The property 'TrackLeftFrameFocused' determines the frame number within the bitmap TrackLeftBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackLeftBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackLeftMarginLeft = 0;

The property 'TrackLeftMarginLeft' determines an additional gap in pixel between the left edge of the slider and the area destined to display views belonging to the left track (filled rectangle, border and image). If this property is 0 (zero), the left track is directly aligned at the left edge of the slider. To adjust the vertical position of the left track use the property TrackLeftOffsetActive, TrackLeftOffsetDefault, TrackLeftOffsetDisabled, TrackLeftOffsetFocused.

property int32 TrackLeftMarginRight = 0;

The property 'TrackLeftMarginRight' determines an additional gap in pixel between the right edge of the slider and the right end of the area destined to display views belonging to the left track (filled rectangle, border and image).

The right end of the track area corresponds to the actual thumb position. When the thumb is moved, the size of the track is adjusted accordingly. By using this property, the rightmost position can be limited to not exceed the predetermined margin. To adjust the leftmost position of the track, use the property TrackLeftMarginLeft. To adjust the vertical position of the left track use the properties TrackLeftOffsetActive, TrackLeftOffsetDefault, TrackLeftOffsetDisabled, TrackLeftOffsetFocused.

property int32 TrackLeftOffsetActive = 0;

The property 'TrackLeftOffsetActive' determines an additional vertical displacement in pixel for the area destined to display views belonging to the left track (filled rectangle, border and image) when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). Per default, the left track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the left track use the property TrackLeftMarginLeft.

property int32 TrackLeftOffsetDefault = 0;

The property 'TrackLeftOffsetDefault' determines an additional vertical displacement in pixel for the area destined to display views belonging to the left track (filled rectangle, border and image) when the slider is in the 'default' state. Per default, the left track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the left track use the property TrackLeftMarginLeft.

property int32 TrackLeftOffsetDisabled = 0;

The property 'TrackLeftOffsetDisabled' determines an additional vertical displacement in pixel for the area destined to display views belonging to the left track (filled rectangle, border and image) when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). Per default, the left track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the left track use the property TrackLeftMarginLeft.

property int32 TrackLeftOffsetFocused = 0;

The property 'TrackLeftOffsetFocused' determines an additional vertical displacement in pixel for the area destined to display views belonging to the left track (filled rectangle, border and image) when the slider is in the 'focused' state (the slider can react to keyboard events). Per default, the left track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the left track use the property TrackLeftMarginLeft.

property int32 TrackLeftStackingPriority = 3;

The property 'TrackLeftStackingPriority' determines the Z-order position of the views destined to display the left track (rectangle, border and image). Per default all left track views are arranged in front of the face and right track views. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the left track views behind the right track, configure the property with a smaller value.

property bool TrackLeftStatic = false;

The property 'TrackLeftStatic' controls the size calculation of the area destined to display views belonging to the left track (filled rectangle, border and image). If this property is 'false', the left track fills automatically the area between the left edge of the slider and the actual position of the thumb. When the thumb is moved, the size of the track is adjusted accordingly.

By initializing this property with the value 'true', the track assumes its maximum possible size filling the entire area between the left and right edges of the slider. Now, the size of the track does not correspond anymore to the position of the thumb. The track has a static size.

Please note, that the area destined for the left track can additionally be limited by the properties TrackLeftMarginLeft and TrackLeftMarginRight.

property int32 TrackLeftThicknessActive = 0;

The property 'TrackLeftThicknessActive' determines the height in pixel of a filled rectangle and border belonging to the left track. The color of the rectangle has to be configured by properties TrackLeftColorActive, TrackLeftColorDefault, TrackLeftColorDisabled and TrackLeftColorFocused. The thickness and the color of the border are configured by the properties TrackLeftBorderWidthActive, TrackLeftBorderWidthDefault, TrackLeftBorderWidthDisabled, TrackLeftBorderWidthFocused and TrackLeftBorderColorActive, TrackLeftBorderColorDefault, TrackLeftBorderColorDisabled, TrackLeftBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackLeftBitmapActive, TrackLeftBitmapDefault, TrackLeftBitmapDisabled and TrackLeftBitmapFocused are displayed. The height of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackLeftThicknessDefault = 0;

The property 'TrackLeftThicknessDefault' determines the height in pixel of a filled rectangle and border belonging to the left track. The color of the rectangle has to be configured by properties TrackLeftColorActive, TrackLeftColorDefault, TrackLeftColorDisabled and TrackLeftColorFocused. The thickness and the color of the border are configured by the properties TrackLeftBorderWidthActive, TrackLeftBorderWidthDefault, TrackLeftBorderWidthDisabled, TrackLeftBorderWidthFocused and TrackLeftBorderColorActive, TrackLeftBorderColorDefault, TrackLeftBorderColorDisabled, TrackLeftBorderColorFocused.

property int32 TrackLeftThicknessDisabled = 0;

The property 'TrackLeftThicknessDisabled' determines the height in pixel of a filled rectangle and border belonging to the left track. The color of the rectangle has to be configured by properties TrackLeftColorActive, TrackLeftColorDefault, TrackLeftColorDisabled and TrackLeftColorFocused. The thickness and the color of the border are configured by the properties TrackLeftBorderWidthActive, TrackLeftBorderWidthDefault, TrackLeftBorderWidthDisabled, TrackLeftBorderWidthFocused and TrackLeftBorderColorActive, TrackLeftBorderColorDefault, TrackLeftBorderColorDisabled, TrackLeftBorderColorFocused.

property int32 TrackLeftThicknessFocused = 0;

The property 'TrackLeftThicknessFocused' determines the height in pixel of a filled rectangle and border belonging to the left track. The color of the rectangle has to be configured by properties TrackLeftColorActive, TrackLeftColorDefault, TrackLeftColorDisabled and TrackLeftColorFocused. The thickness and the color of the border are configured by the properties TrackLeftBorderWidthActive, TrackLeftBorderWidthDefault, TrackLeftBorderWidthDisabled, TrackLeftBorderWidthFocused and TrackLeftBorderColorActive, TrackLeftBorderColorDefault, TrackLeftBorderColorDisabled, TrackLeftBorderColorFocused.

property color TrackLeftTintActive = #FFFFFFFF;

The property 'TrackLeftTintActive' determines the color value to tint or modulate the bitmap specified in the property TrackLeftBitmapActive. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackLeftTintDefault = #FFFFFFFF;

The property 'TrackLeftTintDefault' determines the color value to tint or modulate the bitmap specified in the property TrackLeftBitmapDefault. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackLeftTintDisabled = #FFFFFFFF;

The property 'TrackLeftTintDisabled' determines the color value to tint or modulate the bitmap specified in the property TrackLeftBitmapDisabled. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackLeftTintFocused = #FFFFFFFF;

The property 'TrackLeftTintFocused' determines the color value to tint or modulate the bitmap specified in the property TrackLeftBitmapFocused. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property bool TrackLeftWithEdge = false;

The property 'TrackLeftWithEdge' controls the appearance of the track bitmap (TrackLeftBitmapActive, TrackLeftBitmapDefault, TrackLeftBitmapDisabled or TrackLeftBitmapFocused). If this property is 'true', the slider displays the bitmap completely with all its edges. If this property is 'false', the right edge of the bitmap is truncated.

property Resources::Bitmap TrackRightBitmapActive = null;

The property 'TrackRightBitmapActive' determines the bitmap to fill the area on the right of the slider thumb. This bitmap is used when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackRightFrameActive. If the selected bitmap is intended to be animated, ensure that the property TrackRightFrameActive is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackRightTintActive. With the property TrackRightTintActive you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackRightOffsetActive. In the width the bitmap fills the area between the actual thumb position and the right edge of the slider. The distance to the left and right track edges can optionally be adjusted by using the property TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightWithEdge you can control, whether the bitmap at its left end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackRightBitmapDefault = null;

The property 'TrackRightBitmapDefault' determines the bitmap to fill the area on the right of the slider thumb. This bitmap is used when the slider is in the 'default' state.

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackRightFrameDefault. If the selected bitmap is intended to be animated, ensure that the property TrackRightFrameDefault is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackRightTintDefault. With the property TrackRightTintDefault you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackRightOffsetDefault. In the width the bitmap fills the area between the actual thumb position and the right edge of the slider. The distance to the left and right track edges can optionally be adjusted by using the property TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightWithEdge you can control, whether the bitmap at its left end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackRightBitmapDisabled = null;

The property 'TrackRightBitmapDisabled' determines the bitmap to fill the area on the right of the slider thumb. This bitmap is used when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false').

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackRightFrameDisabled. If the selected bitmap is intended to be animated, ensure that the property TrackRightFrameDisabled is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackRightTintDisabled. With the property TrackRightTintDisabled you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackRightOffsetDisabled. In the width the bitmap fills the area between the actual thumb position and the right edge of the slider. The distance to the left and right track edges can optionally be adjusted by using the property TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightWithEdge you can control, whether the bitmap at its left end (at the actual thumb position) should appear truncated or complete.

property Resources::Bitmap TrackRightBitmapFocused = null;

The property 'TrackRightBitmapFocused' determines the bitmap to fill the area on the right of the slider thumb. This bitmap is used when the slider is in the 'focused' state (the slider can react to keyboard events).

If the specified bitmap contains more than one frame (multi-frame bitmap), the desired frame number can be selected in the property TrackRightFrameFocused. If the selected bitmap is intended to be animated, ensure that the property TrackRightFrameFocused is -1.

If the specified bitmap contains opacity information only (Alpha8 bitmap), you can tint the bitmap by specifying the desired color in the property TrackRightTintFocused. With the property TrackRightTintFocused you can also modulate the opacity of a regular bitmap.

The bitmap is arranged vertically centered with optional displacement specified in the property TrackRightOffsetFocused. In the width the bitmap fills the area between the actual thumb position and the right edge of the slider. The distance to the left and right track edges can optionally be adjusted by using the property TrackRightMarginLeft and TrackRightMarginRight. With the property TrackRightWithEdge you can control, whether the bitmap at its left end (at the actual thumb position) should appear truncated or complete.

property color TrackRightBorderColorActive = #00000000;

The property 'TrackRightBorderColorActive' determines the color of the border surrounding the right track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). To determine the thickness of the border use the property TrackRightBorderWidthActive.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessActive. With the property TrackRightCornerRadiusActive the rounding at the corners of the border can be specified.

property color TrackRightBorderColorDefault = #00000000;

The property 'TrackRightBorderColorDefault' determines the color of the border surrounding the right track when the slider is in the 'default' state. To determine the thickness of the border use the property TrackRightBorderWidthDefault.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessDefault. With the property TrackRightCornerRadiusDefault the rounding at the corners of the border can be specified.

property color TrackRightBorderColorDisabled = #00000000;

The property 'TrackRightBorderColorDisabled' determines the color of the border surrounding the right track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). To determine the thickness of the border use the property TrackRightBorderWidthDisabled.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessDisabled. With the property TrackRightCornerRadiusDisabled the rounding at the corners of the border can be specified.

property color TrackRightBorderColorFocused = #00000000;

The property 'TrackRightBorderColorFocused' determines the color of the border surrounding the right track when the slider is in the 'focused' state (the slider can react to keyboard events). To determine the thickness of the border use the property TrackRightBorderWidthFocused.

Please note, in order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessFocused. With the property TrackRightCornerRadiusFocused the rounding at the corners of the border can be specified.

property int32 TrackRightBorderWidthActive = 0;

The property 'TrackRightBorderWidthActive' determines the thickness of the border surrounding the right track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). The value is expressed in pixel. To determine the color of the border use the property TrackRightBorderColorActive.

property int32 TrackRightBorderWidthDefault = 0;

The property 'TrackRightBorderWidthDefault' determines the thickness of the border surrounding the right track when the slider is in the 'default' state. The value is expressed in pixel. To determine the color of the border use the property TrackRightBorderColorDefault.

property int32 TrackRightBorderWidthDisabled = 0;

The property 'TrackRightBorderWidthDisabled' determines the thickness of the border surrounding the right track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). The value is expressed in pixel. To determine the color of the border use the property TrackRightBorderColorDisabled.

property int32 TrackRightBorderWidthFocused = 0;

The property 'TrackRightBorderWidthFocused' determines the thickness of the border surrounding the right track when the slider is in the 'focused' state (the slider can react to keyboard events). The value is expressed in pixel. To determine the color of the border use the property TrackRightBorderColorFocused.

property color TrackRightColorActive = #00000000;

The property 'TrackRightColorActive' determines the color to fill the background of the right track when the slider is in the 'active' state (the user is actually touching the slider or pressing a key on the keyboard the slider should react on). In order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessActive. With the property TrackRightCornerRadiusActive the rounding at the corners of the filled area can be specified.

property color TrackRightColorDefault = #00000000;

The property 'TrackRightColorDefault' determines the color to fill the background of the right track when the slider is in the 'default' state. In order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessDefault. With the property TrackRightCornerRadiusDefault the rounding at the corners of the filled area can be specified.

property color TrackRightColorDisabled = #00000000;

The property 'TrackRightColorDisabled' determines the color to fill the background of the right track when the slider is in the 'disabled' state (property 'Enabled' of the slider is 'false'). In order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessDisabled. With the property TrackRightCornerRadiusDisabled the rounding at the corners of the filled area can be specified.

property color TrackRightColorFocused = #00000000;

The property 'TrackRightColorFocused' determines the color to fill the background of the right track when the slider is in the 'focused' state (the slider can react to keyboard events). In order to be visible, a valid height for the track has to be configured in the property TrackRightThicknessFocused. With the property TrackRightCornerRadiusFocused the rounding at the corners of the filled area can be specified.

property int32 TrackRightCornerRadiusActive = 0;

The property 'TrackRightCornerRadiusActive' determines the rounding at corners of a filled rectangle and border belonging to the right track. Normally, the right track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackRightThicknessActive. Furthermore, with the property TrackRightFlattened the track edge at the current thumb position can be flattened.

property int32 TrackRightCornerRadiusDefault = 0;

The property 'TrackRightCornerRadiusDefault' determines the rounding at corners of a filled rectangle and border belonging to the right track. Normally, the right track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackRightThicknessDefault. Furthermore, with the property TrackRightFlattened the track edge at the current thumb position can be flattened.

property int32 TrackRightCornerRadiusDisabled = 0;

The property 'TrackRightCornerRadiusDisabled' determines the rounding at corners of a filled rectangle and border belonging to the right track. Normally, the right track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackRightThicknessDisabled. Furthermore, with the property TrackRightFlattened the track edge at the current thumb position can be flattened.

property int32 TrackRightCornerRadiusFocused = 0;

The property 'TrackRightCornerRadiusFocused' determines the rounding at corners of a filled rectangle and border belonging to the right track. Normally, the right track has the shape of a rectangle with sharp corners. Specifying a value greater than 0 in this property rounds the corners. The larger the value, the bigger the rounding effect. The value is expressed as radius in pixel.

Please note, that the corner radius is automatically limited to half the height of the track according to the value specified in the property TrackRightThicknessFocused. Furthermore, with the property TrackRightFlattened the track edge at the current thumb position can be flattened.

property bool TrackRightFlattened = false;

The property 'TrackRightFlattened' controls the appearance of the right track at its edge corresponding to the actual thumb position. Per default the corners at the edge are rounded according to the value specified in the properties TrackRightCornerRadiusActive, TrackRightCornerRadiusDefault, TrackRightCornerRadiusDisabled, TrackRightCornerRadiusFocused. By configuring the property TrackRightFlattened with the value 'true', the corner rounding occurs only when the track has assumed its leftmost position. As long as the track is smaller, the edge at the actual thumb position is clipped (it appears flattened). The leftmost position for the track is configured by the property TrackRightMarginLeft.

property int32 TrackRightFrameActive = -1;

The property 'TrackRightFrameActive' determines the frame number within the bitmap TrackRightBitmapActive. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackRightBitmapActive bitmap is animated, the animation is automatically started as soon as the slider enters the 'active' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackRightFrameDefault = -1;

The property 'TrackRightFrameDefault' determines the frame number within the bitmap TrackRightBitmapDefault. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackRightBitmapDefault bitmap is animated, the animation is automatically started as soon as the slider enters the 'default' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackRightFrameDisabled = -1;

The property 'TrackRightFrameDisabled' determines the frame number within the bitmap TrackRightBitmapDisabled. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackRightBitmapDisabled bitmap is animated, the animation is automatically started as soon as the sliders enters the 'disabled' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackRightFrameFocused = -1;

The property 'TrackRightFrameFocused' determines the frame number within the bitmap TrackRightBitmapFocused. This property is applicable for multi-frame bitmaps only (see also Resources::Bitmap). If the desired frame is not available in the bitmap, no bitmap is shown.

If the property is initialized with the value -1 and the TrackRightBitmapFocused bitmap is animated, the animation is automatically started as soon as the slider enters the 'focused' state. If the bitmap is not animated and the property is -1, the frame with number 0 is displayed.

property int32 TrackRightMarginLeft = 0;

The property 'TrackRightMarginLeft' determines an additional gap in pixel between the left edge of the slider and the left end of the area destined to display views belonging to the right track (filled rectangle, border and image).

The left end of the track area corresponds to the actual thumb position. When the thumb is moved, the size and position of the track are adjusted accordingly. By using this property, the leftmost position can be limited to not exceed the predetermined margin. To adjust the rightmost position of the track, use the property TrackRightMarginRight. To adjust the vertical position of the right track use the properties TrackRightOffsetActive, TrackRightOffsetDefault, TrackRightOffsetDisabled, TrackRightOffsetFocused.

property int32 TrackRightMarginRight = 0;

The property 'TrackRightMarginRight' determines an additional gap in pixel between the right edge of the slider and the area destined to display views belonging to the right track (filled rectangle, border and image). If this property is 0 (zero), the right track is directly aligned at the right edge of the slider. To adjust the vertical position of the right track use the properties TrackRightOffsetActive, TrackRightOffsetDefault, TrackRightOffsetDisabled, TrackRightOffsetFocused.

property int32 TrackRightOffsetActive = 0;

The property 'TrackRightOffsetActive' determines an additional vertical displacement in pixel for the area destined to display views belonging to the right track (filled rectangle, border and image). Per default, the right track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the right track use the property TrackRightMarginRight.

property int32 TrackRightOffsetDefault = 0;

The property 'TrackRightOffsetDefault' determines an additional vertical displacement in pixel for the area destined to display views belonging to the right track (filled rectangle, border and image). Per default, the right track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the right track use the property TrackRightMarginRight.

property int32 TrackRightOffsetDisabled = 0;

The property 'TrackRightOffsetDisabled' determines an additional vertical displacement in pixel for the area destined to display views belonging to the right track (filled rectangle, border and image). Per default, the right track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the right track use the property TrackRightMarginRight.

property int32 TrackRightOffsetFocused = 0;

The property 'TrackRightOffsetFocused' determines an additional vertical displacement in pixel for the area destined to display views belonging to the right track (filled rectangle, border and image). Per default, the right track is vertically centered within the slider. By configuring this property, the vertical position of the track can be adjusted. To adjust the horizontal position of the right track use the property TrackRightMarginRight.

property int32 TrackRightStackingPriority = 2;

The property 'TrackRightStackingPriority' determines the Z-order position of the views destined to display the right track (rectangle, border and image). Per default all right track views are arranged in front of the face view just behind the left track. By configuring this property the arrangement of the views within the widget can be changed whereby views with larger priority will be arranged in front of views with lower priority. For example, to place the right track views in front of the left track, configure the property with a larger value.

property bool TrackRightStatic = false;

The property 'TrackRightStatic' controls the size calculation of the area destined to display views belonging to the right track (filled rectangle, border and image). If this property is 'false', the right track fills automatically the area between the actual position of the thumb and the right edge of the slider. When the thumb is moved, the position and the size of the track are adjusted accordingly.

Please note, that the area destined for the right track can additionally be limited by the properties TrackRightMarginLeft and TrackRightMarginRight.

property int32 TrackRightThicknessActive = 0;

The property 'TrackRightThicknessActive' determines the height in pixel of a filled rectangle and border belonging to the right track. The color of the rectangle has to be configured by properties TrackRightColorActive, TrackRightColorDefault, TrackRightColorDisabled and TrackRightColorFocused. The thickness and the color of the border are configured by the properties TrackRightBorderWidthActive, TrackRightBorderWidthDefault, TrackRightBorderWidthDisabled, TrackRightBorderWidthFocused and TrackRightBorderColorActive, TrackRightBorderColorDefault, TrackRightBorderColorDisabled, TrackRightBorderColorFocused.

Please note, this property does not affect how bitmaps specified in the properties TrackRightBitmapActive, TrackRightBitmapDefault, TrackRightBitmapDisabled and TrackRightBitmapFocused are displayed. The height of the bitmap is determined exclusively by the bitmap itself.

property int32 TrackRightThicknessDefault = 0;

The property 'TrackRightThicknessDefault' determines the height in pixel of a filled rectangle and border belonging to the right track. The color of the rectangle has to be configured by properties TrackRightColorActive, TrackRightColorDefault, TrackRightColorDisabled and TrackRightColorFocused. The thickness and the color of the border are configured by the properties TrackRightBorderWidthActive, TrackRightBorderWidthDefault, TrackRightBorderWidthDisabled, TrackRightBorderWidthFocused and TrackRightBorderColorActive, TrackRightBorderColorDefault, TrackRightBorderColorDisabled, TrackRightBorderColorFocused.

property int32 TrackRightThicknessDisabled = 0;

The property 'TrackRightThicknessDisabled' determines the height in pixel of a filled rectangle and border belonging to the right track. The color of the rectangle has to be configured by properties TrackRightColorActive, TrackRightColorDefault, TrackRightColorDisabled and TrackRightColorFocused. The thickness and the color of the border are configured by the properties TrackRightBorderWidthActive, TrackRightBorderWidthDefault, TrackRightBorderWidthDisabled, TrackRightBorderWidthFocused and TrackRightBorderColorActive, TrackRightBorderColorDefault, TrackRightBorderColorDisabled, TrackRightBorderColorFocused.

property int32 TrackRightThicknessFocused = 0;

The property 'TrackRightThicknessFocused' determines the height in pixel of a filled rectangle and border belonging to the right track. The color of the rectangle has to be configured by properties TrackRightColorActive, TrackRightColorDefault, TrackRightColorDisabled and TrackRightColorFocused. The thickness and the color of the border are configured by the properties TrackRightBorderWidthActive, TrackRightBorderWidthDefault, TrackRightBorderWidthDisabled, TrackRightBorderWidthFocused and TrackRightBorderColorActive, TrackRightBorderColorDefault, TrackRightBorderColorDisabled, TrackRightBorderColorFocused.

property color TrackRightTintActive = #FFFFFFFF;

The property 'TrackRightTintActive' determines the color value to tint or modulate the bitmap specified in the property TrackRightBitmapActive. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackRightTintDefault = #FFFFFFFF;

The property 'TrackRightTintDefault' determines the color value to tint or modulate the bitmap specified in the property TrackRightBitmapDefault. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackRightTintDisabled = #FFFFFFFF;

The property 'TrackRightTintDisabled' determines the color value to tint or modulate the bitmap specified in the property TrackRightBitmapDisabled. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property color TrackRightTintFocused = #FFFFFFFF;

The property 'TrackRightTintFocused' determines the color value to tint or modulate the bitmap specified in the property TrackRightBitmapFocused. The effect of this color value depends on the type of the bitmap:

Alpha8 bitmaps will be tinted with the given color due to the fact that they don't provide their own color information. This allows one and the same Alpha8 bitmap to be shown with different colors.
In case of Native, Index8 or RGB565 bitmaps the opacity of the bitmap is modulated by the color's alpha value. The original RGB information stored in the bitmap is not affected. This allows one and the same bitmap to be shown with different transparencies.

property bool TrackRightWithEdge = false;

The property 'TrackRightWithEdge' controls the appearance of the track bitmap (TrackRightBitmapActive, TrackRightBitmapDefault, TrackRightBitmapDisabled or TrackRightBitmapFocused). If this property is 'true', the slider displays the bitmap completely with all its edges. If this property is 'false', the left edge of the bitmap is truncated.

property point WidgetMaxSize = <0,0>;

The property 'WidgetMaxSize' determines the maximum allowed size of the widget. Accordingly, the slider can't become bigger than the value specified in this property. By using this property you can configure the size constraints for the slider.

property point WidgetMinSize = <0,0>;

The property 'WidgetMinSize' determines the minimal allowed size of the widget. Accordingly, the slider can't become smaller than the value specified in this property. By using this property you can configure the size constraints for the slider.