<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Recent changes to Busy Indicator</title><link>https://sourceforge.net/adobe/flexsdk/wiki/Busy%2520Indicator/</link><description>Recent changes to Busy Indicator</description><atom:link href="https://sourceforge.net/adobe/flexsdk/wiki/Busy%20Indicator/feed" rel="self"/><language>en</language><lastBuildDate>Thu, 06 Dec 2012 19:15:20 -0000</lastBuildDate><atom:link href="https://sourceforge.net/adobe/flexsdk/wiki/Busy%20Indicator/feed" rel="self" type="application/rss+xml"/><item><title>WikiPage Busy Indicator modified by SourceForge Editorial Staff</title><link>https://sourceforge.net/adobe/flexsdk/wiki/Busy%2520Indicator/</link><description>&lt;pre&gt;--- v2
+++ v3
@@ -1,4 +1,3 @@
-
 &lt;div class="section" markdown&gt;
 
   
@@ -8,11 +7,6 @@
 
 
 
-[[ style  ]]  
-h3   
-.wiki-content h2   
-.indent blockquote   
-[[ /style ]]
 
 # Functional and Design Specification
 
&lt;/pre&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">SourceForge Editorial Staff</dc:creator><pubDate>Thu, 06 Dec 2012 19:15:20 -0000</pubDate><guid>https://sourceforge.net8d43ffde113b09e0ee1f8e94e1f4c41d03a5e0c8</guid></item><item><title>WikiPage Busy Indicator modified by SourceForge Editorial Staff</title><link>https://sourceforge.net/adobe/flexsdk/wiki/Busy%2520Indicator/</link><description>&lt;pre&gt;--- v1
+++ v2
@@ -1,11 +1,10 @@
 
-
-&lt;div class="section"&gt;
+&lt;div class="section" markdown&gt;
 
   
 
 
-&lt;div class="column" style="display:inline-block; vertical-align:top; width:80%;"&gt;
+&lt;div class="column" style="display:inline-block; vertical-align:top; width:80%;" markdown&gt;
 
 
 
@@ -207,5 +206,4 @@
 
 &lt;/div&gt;
 
-  
-[[ include ref='site:open_commentlogin' ]]
+ 
&lt;/pre&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">SourceForge Editorial Staff</dc:creator><pubDate>Thu, 06 Dec 2012 19:13:48 -0000</pubDate><guid>https://sourceforge.nete1602640a60fc089bab3495d490861e648ed4fad</guid></item><item><title>WikiPage Busy Indicator modified by SourceForge Editorial Staff</title><link>https://sourceforge.net/adobe/flexsdk/wiki/Busy%2520Indicator/</link><description>

&lt;div class="section"&gt;

  


&lt;div class="column" style="display:inline-block; vertical-align:top; width:80%;"&gt;



[[ style  ]]  
h3   
.wiki-content h2   
.indent blockquote   
[[ /style ]]

# Functional and Design Specification

----  


## Glossary



## Summary and Background

The Busy Indicator component gives the user a visual indication that the application is in the middle of an operation, e.g. a long-running calculation or a network operation.

### Goals

----

  * A simple component that the developer can place as needed.

### Non-Goals

----

  * A skinnable busy indicator is not within the scope of this work
  * Determinate progress (e.g. "65% of 100% done) is not included in the scope of this work
  * Specialized components (e.g. a dialog box with a busy indicator and text) are not included in the scope of this work
  * This component will not have a modal mode, i.e. it will not provide functionality to block user interaction
  * This component will not implement a full-screen overlay mode; that additional functionality can be implemented relatively easily by the end developer

## Usage Scenarios

When starting a long-running operation, such as a network operation, add the BusyIndicator to the display list. After the operation has completed, remove the BusyIndicator from the display list. An alternative to adding and removing the BusyIndictor to/from the display list is to leave the BusyIndicator on a controlBar and change the BusyIndicator's visibility to show and hide it. The BusyIndicator will be implemented not to use any processor time when it is not visible.

## API Description

**BusyIndicator**


    package spark.components
    {
    //--------------------------------------
    //  Styles
    //--------------------------------------
    
    /**
     *  The interval to delay, in milliseconds, between rotations of this
     *  component. Controls the speed at which this component spins. 
     * 
     *  @default 50
     * 
     *  @langversion 3.0
     *  @playerversion Flash 10.1
     *  @playerversion AIR 2.5
     *  @productversion Flex 4.5
     *   
     */ 
    &lt;a href="Style%28name%3D%26quot%3BrotationInterval%26quot%3B%2C%20type%3D%26quot%3BNumber%26quot%3B%2C%20format%3D%26quot%3BTime%26quot%3B%2C%20inherit%3D%26quot%3Bno%26quot%3B%29"&gt;Style(name="rotationInterval", type="Number", format="Time", inherit="no")&lt;/a&gt;
    
    /**
     *  Color of any symbol of a component. 
     *  This is used by the BusyIndicator to color the spokes of the spinner.
     *   
     *  @default 0x000000
     * 
     *  @langversion 3.0
     *  @playerversion Flash 10.1
     *  @playerversion AIR 2.5
     *  @productversion Flex 4.5
     */ 
    &lt;a href="Style%28name%3D%26quot%3BsymbolColor%26quot%3B%2C%20type%3D%26quot%3Buint%26quot%3B%2C%20format%3D%26quot%3BColor%26quot%3B%2C%20inherit%3D%26quot%3Byes%26quot%3B%2C%20theme%3D%26quot%3Bspark%2Cmobile%26quot%3B%29"&gt;Style(name="symbolColor", type="uint", format="Color", inherit="yes", theme="spark,mobile")&lt;/a&gt;
    
    /**
     *  The BusyIndicator defines a component to display when a long-running 
     *  operation is in progress. This component is a spinner with twelve spokes.
     *  The color of the spokes is controled by the value of the symbolColor style.
     *  The transparency of this component can be modified using the alpha property
     *  but the alpha value of each spoke cannot be modified.
     * 
     *  &lt;p&gt;
     *  The speed at which this component spins is controled by the rotationInterval
     *  style. The rotationInterval style is the delay in milliseconds between
     *  rotates. Decrease the rotationInterval to increase the speed of the spin
     *  and increase the rotationInterval to slow the spin.
     *  &lt;/p&gt;
     * 
     *  &lt;p&gt;The BusyIndicator has the following default characteristics:&lt;/p&gt;
     *  &lt;table class="innertable"&gt;
     *     &lt;tr&gt;&lt;th&gt;Characteristic&lt;/th&gt;&lt;th&gt;Description&lt;/th&gt;&lt;/tr&gt;
     *     &lt;tr&gt;&lt;td&gt;Default size&lt;/td&gt;&lt;td&gt;160 DPI: 26x26 pixels&lt;br&gt;
     *                                  240 DPI: 40x40 pixels&lt;br&gt;
     *                                  320 DPI: 52x52 pixels&lt;/td&gt;&lt;/tr&gt;
     *     &lt;tr&gt;&lt;td&gt;Minimum size&lt;/td&gt;&lt;td&gt;20x20 pixels&lt;/td&gt;&lt;/tr&gt;
     *     &lt;tr&gt;&lt;td&gt;Maximum size&lt;/td&gt;&lt;td&gt;No limit&lt;/td&gt;&lt;/tr&gt;
     *  &lt;/table&gt;
     *  
     *  The diameter of the BusyIndicator's spinner is the minimum of the width and
     *  height of the component. The diameter must be an even number so will be
     *  reduced by one if it is odd.
     * 
     *  @mxml
     *  
     *  &lt;p&gt;The &lt;code&gt;&amp;lt;s:BusyCursor&amp;gt;&lt;/code&gt; tag inherits the symbolColor style
     *  and adds the rotationInterval style.&lt;/p&gt;
     *  
     *  &lt;pre&gt;
     *  &amp;lt;s:BusyIndicator
     *     
     *    &lt;strong&gt;Styles&lt;/strong&gt;
     *    rotationInterval=50
     * 
     *    &lt;strong&gt;Spark Styles&lt;/strong&gt;
     *    symbolColor="0x000000"
     *  
     *  &amp;gt;
     *  &lt;/pre&gt;
     *
     *  
     *  @langversion 3.0
     *  @playerversion Flash 10.1
     *  @playerversion AIR 2.5
     *  @productversion Flex 4.5
     */
    public class BusyIndicator extends UIComponent
    {
    
        //--------------------------------------------------------------------------
        //
        //  Constructor
        //
        //--------------------------------------------------------------------------
        
        /**
         *  Constructor.
         *  
         *  @langversion 3.0
         *  @playerversion Flash 10.1
         *  @playerversion AIR 2.5
         *  @productversion Flex 4.5
         */
        public function BusyIndicator();
    
    
    

## Examples and Usage

The BusyIndicator can be placed in a control bar and set to visible when needed. When not visible or not on the display list the BusyIndicator will not consume any processor cycles.


      &lt;s:Panel id="panel" title="Busy Indicator Example" 
                 width="75%" height="75%"
                 horizontalCenter="0" verticalCenter="0"&gt;
            &lt;s:controlBarLayout&gt;
                &lt;s:HorizontalLayout/&gt;
            &lt;/s:controlBarLayout&gt;
            &lt;s:controlBarContent&gt;
                &lt;s:Button label="B1" /&gt;
                &lt;s:Button label="B2" /&gt;
                &lt;s:BusyIndicator id="bi" visible="false" /&gt;
            &lt;/s:controlBarContent&gt;
            
            &lt;s:VGroup left="10" right="10" top="10" bottom="10"&gt;
                &lt;s:Label width="100%" color="blue"
                         text="Click the Button control to see panel properties."/&gt;
                &lt;s:TextArea id="panelPropertyArea" width="100%" height="100%"/&gt;
                &lt;s:Button label="Busy" click="{bi.visible = !bi.visible}" /&gt;
            &lt;/s:VGroup&gt;
        &lt;/s:Panel&gt;
    



## Compiler Work

N/A.

## Performance

If the BusyIndicator is not on the display list or is not visible it will not rotate and consume processor cycles.





&lt;/div&gt;

  
[[ include ref='flexsdk_rightnav' ]]  


&lt;/div&gt;

  
[[ include ref='site:open_commentlogin' ]]
</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">SourceForge Editorial Staff</dc:creator><pubDate>Thu, 15 Mar 2012 18:12:55 -0000</pubDate><guid>https://sourceforge.net505a16e25363b64bec90b8aba5af4f879577bb3a</guid></item></channel></rss>