flex NumericStepper HSlider flex 教程 flex培训 flex源码 flex实例

 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 valuesin 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>