flex4中的NumericStepper设置数字步进的属性不再是valueInterval,而是stepSize。
NumericStepper和HSlider这二个UI组件的属性非常的相似。
源代码如下:
- <?xml version="1.0" encoding="utf-8"?>
- <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/halo" minWidth="1024" minHeight="768">
- <s:layout>
- <s:VerticalLayout/>
- </s:layout>
- <mx:ApplicationControlBar width="100%" cornerRadius="0" height="60">
- <mx:Form>
- <mx:FormItem label="滑动延迟:">
- <mx:NumericStepper id="number" minimum="0" maximum="10000" value="5000" stepSize="200" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <s:VGroup paddingTop="20" paddingLeft="20">
- <mx:Label text="设置完NumericStepper的值,点击滑动条任意位置,滑动速度就会发生相应改变" />
- <s:HSlider id="slider" liveDragging="true" slideDuration="{number.value}" width="400" maximum="100" />
- </s:VGroup>
- <fx:Declarations>
- <!-- Place non-visual elements (e.g., services, value objects) here -->
- </fx:Declarations>
- </s:Application>
想要设置HSlider的滑动速度,只要给HSlider 加上slideDuration属性即可。

