flex 中的一些数据控件
<?xml version="1.0" encoding="utf-8"?>
<!--http://blog.sina.com.cn/s/blog_6dd3fe2e0100pa6n.html-->
<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:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
public function showMsg(msg:String):void
{
mx.controls.Alert.show(msg);
}
</fx:Script>
<mx:Panel title="Profile" width="360" height="240" layout="horizontal">
<mx:VBox>
<mx:Text fontWeight="bold" text="How many kids do you have?"/>
<mx:NumericStepper id="kids" minimum="0" maximum="15" stepSize="1"
change="showMsg(kids.value.toString())"/>
<mx:Text fontWeight="bold" text="How long is your commute (mins)?"/>
<mx:HSlider id="commuteTimeRange" minimum="0" maximum="180" snapInterval="5"
tickInterval="15" labels="[0 mins,180 mins]" thumbCount="2"
change="showMsg(commuteTimeRange.values.toString())" />
<!-- Shows a line every 15 mins, and let's the user select values
in increments of 5 mins -->
</mx:VBox>
<mx:VBox>
<mx:Text fontWeight="bold" text="How tall are you (cm)?"/>
<mx:VSlider id="yourHeight" minimum="0" maximum="300" tickInterval="50"
snapInterval="1" labels="[0,50,100,150,200,250,300]"
change="showMsg(yourHeight.values.toString())"/>
<!-- We create a label for every tick -->
</mx:VBox>
</mx:Panel>
</s:Application>