Package | feathers.controls |
Class | public class Slider |
Inheritance | Slider ![]() ![]() ![]() ![]() ![]() ![]() |
Implements | IDirectionalScrollBar, IFocusDisplayObject |
Subclasses | SeekSlider, VolumeSlider |
Product Version : | Feathers 1.0.0 |
The following example sets the slider's range and listens for when the value changes:
var slider:Slider = new Slider(); slider.minimum = 0; slider.maximum = 100; slider.step = 1; slider.page = 10; slider.value = 12; slider.addEventListener( Event.CHANGE, slider_changeHandler ); this.addChild( slider );
See also
Property | Defined By | ||
---|---|---|---|
![]() | addedEffect : Function
An optional effect that is activated when the component is added to
the stage. | FeathersControl | |
![]() | alpha : Number The opacity of the object. | DisplayObject | |
![]() | base : DisplayObject [read-only] The topmost object in the display tree the object is part of. | DisplayObject | |
![]() | blendMode : String The blend mode determines how the object is blended with the objects underneath. | DisplayObject | |
![]() | bounds : Rectangle [read-only] The bounds of the object relative to the local coordinates of the parent. | DisplayObject | |
![]() | defaultTextEditorFactory : Function [static]
A function used by all UI controls that support text editor to
create an ITextEditor instance. | FeathersControl | |
![]() | defaultTextRendererFactory : Function [static]
A function used by all UI controls that support text renderers to
create an ITextRenderer instance. | FeathersControl | |
![]() | depth : int [read-only]
The component's depth in the display list, relative to the stage. | FeathersControl | |
![]() | effectsSuspended : Boolean [read-only]
Indicates if effects have been suspended. | FeathersControl | |
![]() | explicitHeight : Number [read-only]
The height value explicitly set by passing a value to the
height setter or by calling the setSize()
function. | FeathersControl | |
![]() | explicitMaxHeight : Number [read-only]
The maximum height value explicitly set by passing a value to the
maxHeight setter. | FeathersControl | |
![]() | explicitMaxWidth : Number [read-only]
The maximum width value explicitly set by passing a value to the
maxWidth setter. | FeathersControl | |
![]() | explicitMinHeight : Number [read-only]
The minimum height value explicitly set by passing a value to the
minHeight setter. | FeathersControl | |
![]() | explicitMinWidth : Number [read-only]
The minimum width value explicitly set by passing a value to the
minWidth setter. | FeathersControl | |
![]() | explicitWidth : Number [read-only]
The width value explicitly set by passing a value to the
width setter or to the setSize() method. | FeathersControl | |
![]() | filter : FragmentFilter The filter that is attached to the display object. | DisplayObject | |
![]() | focusInEffect : Function
An optional effect that is activated when the component receives
focus. | FeathersControl | |
![]() | focusManager : IFocusManager
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The current focus manager for this component. | FeathersControl | |
![]() | focusOutEffect : Function
An optional effect that is activated when the component loses focus. | FeathersControl | |
![]() | focusOwner : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Used for associating focusable display objects that are not direct
children with an "owner" focusable display object, such as pop-ups. | FeathersControl | |
globalStyleProvider : IStyleProvider [static]
The default IStyleProvider for all Slider
components. | Slider | ||
![]() | height : Number [override]
The height of the component, in pixels. | FeathersControl | |
![]() | hideEffect : Function
An optional effect that is activated when the component is hidden. | FeathersControl | |
![]() | includeInLayout : Boolean
Determines if the ILayout should use this object or ignore it. | FeathersControl | |
![]() | is3D : Boolean [read-only] Indicates if this object or any of its parents is a 'Sprite3D' object. | DisplayObject | |
![]() | isCreated : Boolean [read-only]
Determines if the component has been initialized and validated for
the first time. | FeathersControl | |
![]() | isEnabled : Boolean
Indicates whether the control is interactive or not. | FeathersControl | |
![]() | isFocusEnabled : Boolean
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Determines if this component can receive focus. | FeathersControl | |
![]() | isInitialized : Boolean [read-only]
Determines if the component has been initialized yet. | FeathersControl | |
![]() | isQuickHitAreaEnabled : Boolean
Similar to mouseChildren on the classic display list. | FeathersControl | |
![]() | isShowingFocus : Boolean [read-only]
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
Indicates if the showFocus() method has been called on
the object when it has focus. | FeathersControl | |
![]() | layoutData : ILayoutData
Extra parameters associated with this display object that will be
used by the layout algorithm. | FeathersControl | |
liveDragging : Boolean = true
Determines if the slider dispatches the Event.CHANGE
event every time the thumb moves, or only once it stops moving. | Slider | ||
![]() | maintainTouchFocus : Boolean [read-only]
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
If true, the display object should remain in focus,
even if something else is touched. | FeathersControl | |
![]() | mask : DisplayObject The display object that acts as a mask for the current object. | DisplayObject | |
![]() | maskInverted : Boolean Indicates if the masked region of this object is set to be inverted. | DisplayObject | |
![]() | maxHeight : Number
The maximum recommended height to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
maximum : Number
The slider's value will not go higher than the maximum. | Slider | ||
maximumTrackFactory : Function
A function used to generate the slider's maximum track sub-component. | Slider | ||
maximumTrackProperties : Object
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. | Slider | ||
![]() | maxWidth : Number
The maximum recommended width to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | minHeight : Number
The minimum recommended height to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
minimum : Number
The slider's value will not go lower than the minimum. | Slider | ||
minimumTrackFactory : Function
A function used to generate the slider's minimum track sub-component. | Slider | ||
minimumTrackProperties : Object
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. | Slider | ||
![]() | minTouchHeight : Number
If using isQuickHitAreaEnabled, and the hit area's
height is smaller than this value, it will be expanded. | FeathersControl | |
![]() | minTouchWidth : Number
If using isQuickHitAreaEnabled, and the hit area's
width is smaller than this value, it will be expanded. | FeathersControl | |
![]() | minWidth : Number
The minimum recommended width to be used for self-measurement and,
optionally, by any code that is resizing this component. | FeathersControl | |
![]() | moveEffect : Function
An optional effect that is activated when the component is moved to
a new position. | FeathersControl | |
![]() | name : String The name of the display object (default: null). | DisplayObject | |
![]() | nextDownFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.DOWN is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextLeftFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.LEFT is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextRightFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.RIGHT is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | nextTabFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when the tab key is pressed
when a focus manager is enabled. | FeathersControl | |
![]() | nextUpFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The next object that will receive focus when
Keyboard.UP is pressed at
KeyLocation.D_PAD and a focus manager is enabled. | FeathersControl | |
![]() | numChildren : int [read-only] The number of children of this container. | DisplayObjectContainer | |
page : Number
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. | Slider | ||
![]() | parent : DisplayObjectContainer [read-only] The display object container that contains this display object. | DisplayObject | |
![]() | pivotX : Number The x coordinate of the object's origin in its own coordinate space (default: 0). | DisplayObject | |
![]() | pivotY : Number The y coordinate of the object's origin in its own coordinate space (default: 0). | DisplayObject | |
![]() | previousTabFocus : IFocusDisplayObject
The implementation of this property is provided for convenience,
but it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
The previous object that will receive focus when the tab key is
pressed while holding shift when a focus manager is enabled. | FeathersControl | |
repeatDelay : Number
The time, in seconds, before actions are repeated. | Slider | ||
![]() | requiresRedraw : Boolean [read-only] Indicates if the object needs to be redrawn in the upcoming frame, i.e. | DisplayObject | |
![]() | resizeEffect : Function
An optional effect that is activated when the component is resized
with new dimensions. | FeathersControl | |
![]() | root : DisplayObject [read-only] The root object the display object is connected to (i.e. | DisplayObject | |
![]() | rotation : Number The rotation of the object in radians. | DisplayObject | |
![]() | scale : Number Sets both 'scaleX' and 'scaleY' to the same value. | DisplayObject | |
![]() | scaleX : Number The horizontal scale factor. | DisplayObject | |
![]() | scaleY : Number The vertical scale factor. | DisplayObject | |
![]() | showEffect : Function
An optional effect that is activated when the component is shown. | FeathersControl | |
![]() | skewX : Number The horizontal skew angle in radians. | DisplayObject | |
![]() | skewY : Number The vertical skew angle in radians. | DisplayObject | |
![]() | stage : Stage [read-only] The stage the display object is connected to, or null if it is not connected
to the stage. | DisplayObject | |
step : Number
As the slider's thumb is dragged, the value is snapped to a multiple
of the step. | Slider | ||
![]() | styleName : String
The concatenated styleNameList, with values separated
by spaces. | FeathersControl | |
![]() | styleNameList : TokenList [read-only]
Contains a list of all "styles" assigned to this control. | FeathersControl | |
![]() | styleProvider : IStyleProvider
When a component initializes, a style provider may be used to set
properties that affect the component's visual appearance. | FeathersControl | |
thumbFactory : Function
A function used to generate the slider's thumb sub-component. | Slider | ||
thumbProperties : Object
An object that stores properties for the slider's thumb, and the
properties will be passed down to the thumb when the slider
validates. | Slider | ||
![]() | toolTip : String
Text to display in a tool tip to when hovering over this component,
if the ToolTipManager is enabled. | FeathersControl | |
![]() | touchable : Boolean Indicates if this object (and its children) will receive touch events. | DisplayObject | |
![]() | touchGroup : Boolean If a container is a 'touchGroup', it will act as a single touchable object. | DisplayObjectContainer | |
![]() | transformationMatrix : Matrix The transformation matrix of the object relative to its parent. | DisplayObject | |
![]() | transformationMatrix3D : Matrix3D [read-only] The 3D transformation matrix of the object relative to its parent. | DisplayObject | |
![]() | useHandCursor : Boolean Indicates if the mouse cursor should transform into a hand while it's over the sprite. | DisplayObject | |
value : Number
The value of the slider, between the minimum and maximum. | Slider | ||
![]() | visible : Boolean The visibility of the object. | DisplayObject | |
![]() | width : Number [override]
The width of the component, in pixels. | FeathersControl | |
![]() | x : Number The x coordinate of the object relative to the local coordinates of the parent. | DisplayObject | |
![]() | y : Number The y coordinate of the object relative to the local coordinates of the parent. | DisplayObject |
Property | Defined By | ||
---|---|---|---|
![]() | actualHeight : Number = 0
The final height value that should be used for layout. | FeathersControl | |
![]() | actualMinHeight : Number = 0
The final minimum height value that should be used for layout. | FeathersControl | |
![]() | actualMinWidth : Number = 0
The final minimum width value that should be used for layout. | FeathersControl | |
![]() | actualWidth : Number = 0
The final width value that should be used for layout. | FeathersControl | |
![]() | defaultStyleProvider : IStyleProvider [read-only]
When the FeathersControl constructor is called, the
styleProvider property is set to this value. | FeathersControl | |
maximumTrack : DisplayObject
The maximum track sub-component. | Slider | ||
maximumTrackStyleName : String = feathers-slider-maximum-track
The value added to the styleNameList of the maximum
track. | Slider | ||
minimumTrack : DisplayObject
The minimum track sub-component. | Slider | ||
minimumTrackStyleName : String = feathers-slider-minimum-track
The value added to the styleNameList of the minimum
track. | Slider | ||
thumb : DisplayObject
The thumb sub-component. | Slider | ||
thumbStyleName : String = feathers-slider-thumb
The value added to the styleNameList of the thumb. | Slider |
Method | Defined By | ||
---|---|---|---|
Slider()
Constructor. | Slider | ||
![]() | Adds a child to the container. | DisplayObjectContainer | |
![]() | Adds a child to the container at a certain index. | DisplayObjectContainer | |
![]() | addEventListener(type:String, listener:Function):void [override] Registers an event listener at a certain object. | DisplayObject | |
![]() | alignPivot(horizontalAlign:String = center, verticalAlign:String = center):void Moves the pivot point to a certain position within the local coordinate system
of the object. | DisplayObject | |
![]() | broadcastEvent(event:Event):void Dispatches an event on all children (recursively). | DisplayObjectContainer | |
![]() | broadcastEventWith(eventType:String, data:Object = null):void Dispatches an event with the given parameters on all children (recursively). | DisplayObjectContainer | |
![]() | contains(child:DisplayObject):Boolean Determines if a certain object is a child of the container (recursively). | DisplayObjectContainer | |
![]() | dispatchEvent(event:Event):void Dispatches an event to all objects that have registered listeners for its type. | EventDispatcher | |
![]() | dispatchEventWith(type:String, bubbles:Boolean = false, data:Object = null):void Dispatches an event with the given parameters to all objects that have registered
listeners for the given type. | EventDispatcher | |
![]() | dispose():void [override] Disposes the resources of all children. | DisplayObjectContainer | |
![]() | drawToBitmapData(out:BitmapData = null, color:uint = 0x0, alpha:Number = 0.0):BitmapData Draws the object into a BitmapData object. | DisplayObject | |
![]() | getBounds(targetSpace:DisplayObject, resultRect:Rectangle = null):Rectangle [override]
Feathers components use an optimized getBounds()
implementation that may sometimes behave differently than regular
Starling display objects. | FeathersControl | |
![]() | getChildAt(index:int):DisplayObject Returns a child object at a certain index. | DisplayObjectContainer | |
![]() | getChildByName(name:String):DisplayObject Returns a child object with a certain name (non-recursively). | DisplayObjectContainer | |
![]() | getChildIndex(child:DisplayObject):int Returns the index of a child within the container, or "-1" if it is not found. | DisplayObjectContainer | |
![]() | getTransformationMatrix(targetSpace:DisplayObject, out:Matrix = null):Matrix Creates a matrix that represents the transformation from the local coordinate system
to another. | DisplayObject | |
![]() | getTransformationMatrix3D(targetSpace:DisplayObject, out:Matrix3D = null):Matrix3D Creates a matrix that represents the transformation from the local coordinate system
to another. | DisplayObject | |
![]() | globalToLocal(globalPoint:Point, out:Point = null):Point Transforms a point from global (stage) coordinates to the local coordinate system. | DisplayObject | |
![]() | globalToLocal3D(globalPoint:Point, out:Vector3D = null):Vector3D Transforms a point from global (stage) coordinates to the 3D local coordinate system. | DisplayObject | |
![]() | hasEventListener(type:String, listener:Function = null):Boolean If called with one argument, figures out if there are any listeners registered for
the given event type. | EventDispatcher | |
![]() | hideFocus():void
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
| FeathersControl | |
![]() | hitTest(localPoint:Point):DisplayObject [override] Returns the object that is found topmost beneath a point in local coordinates, or nil
if the test fails. | DisplayObjectContainer | |
![]() | hitTestMask(localPoint:Point):Boolean Checks if a certain point is inside the display object's mask. | DisplayObject | |
![]() | initializeNow():void
If the component has not yet initialized, initializes immediately. | FeathersControl | |
![]() | invalidate(flag:String):void
Call this function to tell the UI control that a redraw is pending. | FeathersControl | |
![]() | isInvalid(flag:String = null):Boolean
Indicates whether the control is pending validation or not. | FeathersControl | |
![]() | local3DToGlobal(localPoint:Vector3D, out:Point = null):Point Transforms a 3D point from the local coordinate system to global (stage) coordinates. | DisplayObject | |
![]() | localToGlobal(localPoint:Point, out:Point = null):Point Transforms a point from the local coordinate system to global (stage) coordinates. | DisplayObject | |
![]() | move(x:Number, y:Number):void
Sets both the x and the y positions of the control in a single
function call. | FeathersControl | |
![]() | Removes a child from the container. | DisplayObjectContainer | |
![]() | removeChildAt(index:int, dispose:Boolean = false):DisplayObject Removes a child at a certain index. | DisplayObjectContainer | |
![]() | removeChildren(beginIndex:int = 0, endIndex:int = -1, dispose:Boolean = false):void Removes a range of children from the container (endIndex included). | DisplayObjectContainer | |
![]() | removeEventListener(type:String, listener:Function):void [override] Removes an event listener from the object. | DisplayObject | |
![]() | removeEventListeners(type:String = null):void [override] Removes all event listeners with a certain type, or all of them if type is null. | DisplayObject | |
![]() | removeFromParent(dispose:Boolean = false):void Removes the object from its parent, if it has one, and optionally disposes it. | DisplayObject | |
![]() | removeFromParentWithEffect(effect:Function, dispose:Boolean = false):void
Plays an effect before removing the component from its parent. | FeathersControl | |
![]() | [override] Renders the display object with the help of a painter object. | DisplayObjectContainer | |
![]() | resetStyleProvider():void
Resets the styleProvider property to its default value,
which is usually the global style provider for the component. | FeathersControl | |
![]() | resumeEffects():void
Indicates that effects should be re-activated after being suspended. | FeathersControl | |
![]() | setChildIndex(child:DisplayObject, index:int):void Moves a child to a certain index. | DisplayObjectContainer | |
![]() | setRequiresRedraw():void Forces the object to be redrawn in the next frame. | DisplayObject | |
![]() | setSize(width:Number, height:Number):void
Sets both the width and the height of the control in a single
function call. | FeathersControl | |
![]() | showFocus():void
The implementation of this method is provided for convenience, but
it cannot be used unless a subclass implements the
IFocusDisplayObject interface.
| FeathersControl | |
![]() | sortChildren(compareFunction:Function):void Sorts the children according to a given function (that works just like the sort function
of the Vector class). | DisplayObjectContainer | |
![]() | suspendEffects():void
Indicates that effects should not be activated temporarily. | FeathersControl | |
![]() | Swaps the indexes of two children. | DisplayObjectContainer | |
![]() | swapChildrenAt(index1:int, index2:int):void Swaps the indexes of two children. | DisplayObjectContainer | |
![]() | validate():void
Immediately validates the display object, if it is invalid. | FeathersControl |
Method | Defined By | ||
---|---|---|---|
autoSizeIfNeeded():Boolean
If the component's dimensions have not been set explicitly, it will
measure its content and determine an ideal size for itself. | Slider | ||
![]() | clearInvalidationFlag(flag:String):void
Clears an invalidation flag. | FeathersControl | |
createMaximumTrack():void
Creates and adds the maximumTrack sub-component and
removes the old instance, if one exists. | Slider | ||
createMinimumTrack():void
Creates and adds the minimumTrack sub-component and
removes the old instance, if one exists. | Slider | ||
createThumb():void
Creates and adds the thumb sub-component and
removes the old instance, if one exists. | Slider | ||
![]() | draw():void
Override to customize layout and to adjust properties of children. | FeathersControl | |
![]() | focusInHandler(event:Event):void
Default event handler for FeathersEventType.FOCUS_IN
that may be overridden in subclasses to perform additional actions
when the component receives focus. | FeathersControl | |
![]() | focusOutHandler(event:Event):void
Default event handler for FeathersEventType.FOCUS_OUT
that may be overridden in subclasses to perform additional actions
when the component loses focus. | FeathersControl | |
![]() | ignoreNextStyleRestriction():void
The next style that is set will not be restricted. | FeathersControl | |
![]() | initialize():void
Called the first time that the UI control is added to the stage, and
you should override this function to customize the initialization
process. | FeathersControl | |
![]() | processStyleRestriction(key:Object):Boolean
Used by setters for properties that are considered "styles" to
determine if the setter has been called directly on the component or
from a style provider. | FeathersControl | |
![]() | refreshFocusIndicator():void
Updates the focus indicator skin by showing or hiding it and
adjusting its position and dimensions. | FeathersControl | |
![]() | saveMeasurements(width:Number, height:Number, minWidth:Number = 0, minHeight:Number = 0):Boolean
Saves the dimensions and minimum dimensions calculated for the
component. | FeathersControl | |
![]() | setInvalidationFlag(flag:String):void
Sets an invalidation flag. | FeathersControl | |
![]() | setSizeInternal(width:Number, height:Number, canInvalidate:Boolean):Boolean
Sets the width and height of the control, with the option of
invalidating or not. | FeathersControl |
Event | Summary | Defined By | ||
---|---|---|---|---|
![]() | Dispatched when an object is added to a parent. | DisplayObject | ||
![]() | Dispatched when an object is connected to the stage (directly or indirectly). | DisplayObject | ||
Dispatched when the user starts dragging the slider's thumb or track. | Slider | |||
Dispatched when the slider's value changes. | Slider | |||
![]() | Dispatched after the component has validated for the first time. | FeathersControl | ||
Dispatched when the user stops dragging the slider's thumb or track. | Slider | |||
![]() | Dispatched once every frame on every object that is connected to the stage. | DisplayObject | ||
![]() | Dispatched after initialize() has been called, but before the first time that draw() has been called. | FeathersControl | ||
![]() | Dispatched when a key on the keyboard is pressed. | DisplayObject | ||
![]() | Dispatched when a key on the keyboard is released. | DisplayObject | ||
![]() | Dispatched when an object is removed from its parent. | DisplayObject | ||
![]() | Dispatched when an object is removed from the stage and won't be rendered any longer. | DisplayObject | ||
![]() | Dispatched when the width or height of the control changes. | FeathersControl | ||
![]() | Dispatched when an object is touched. | DisplayObject |
Style | Description | Defined By | ||
---|---|---|---|---|
customMaximumTrackStyleName | Type: String 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 | Slider | ||
customMinimumTrackStyleName | Type: String 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 | Slider | ||
customThumbStyleName | Type: String 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 | Slider | ||
direction | Type: String 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 feathers.layout.Direction.HORIZONTAL .See also | Slider | ||
![]() | Type: starling.display.DisplayObject If this component supports focus, this optional skin will be displayed above the component when showFocus() is called.See also | FeathersControl | ||
![]() | Type: Number Quickly sets all focus padding properties to the same value. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's bottom edge and the bottom edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's left edge and the left edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's right edge and the right edge of the focus indicator skin. See also | FeathersControl | ||
![]() | Type: Number The minimum space, in pixels, between the object's top edge and the top edge of the focus indicator skin. See also | FeathersControl | ||
maximumPadding | Type: Number 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 | Slider | ||
minimumPadding | Type: Number 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 | Slider | ||
showThumb | Type: Boolean Determines if the thumb should be displayed. In the following example, the thumb is hidden:
slider.showThumb = false;
The default value is true . | Slider | ||
thumbOffset | Type: Number 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 . | Slider | ||
trackInteractionMode | Type: String Determines how the slider's value changes when the track is touched. If 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 | Slider | ||
trackLayoutMode | Type: String 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 | Slider | ||
trackScaleMode | Type: String 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 | Slider |
Constant | Defined By | ||
---|---|---|---|
DEFAULT_CHILD_STYLE_NAME_MAXIMUM_TRACK : String = feathers-slider-maximum-track [static]
The default value added to the styleNameList of the
maximum track. | Slider | ||
DEFAULT_CHILD_STYLE_NAME_MINIMUM_TRACK : String = feathers-slider-minimum-track [static]
The default value added to the styleNameList of the
minimum track. | Slider | ||
DEFAULT_CHILD_STYLE_NAME_THUMB : String = feathers-slider-thumb [static]
The default value added to the styleNameList of the thumb. | Slider | ||
![]() | INVALIDATION_FLAG_ALL : String = all [static]
Flag to indicate that everything is invalid and should be redrawn. | FeathersControl | |
![]() | INVALIDATION_FLAG_DATA : String = data [static]
Invalidation flag to indicate that the primary data displayed by the
UI control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_FOCUS : String = focus [static]
Invalidation flag to indicate that the focus of the UI control has
changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_LAYOUT : String = layout [static]
Invalidation flag to indicate that the layout of the UI control has
changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SCROLL : String = scroll [static]
Invalidation flag to indicate that the scroll position of the UI
control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SELECTED : String = selected [static]
Invalidation flag to indicate that the selection of the UI control
has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SIZE : String = size [static]
Invalidation flag to indicate that the dimensions of the UI control
have changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_SKIN : String = skin [static]
Invalidation flag to indicate that the skin of the UI control has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_STATE : String = state [static]
Invalidation flag to indicate that the state has changed. | FeathersControl | |
![]() | INVALIDATION_FLAG_STYLES : String = styles [static]
Invalidation flag to indicate that the styles or visual appearance of
the UI control has changed. | FeathersControl |
globalStyleProvider | property |
public static var globalStyleProvider:IStyleProvider
The default IStyleProvider
for all Slider
components.
The default value is null
.
See also
liveDragging | property |
public var liveDragging:Boolean = true
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
.
maximum | property |
maximum:Number
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
.
public function get maximum():Number
public function set maximum(value:Number):void
See also
maximumTrack | property |
protected var maximumTrack:DisplayObject
The maximum track sub-component.
For internal use in subclasses.
See also
maximumTrackFactory | property |
maximumTrackFactory:Function
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
.
public function get maximumTrackFactory():Function
public function set maximumTrackFactory(value:Function):void
See also
maximumTrackProperties | property |
maximumTrackProperties:Object
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
.
public function get maximumTrackProperties():Object
public function set maximumTrackProperties(value:Object):void
See also
maximumTrackStyleName | property |
protected var maximumTrackStyleName:String = feathers-slider-maximum-track
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
minimum | property |
minimum:Number
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
.
public function get minimum():Number
public function set minimum(value:Number):void
See also
minimumTrack | property |
protected var minimumTrack:DisplayObject
The minimum track sub-component.
For internal use in subclasses.
See also
minimumTrackFactory | property |
minimumTrackFactory:Function
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
.
public function get minimumTrackFactory():Function
public function set minimumTrackFactory(value:Function):void
See also
minimumTrackProperties | property |
minimumTrackProperties:Object
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
.
public function get minimumTrackProperties():Object
public function set minimumTrackProperties(value:Object):void
See also
minimumTrackStyleName | property |
protected var minimumTrackStyleName:String = feathers-slider-minimum-track
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
page | property |
page:Number
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
.
public function get page():Number
public function set page(value:Number):void
See also
repeatDelay | property |
repeatDelay:Number
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
.
public function get repeatDelay():Number
public function set repeatDelay(value:Number):void
step | property |
step:Number
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
.
public function get step():Number
public function set step(value:Number):void
See also
thumb | property |
thumbFactory | property |
thumbFactory:Function
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
.
public function get thumbFactory():Function
public function set thumbFactory(value:Function):void
See also
thumbProperties | property |
thumbProperties:Object
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
.
public function get thumbProperties():Object
public function set thumbProperties(value:Object):void
See also
thumbStyleName | property |
protected var thumbStyleName:String = feathers-slider-thumb
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
value | property |
value:Number
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
.
public function get value():Number
public function set value(value:Number):void
See also
Slider | () | Constructor |
public function Slider()
Constructor.
autoSizeIfNeeded | () | method |
protected function autoSizeIfNeeded():Boolean
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.
ReturnsBoolean |
createMaximumTrack | () | method |
protected function createMaximumTrack():void
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
createMinimumTrack | () | method |
protected function createMinimumTrack():void
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
createThumb | () | method |
protected function createThumb():void
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
beginInteraction | Event |
starling.events.Event
feathers.events.FeathersEventType.BEGIN_INTERACTION
Dispatched when the user starts dragging the slider's thumb or track.
The properties of the event object have the following values:
Property | Value |
---|---|
bubbles | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget . |
data | null |
target | The Object that dispatched the event;
it is not always the Object listening for the event. Use the
currentTarget property to always access the Object
listening for the event. |
FeathersEventType.BEGIN_INTERACTION
event type is
used by many UI controls where a drag or other interaction happens
over time. An example is a Slider
control where the
user touches the thumb to begin dragging.
change | Event |
starling.events.Event
starling.events.Event.CHANGE
Dispatched when the slider's value changes.
The properties of the event object have the following values:
Property | Value |
---|---|
bubbles | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget . |
data | null |
target | The Object that dispatched the event;
it is not always the Object listening for the event. Use the
currentTarget property to always access the Object
listening for the event. |
See also
endInteraction | Event |
starling.events.Event
feathers.events.FeathersEventType.END_INTERACTION
Dispatched when the user stops dragging the slider's thumb or track.
The properties of the event object have the following values:
Property | Value |
---|---|
bubbles | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget . |
data | null |
target | The Object that dispatched the event;
it is not always the Object listening for the event. Use the
currentTarget property to always access the Object
listening for the event. |
FeathersEventType.END_INTERACTION
event type is
used by many UI controls where a drag or other interaction happens
over time. An example is a Slider
control where the
user stops touching the thumb after dragging.
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.
DEFAULT_CHILD_STYLE_NAME_MAXIMUM_TRACK | Constant |
public static const DEFAULT_CHILD_STYLE_NAME_MAXIMUM_TRACK:String = feathers-slider-maximum-track
The default value added to the styleNameList
of the
maximum track.
See also
DEFAULT_CHILD_STYLE_NAME_MINIMUM_TRACK | Constant |
public static const DEFAULT_CHILD_STYLE_NAME_MINIMUM_TRACK:String = feathers-slider-minimum-track
The default value added to the styleNameList
of the
minimum track.
See also
DEFAULT_CHILD_STYLE_NAME_THUMB | Constant |
public static const DEFAULT_CHILD_STYLE_NAME_THUMB:String = feathers-slider-thumb
The default value added to the styleNameList
of the thumb.
See also