Changing a Flex ProgressBar control’s direction
The following example shows how you can change whether a ProgressBar control fills from left-to-right or right-to-left by changing the direction
property to one of the static constants in the mx.controls.ProgressBarDirection class.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/10/07/changing-a-flex-progressbar-controls-direction/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.events.SliderEvent;
import mx.controls.ProgressBarDirection;
private function slider_change(evt:SliderEvent):void {
progressBar.setProgress(slider.value, slider.maximum);
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="{ProgressBarDirection.LEFT}" />
<mx:Object label="{ProgressBarDirection.RIGHT}" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form>
<mx:FormItem label="direction:">
<mx:ComboBox id="comboBox"
dataProvider="{arr}"
selectedIndex="1" />
</mx:FormItem>
<mx:FormItem label="value:"
direction="horizontal">
<mx:HSlider id="slider"
minimum="0"
maximum="100"
liveDragging="true"
change="slider_change(event);"
dataTipPrecision="0"
snapInterval="1"
tickInterval="10" />
<mx:Label text="{slider.value}" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ProgressBar id="progressBar"
mode="manual"
direction="{comboBox.selectedItem.label}" />
</mx:Application>
9:59 AM
|
Labels:
Flex Controls Samples,
Flex ProgressBar Control
|
This entry was posted on 9:59 AM
and is filed under
Flex Controls Samples
,
Flex ProgressBar Control
.
You can follow any responses to this entry through
the RSS 2.0 feed.
You can leave a response,
or trackback from your own site.
0 comments:
Post a Comment