flex学习笔记 显示数字步进

<?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" minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
public function showMsg(msg:String):void
{
mx.controls.Alert.show(msg);
}
]]>
</fx:Script>
<s:Panel title="Profile" >
<s:layout>
<s:HorizontalLayout    />
</s:layout>
<s:VGroup>
<s:Label fontWeight="bold" text="你有几个孩子阿"/>
<s:NumericStepper id="Kids" minimum="0" maximum="10" change="showMsg(Kids.value.toString())"/>

<s:HGroup>
<s:Label fontWeight="bold" text="读大学的孩子呢"/>
<s:Spinner minimum="0" maximum="10" id="collegeKids"/>
<s:Label text="{collegeKids.value}个孩子读大学"/>
</s:HGroup>
<mx:HSlider id="commuteTimeRange" minimum="0" maximum="180" snapInterval="5" tickInterval="10"  labels="[0min,180max]" thumbCount="2" change="showMsg(commuteTimeRange.value.toString())" />
</s:VGroup>
<s:VGroup>
<s:Label fontWeight="bold" text="你多高?(cm)"/>
<mx:VSlider id="YourHeight" minimum="0" maximum="300" snapInterval="1" tickInterval="1" labels="[0,50,100,150,200,250,300]"
change="showMsg(YourHeight.value.toString())">

</mx:VSlider>
</s:VGroup>

</s:Panel>
</s:Application>