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>