Adobe Flex HSlider Controls

In Adobe Flex HSlider Control we can change the value by moving the slider thumb between the end points of the slider track. The current value is determined by the relative location of the thumb.

In general the minimum value of a slider is 0 and the maximum value is 10. By configuring the control we can change values of HSlider, it could be continuous or discrete.

Adobe Flex Hslider Control Example 1:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:HSlider labels="['min','max']" height="150">

Output:

Example 2:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:HSlider maximum="100" snapInterval="5" tickInterval="25" labels="[0,25,50,75,100]">

Output:

Example 3:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

import mx.events.SliderEvent;

import mx.controls.sliderClasses.Slider;

public function DisplayLiveChangeValue(event:SliderEvent):void{

var currentValue:Slider=Slider(event.currentTarget);

<mx:HSlider maximum="100" snapInterval="5" tickInterval="25" labels="[0,25,50,75,100]" liveDragging="true" change="DisplayLiveChangeValue(event)"/>

<mx:TextArea id="textArea"/>

Output:

Related Tags for HSlider in Flex: