| Package | com.gestureworks.cml.element | 
| Class | public class Stepper | 
| Inheritance | Stepper    ElementFactory   flash.display.Sprite | 
     
        // float stepper
        var st:Stepper = new Stepper();
        
        // change the stepper from float to integer, text color, text value
        st.textColor = 0x0000FF;
        st.text = 0.1;
        st.float = true;
        st.x = 600;
        st.y = 300;
                
        // background graphics
        st.backgroundLineColor = 0x000000;
        st.backgroundLineStroke = 2;
        st.backgroundColor = 0xCCCCCC;
        
        // triangles graphics
        st.topTriangleColor = 0x000000;
        st.topTriangleAlpha = 2;
        st.bottomTriangleColor = 0x000000;
        st.bottomTriangleAlpha = 2;
        
        // text
        var text:Text = new Text();
        text.x = 600;
        text.y = 260;
        text.text = "Stepper-Float";
        text.width = 2000;
        text.color = 0x00FF00;
        text.selectable = false;
        text.font = "OpenSansBold";
        addChild(text);
        
        st.init();
        addChild(st);
        
        
        // integer stepper
        var st1:Stepper = new Stepper();
        
        // change the stepper from integer to float, text color, text value
        st1.textColor = 0x0000FF;
        st1.text = 1;
        st1.float = false;
        st1.x = 1000;
        st1.y = 300;
        
        // background graphics
        st1.backgroundLineColor = 0x000000;
        st1.backgroundLineStroke = 2;
        st1.backgroundColor = 0xCCCCCC;
        
        // triangles graphics
        st1.topTriangleColor = 0x000000;
        st1.topTriangleAlpha = 2;
        st1.bottomTriangleColor = 0x000000;
        st1.bottomTriangleAlpha = 2;
        // text
        var text1:Text = new Text();
        text1.x = 1000;
        text1.y = 260;
        text1.text = "Stepper-Integer";
        text1.multiline = true;
        text1.wordWrap = true;
        text1.width = 2000;
        text1.color = 0x00FF00;
        text1.selectable = false;
        text1.font = "OpenSansBold";
        addChild(text1);
        
        st1.init();
        addChild(st1);     
    
     
     See also
| Property | Defined By | ||
|---|---|---|---|
![]()  | alpha : Number [override] [write-only] 
		 sets the alpha for display objects
		   | ElementFactory | |
| background : Sprite 
		 Defines the background which is a rectangle
		   | Stepper | ||
| backgroundColor : uint 
		 Sets the color of background
		   | Stepper | ||
| backgroundLineColor : uint 
		 Sets the background line color
		   | Stepper | ||
| backgroundLineStroke : Number 
		 Sets the line stroke of background
		   | Stepper | ||
![]()  | blur : Boolean 
		 Sets the drop shadow effect
		   | ElementFactory | |
![]()  | bottom : Number 
		 sets the bottom value
		   | ElementFactory | |
| bottomSquare : TouchSprite 
		 Defines the bottom square of background
		   | Stepper | ||
| bottomTriangle : TouchSprite 
		 Defines the bottom triangle of square
		   | Stepper | ||
| bottomTriangleAlpha : Number 
		 Sets the bottom triangle alpha of background
		   | Stepper | ||
| bottomTriangleColor : uint 
		 Sets the bottom triangle color of background
		   | Stepper | ||
![]()  | class_ : String 
		 Object's css class; 
		   | ElementFactory | |
![]()  | className : String 
		 sets the class name of displayobject
		   | ElementFactory | |
![]()  | cmlIndex : int 
		 sets the cml index
		   | ElementFactory | |
![]()  | debugStyle : * 
		 sets the debug style
		   | ElementFactory | |
![]()  | displayEvents : String 
		 Use for dispatch completes.  | ElementFactory | |
![]()  | dropShadow : Boolean 
		 Sets the drop shadow effect
		   | ElementFactory | |
| float : Boolean 
		 Sets the boolean flag for decimal or integers.  | Stepper | ||
![]()  | height : Number [override] 
		 Sets width of the display object in pixels
		   | ElementFactory | |
![]()  | heightPercent : String 
		 sets the height percent of display object
		   | ElementFactory | |
![]()  | horizontalCenter : Number 
		 sets the horizontal center of display object
		   | ElementFactory | |
![]()  | id : String 
		 sets the id of child
		   | ElementFactory | |
![]()  | index : int 
		 sets the index of display object
		   | ElementFactory | |
| inputTxt : Text 
		 Defines the input text Field
		   | Stepper | ||
![]()  | left : Number 
		 sets left value
		   | ElementFactory | |
![]()  | propertyStates : Array Deprecated: Please Use state  | ElementFactory | |
![]()  | right : Number 
		 sets the right value
		   | ElementFactory | |
![]()  | scale : Number 
		 Sets both the x and y scale values
		   | ElementFactory | |
![]()  | scaleX : Number [override] 
		 Sets width of the display object in pixels
		   | ElementFactory | |
![]()  | scaleY : Number [override] 
		 Sets width of the display object in pixels
		   | ElementFactory | |
![]()  | state : Array 
		 property states array
		   | ElementFactory | |
| text : Number 
		 Sets the default Number in Text Field
		   | Stepper | ||
| textColor : Number 
		 Sets the text color
		   | Stepper | ||
![]()  | top : Number 
		 sets top value
		   | ElementFactory | |
| topSquare : TouchSprite 
		 Defines the top square of background
		   | Stepper | ||
| topTriangle : TouchSprite 
		 Defines the top triangle of square
		   | Stepper | ||
| topTriangleAlpha : Number 
		 Sets the top triangle alpha of background
		   | Stepper | ||
| topTriangleColor : uint 
		 Sets the top triangle color of background
		   | Stepper | ||
| txt : Text 
		 Defines the text Field
		   | Stepper | ||
![]()  | verticalCenter : Number 
		 sets the vertical center of display object
		   | ElementFactory | |
![]()  | width : Number [override] 
		 Sets width of the display object in pixels
		   | ElementFactory | |
![]()  | widthPercent : String 
		 sets the percent of width of display object
		   | ElementFactory | |
| Method | Defined By | ||
|---|---|---|---|
Stepper() 
		 Constructor
		   | Stepper | ||
![]()  | clone():* 
		 Returns clone of self
		   | ElementFactory | |
displayComplete():void [override] 
		 CML display initialization callback
		   | Stepper | ||
dispose():void [override] 
		 Dispose methods
		   | Stepper | ||
init():void [override] 
		 Initializes the configuration and display of Numbers
		   | Stepper | ||
![]()  | parseCML(cml:XMLList):XMLList 
		 parses cml file
		   | ElementFactory | |
![]()  | postparseCML(cml:XMLList):void 
		 post parses the cml file
		   | ElementFactory | |
![]()  | updateProperties(state:Number = 0):void 
		 this method updates the properties
		   | ElementFactory | |
| background | property | 
public var background:SpriteDefines the background which is a rectangle
| backgroundColor | property | 
backgroundColor:uintSets the color of background
 The default value is 0xCCCCCC.
    public function get backgroundColor():uint    public function set backgroundColor(value:uint):void| backgroundLineColor | property | 
backgroundLineColor:uintSets the background line color
 The default value is 0x000000.
    public function get backgroundLineColor():uint    public function set backgroundLineColor(value:uint):void| backgroundLineStroke | property | 
backgroundLineStroke:NumberSets the line stroke of background
 The default value is 3.
    public function get backgroundLineStroke():Number    public function set backgroundLineStroke(value:Number):void| bottomSquare | property | 
public var bottomSquare:TouchSpriteDefines the bottom square of background
| bottomTriangle | property | 
public var bottomTriangle:TouchSpriteDefines the bottom triangle of square
| bottomTriangleAlpha | property | 
bottomTriangleAlpha:NumberSets the bottom triangle alpha of background
 The default value is 1.
    public function get bottomTriangleAlpha():Number    public function set bottomTriangleAlpha(value:Number):void| bottomTriangleColor | property | 
bottomTriangleColor:uintSets the bottom triangle color of background
 The default value is 0x000000.
    public function get bottomTriangleColor():uint    public function set bottomTriangleColor(value:uint):void| float | property | 
float:BooleanSets the boolean flag for decimal or integers.
    public function get float():Boolean    public function set float(value:Boolean):void| inputTxt | property | 
public var inputTxt:TextDefines the input text Field
| text | property | 
text:NumberSets the default Number in Text Field
 The default value is = 0;.
    public function get text():Number    public function set text(value:Number):void| textColor | property | 
textColor:NumberSets the text color
 The default value is 0x0000FF.
    public function get textColor():Number    public function set textColor(value:Number):void| topSquare | property | 
public var topSquare:TouchSpriteDefines the top square of background
| topTriangle | property | 
public var topTriangle:TouchSpriteDefines the top triangle of square
| topTriangleAlpha | property | 
topTriangleAlpha:NumberSets the top triangle alpha of background
 The default value is 1.
    public function get topTriangleAlpha():Number    public function set topTriangleAlpha(value:Number):void| topTriangleColor | property | 
topTriangleColor:uintSets the top triangle color of background
 The default value is 0x000000.
    public function get topTriangleColor():uint    public function set topTriangleColor(value:uint):void| txt | property | 
public var txt:TextDefines the text Field
| Stepper | () | Constructor | 
public function Stepper()Constructor
| displayComplete | () | method | 
override public function displayComplete():voidCML display initialization callback
| dispose | () | method | 
override public function dispose():voidDispose methods
| init | () | method | 
override public function init():voidInitializes the configuration and display of Numbers