Flex数字选择器控件NumericStepper

Flex数字选择器控件NumericStepper主要用于对数字的选择操作，允许用户从有序集中选择编号，控件包括一个单行输入文本字段和一对用于逐一显示可能值的箭头按钮。还可使用向上箭头键和向下箭头键遍历这些值。

源码如下：

?

<?xml version="1.0"?>?

<!-- Simple example to demonstrate the NumericStepper control. -->?

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

?? ?height="206" width="409">?

?? ?<mx:Panel title="NumericStepper Control Example" ?

?? ? ? ?height="158" width="342" paddingTop="10" ?

?? ? ? ?paddingLeft="10" layout="absolute">?

?? ? ? ?<mx:NumericStepper minimum="1950" maximum="2010"?

?? ? ? ? ? ? y="10" x="11.75" value="1990" id="year" maxChars="4"/>?

?? ? ? ?<mx:NumericStepper x="117.75" y="10" minimum="1"?

?? ? ? ? ? ? maximum="12" id="month" value="5" maxChars="2"/>?

?? ? ? ?<mx:NumericStepper x="206.25" y="10" minimum="1"?

?? ? ? ? ? ? maximum="31" id="day" value="8" maxChars="2"/>?

?? ? ? ?<mx:Label x="90.75" y="10" text="年" fontSize="12"/>?

?? ? ? ?<mx:Label x="183.25" y="10" text="月" fontSize="12"/>?

?? ? ? ?<mx:Label x="271.25" y="10" text="日" fontSize="12"/>?

?? ? ? ?<mx:Label x="10" y="40" width="283.25" height="25" fontSize="12" ?

?? ? ? ? ? ?text="你选择了{year.value}-{month.value}-{day.value}"/>?

?? ? ? ?<mx:Label x="10" y="73" text="精确到小数部分：" ?

?? ? ? ? ? ?fontSize="12"/>?

?? ? ? ?<mx:NumericStepper x="108" y="73" stepSize="0.1" ?

?? ? ? ? ? ?value="1.5" id="ns"/>?

?? ? ? ?<mx:Label x="183" y="75" fontSize="12" text="值是：{ns.value}"/>?

?? ?</mx:Panel>?

</mx:Application>?

其中minimum属性和maximum属性分别用来设置NumericStepper选择范围的最小值和最大值，value属性可以用来设置控件的默认值也可以用来获取控件的选择项的值，stepSize用来设置控件每次变化范围的步长。maxChars属性用来设置字段中可以输入的字符数，0 值表示可以输入任意数目的字符，默认值是0