Flex 4中如何设置HSlider拖动时同步显示坐标的例子

By Minidxer | October 3, 2009

接下来的例子演示了Flex 4中如何通过liveDragging样式,设置HSlider拖动时同步显示坐标数据。

让我们先来看一下Demo可以点击这里察看源代码):


下面是完整代码(或点击这里察看):
下面是main.mxml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_HSlider_liveDragging_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  8.         <s:CheckBox id="checkBox" label="liveDragging" />
  9.     </mx:ApplicationControlBar>
  10.  
  11.     <s:VGroup horizontalCenter="0" verticalCenter="0">
  12.         <s:HSlider id="slider"
  13.                 minimum="0"
  14.                 maximum="10000"
  15.                 liveDragging="{checkBox.selected}" />
  16.         <s:SimpleText text="{slider.value}" />
  17.     </s:VGroup>
  18.  
  19. </s:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Gumbo, HSlider | No Comments » | Tags: ,

Search Posts