flex scaler

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