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