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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值