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

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...