The default IStyleProvider for all Slider components.

The default value is null.

See also

Determines if the slider dispatches the Event.CHANGE event every time the thumb moves, or only once it stops moving.

In the following example, live dragging is disabled:

slider.liveDragging = false;

The default value is true.

The slider's value will not go higher than the maximum. The maximum is zero (0), by default, and it should almost always be changed to something more appropriate.

In the following example, the maximum is set to 100:

slider.minimum = 0;
slider.maximum = 100;
slider.step = 1;
slider.page = 10
slider.value = 12;

The default value is 0.

See also

The maximum track sub-component.

For internal use in subclasses.

See also

A function used to generate the slider's maximum track sub-component. The maximum track must be an instance of BasicButton (or a subclass). This factory can be used to change properties on the maximum track when it is first created. For instance, if you are skinning Feathers components without a theme, you might use this factory to set skins and other styles on the maximum track.

The function should have the following signature:

function():BasicButton

In the following example, a custom maximum track factory is passed to the slider:

slider.maximumTrackFactory = function():BasicButton
{
    var track:BasicButton = new BasicButton();
    var skin:ImageSkin = new ImageSkin( upTexture );
    skin.setTextureForState( ButtonState.DOWN, downTexture );
    track.defaultSkin = skin;
    return track;
};

The default value is null.

See also

An object that stores properties for the slider's "maximum" track, and the properties will be passed down to the "maximum" track when the slider validates. For a list of available properties, refer to feathers.controls.BasicButton.

If the subcomponent has its own subcomponents, their properties can be set too, using attribute @ notation. For example, to set the skin on the thumb which is in a SimpleScrollBar, which is in a List, you can use the following syntax:

list.verticalScrollBarProperties.@thumbProperties.defaultSkin = new Image(texture);

Setting properties in a maximumTrackFactory function instead of using maximumTrackProperties will result in better performance.

In the following example, the slider's maximum track properties are updated:

slider.maximumTrackProperties.defaultSkin = new Image( upTexture );
slider.maximumTrackProperties.downSkin = new Image( downTexture );

The default value is null.

See also

The value added to the styleNameList of the maximum track. This variable is protected so that sub-classes can customize the maximum track style name in their constructors instead of using the default style name defined by DEFAULT_CHILD_STYLE_NAME_MAXIMUM_TRACK.

To customize the maximum track style name without subclassing, see customMaximumTrackStyleName.

See also

The slider's value will not go lower than the minimum.

In the following example, the minimum is set to 0:

slider.minimum = 0;
slider.maximum = 100;
slider.step = 1;
slider.page = 10
slider.value = 12;

The default value is 0.

See also

The minimum track sub-component.

For internal use in subclasses.

See also

A function used to generate the slider's minimum track sub-component. The minimum track must be an instance of BasicButton (or a subclass). This factory can be used to change properties on the minimum track when it is first created. For instance, if you are skinning Feathers components without a theme, you might use this factory to set skins and other styles on the minimum track.

The function should have the following signature:

function():BasicButton

In the following example, a custom minimum track factory is passed to the slider:

slider.minimumTrackFactory = function():BasicButton
{
    var track:BasicButton = new BasicButton();
    var skin:ImageSkin = new ImageSkin( upTexture );
    skin.setTextureForState( ButtonState.DOWN, downTexture );
    track.defaultSkin = skin;
    return track;
};

The default value is null.

See also

An object that stores properties for the slider's "minimum" track, and the properties will be passed down to the "minimum" track when the slider validates. For a list of available properties, refer to feathers.controls.BasicButton.

If the subcomponent has its own subcomponents, their properties can be set too, using attribute @ notation. For example, to set the skin on the thumb which is in a SimpleScrollBar, which is in a List, you can use the following syntax:

list.verticalScrollBarProperties.@thumbProperties.defaultSkin = new Image(texture);

Setting properties in a minimumTrackFactory function instead of using minimumTrackProperties will result in better performance.

In the following example, the slider's minimum track properties are updated:

slider.minimumTrackProperties.defaultSkin = new Image( upTexture );
slider.minimumTrackProperties.downSkin = new Image( downTexture );

The default value is null.

See also

The value added to the styleNameList of the minimum track. This variable is protected so that sub-classes can customize the minimum track style name in their constructors instead of using the default style name defined by DEFAULT_CHILD_STYLE_NAME_MINIMUM_TRACK.

To customize the minimum track style name without subclassing, see customMinimumTrackStyleName.

See also

If the trackInteractionMode property is set to TrackInteractionMode.BY_PAGE, and the slider's track is touched, and the thumb is shown, the slider value will be incremented or decremented by the page value. If the trackInteractionMode property is set to TrackInteractionMode.TO_VALUE, this property will be ignored.

If this value is NaN, the step value will be used instead. If the step value is zero, paging with the track is not possible.

In the following example, the page is changed to 10:

slider.minimum = 0;
slider.maximum = 100;
slider.step = 1;
slider.page = 10
slider.value = 12;

The default value is NaN.

See also

The time, in seconds, before actions are repeated. The first repeat happens after a delay that is five times longer than the following repeats.

In the following example, the slider's repeat delay is set to 500 milliseconds:

slider.repeatDelay = 0.5;

The default value is 0.05.

As the slider's thumb is dragged, the value is snapped to a multiple of the step. Paging using the slider's track will use the step value if the page value is NaN. If the step is zero (0), paging with the track will not be possible.

In the following example, the step is changed to 1:

slider.minimum = 0;
slider.maximum = 100;
slider.step = 1;
slider.page = 10;
slider.value = 10;

The default value is 0.

See also

The thumb sub-component.

For internal use in subclasses.

See also

A function used to generate the slider's thumb sub-component. The thumb must be an instance of BasicButton (or a subclass). This factory can be used to change properties on the thumb when it is first created. For instance, if you are skinning Feathers components without a theme, you might use this factory to set skins and other styles on the thumb.

The function should have the following signature:

function():BasicButton

In the following example, a custom thumb factory is passed to the slider:

slider.thumbFactory = function():BasicButton
{
    var thumb:BasicButton = new BasicButton();
    var skin:ImageSkin = new ImageSkin( upTexture );
    skin.setTextureForState( ButtonState.DOWN, downTexture );
    thumb.defaultSkin = skin;
    return thumb;
};

The default value is null.

See also

An object that stores properties for the slider's thumb, and the properties will be passed down to the thumb when the slider validates. For a list of available properties, refer to feathers.controls.BasicButton.

If the subcomponent has its own subcomponents, their properties can be set too, using attribute @ notation. For example, to set the skin on the thumb which is in a SimpleScrollBar, which is in a List, you can use the following syntax:

list.verticalScrollBarProperties.@thumbProperties.defaultSkin = new Image(texture);

Setting properties in a thumbFactory function instead of using thumbProperties will result in better performance.

In the following example, the slider's thumb properties are updated:

slider.thumbProperties.defaultSkin = new Image( upTexture );
slider.thumbProperties.downSkin = new Image( downTexture );

The default value is null.

See also

The value added to the styleNameList of the thumb. This variable is protected so that sub-classes can customize the thumb style name in their constructors instead of using the default style name defined by DEFAULT_CHILD_STYLE_NAME_THUMB.

To customize the thumb style name without subclassing, see customThumbStyleName.

See also

The value of the slider, between the minimum and maximum.

In the following example, the value is changed to 12:

slider.minimum = 0;
slider.maximum = 100;
slider.step = 1;
slider.page = 10
slider.value = 12;

The default value is 0.

See also

Constructor.

If the component's dimensions have not been set explicitly, it will measure its content and determine an ideal size for itself. If the explicitWidth or explicitHeight member variables are set, those value will be used without additional measurement. If one is set, but not the other, the dimension with the explicit value will not be measured, but the other non-explicit dimension will still need measurement.

Calls saveMeasurements() to set up the actualWidth and actualHeight member variables used for layout.

Meant for internal use, and subclasses may override this function with a custom implementation.

Creates and adds the maximumTrack sub-component and removes the old instance, if one exists. If the maximum track is not needed, it will not be created.

Meant for internal use, and subclasses may override this function with a custom implementation.

See also

Creates and adds the minimumTrack sub-component and removes the old instance, if one exists.

Meant for internal use, and subclasses may override this function with a custom implementation.

See also

Creates and adds the thumb sub-component and removes the old instance, if one exists.

Meant for internal use, and subclasses may override this function with a custom implementation.

See also

Dispatched when the user starts dragging the slider's thumb or track.

The properties of the event object have the following values:

Dispatched when the slider's value changes.

The properties of the event object have the following values:

See also

Dispatched when the user stops dragging the slider's thumb or track.

The properties of the event object have the following values:

Depending on the control, the result of the interaction may continue after the interaction ends. For instance, a Scroller may be "thrown", and the scrolling will continue animating after the user has finished interacting with it.

Determines how the minimum and maximum track skins are positioned and sized.

In the following example, the slider's track layout is customized:

slider.trackScaleMode = TrackScaleMode.EXACT_FIT;

The default value is feathers.controls.TrackScaleMode.DIRECTIONAL.

See also

Determines how the minimum and maximum track skins are positioned and sized.

In the following example, the slider is given two tracks:

slider.trackLayoutMode = TrackLayoutMode.SPLIT;

The default value is feathers.controls.TrackLayoutMode.SINGLE.

See also

Determines how the slider's value changes when the track is touched.

If showThumb is set to false, the slider will always behave as if trackInteractionMode has been set to TrackInteractionMode.TO_VALUE. In other words, the value of trackInteractionMode may be ignored if the thumb is hidden.

In the following example, the slider's track interaction is changed:

slider.trackScaleMode = TrackInteractionMode.BY_PAGE;

The default value is TrackInteractionMode.TO_VALUE.

See also

Offsets the position of the thumb by a certain number of pixels in a direction perpendicular to the track. This does not affect the measurement of the slider. The slider will measure itself as if the thumb were not offset from its original position.

In the following example, the thumb is offset by 20 pixels:

slider.thumbOffset = 20;

The default value is 0.

Determines if the thumb should be displayed.

In the following example, the thumb is hidden:

slider.showThumb = false;

The default value is true.

The space, in pixels, between the minimum position of the thumb and the minimum edge of the track. May be negative to extend the range of the thumb.

In the following example, minimum padding is set to 20 pixels:

slider.minimumPadding = 20;

The default value is 0.

See also

The space, in pixels, between the maximum position of the thumb and the maximum edge of the track. May be negative to extend the range of the thumb.

In the following example, maximum padding is set to 20 pixels:

slider.maximumPadding = 20;

The default value is 0.

See also

Determines if the slider's thumb can be dragged horizontally or vertically. When this value changes, the slider's width and height values do not change automatically.

In the following example, the direction is changed to vertical:

slider.direction = Direction.VERTICAL;

Note: The Direction.NONE constant is not supported.

The default value is feathers.layout.Direction.HORIZONTAL.

See also

A style name to add to the slider's thumb sub-component. Typically used by a theme to provide different styles to different sliders.

In the following example, a custom thumb style name is passed to the slider:

slider.customThumbStyleName = "my-custom-thumb";

In your theme, you can target this sub-component style name to provide different styles than the default:

getStyleProviderForClass( Button ).setFunctionForStyleName( "my-custom-thumb", setCustomThumbStyles );

The default value is null.

See also

A style name to add to the slider's minimum track sub-component. Typically used by a theme to provide different styles to different sliders.

In the following example, a custom minimum track style name is passed to the slider:

slider.customMinimumTrackStyleName = "my-custom-minimum-track";

In your theme, you can target this sub-component style name to provide different styles than the default:

getStyleProviderForClass( Button ).setFunctionForStyleName( "my-custom-minimum-track", setCustomMinimumTrackStyles );

The default value is null.

See also

A style name to add to the slider's maximum track sub-component. Typically used by a theme to provide different skins to different sliders.

In the following example, a custom maximum track style name is passed to the slider:

slider.customMaximumTrackStyleName = "my-custom-maximum-track";

In your theme, you can target this sub-component style name to provide different styles than the default:

getStyleProviderForClass( Button ).setFunctionForStyleName( "my-custom-maximum-track", setCustomMaximumTrackStyles );

The default value is null.

See also

The default value added to the styleNameList of the maximum track.

See also

The default value added to the styleNameList of the minimum track.

See also

The default value added to the styleNameList of the thumb.

See also