BarSlider is primarily meant to be used as a volume control for a video player. You can specify the number of bars, their widths and heights, and colorFull/colorEmpty, value, gap between bars, ButtonMode, and weather to use the precise method of rendering the bars. It's that last bit that is different than most bar sliders. If for instance you have 10 bars on your volume control and the user sets the volume at 85% they can't tell exactly what the value is by looking at the bars other than it is somewhere in the 80-89% range. With preciseMode turned on BarSlider will show the 8th bar at 1/2 full to illustrate to the user that the volume is at 85%.

Besides that it just sort of looks cool to see the bar values change.

The range isn't just limited to 0-1 for volume. As you can see in the example here the range can be set at any positive value. For instance the gap ranges for 1-10 and the barHeight ranges from 1-49.

Properties

• barWidth:int=5 - the width of each individual bar
• barHeight:int=15 - the height of each bar
• gap:int=2 - space between bars
• barCount:int=10 - how many bars are drawn
• value:Number=0 - the current value
• min:Number=0 - the minimum value the BarSlider can reach
• max:Number=1 - the maximum value the BarSlider can reach
• buttonMode:Boolean=true - to use the mouse hand pointer or not
• preciseMode:Boolean=true - to draw the transition bar as partially filled/empty or not
• colorFull:uint=0x00FF00 - color of the filled bars
• colorEmpty:uint=0x666666 - color of the empty bars

As you can see in the Explorer above the min/max don't have to be 0/1. For instance the gap ranges from 1-10.

Events dispatched
The component dispatches the change event whenever the value changes.