Search Flex Samples

Pausing the animation in an indeterminate ProgressBar control

The following example shows how you can pause the indeterminate animation in a Flex ProgressBar control by setting the mode property to “polled” or “manual”. You can resume the animation by setting the mode back to “event”.

Full code after the jump.

View MXML



<?xml version="1.0" encoding="utf-8"?>

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

layout="vertical"

verticalAlign="middle"

backgroundColor="white">

<mx:ApplicationControlBar dock="true">

<mx:Form>

<mx:FormItem label="mode:">

<mx:ComboBox id="comboBox">

<mx:dataProvider>

<mx:Array>

<mx:Object label="event" />

<mx:Object label="polled" />

<mx:Object label="manual" />

</mx:Array>

</mx:dataProvider>

</mx:ComboBox>

</mx:FormItem>

<mx:FormItem label="indeterminate:">

<mx:CheckBox id="checkBox" selected="true" />

</mx:FormItem>

</mx:Form>

</mx:ApplicationControlBar>

<mx:ProgressBar id="progressBar"

indeterminate="{checkBox.selected}"

mode="{comboBox.selectedItem.label}" />

</mx:Application>


0 comments:

Related Flex Samples

Learn Flex: Flex Samples | Flex Video Tutorials Flex Examples