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>