设置HSlider的滑动延迟速度—flex4教程

发布于,归属于flex教程沙发还空着,抢! 共有434人围观    

 

flex4中的NumericStepper设置数字步进的属性不再是valueInterval,而是stepSize。

NumericStepper和HSlider这二个UI组件的属性非常的相似。

源代码如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  3.                xmlns:s="library://ns.adobe.com/flex/spark" 
  4.                xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
  5.     <s:layout>
  6.         <s:VerticalLayout/>
  7.     </s:layout>
  8.     <mx:ApplicationControlBar width="100%" cornerRadius="0" height="60">
  9.         <mx:Form>
  10.             <mx:FormItem label="滑动延迟:">
  11.                 <mx:NumericStepper id="number" minimum="0" maximum="10000" value="5000" stepSize="200" />
  12.             </mx:FormItem>
  13.         </mx:Form>
  14.     </mx:ApplicationControlBar>
  15.     <s:VGroup paddingTop="20" paddingLeft="20">
  16.         <mx:Label text="设置完NumericStepper的值,点击滑动条任意位置,滑动速度就会发生相应改变" />
  17.         <s:HSlider id="slider" liveDragging="true" slideDuration="{number.value}" width="400" maximum="100" />
  18.     </s:VGroup>
  19.    
  20.     <fx:Declarations>
  21.         <!-- Place non-visual elements (e.g., services, value objects) here -->
  22.     </fx:Declarations>
  23. </s:Application>

想要设置HSlider的滑动速度,只要给HSlider 加上slideDuration属性即可。

(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)