Home Tutorial Flex Flex4 Components NumericStepper in Flex4

 
 

Share on Google+Share on Google+
NumericStepper in Flex4
Posted on: May 13, 2010 at 12:00 AM
Advertisement
The NumericStepper control is used both in MX and Spark's component. It uses the number of an ordered list. It has the single-line input text field and a pair of arrow for increase or decrease the valid values.

NumericStepper control in Flex4:

The NumericStepper control is used both in MX and Spark's component. It uses the number of an ordered list. It has the single-line input text field and a pair of arrow for increase or decrease the valid values. When you press up arrow the numeric value increases and pressed down arrow the value decreases according to the snapInterval. You can hold the up arrow and down arrow for increases or decreases the value until you release the mouse button. The pair of arrow will appear right of the text field. You can change the numeric value in the text field.
The tag of NumericStepper control is <s:NumericStepper>.

Example:

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx">

<s:Panel title="NumericStepper Example" width="205" height="107"

 color="#990000">

<s:NumericStepper id="numericStepper"

minimum="0"

maximum="100"

snapInterval="5"

x="68" y="23"

color="white"

contentBackgroundColor="#1D3153"/>

</s:Panel>

</s:Application>

In this example you can see how we can use a NumericStepper control in Flex4.

Output:

Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code

Advertisement

Related Tags for NumericStepper in Flex4:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: May 13, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com