Flex中如何通过labelOffset样式设置VSlider标签与轴线间距的例子

By Minidxer | June 12, 2009

接下来的例子演示了Flex中如何通过labelOffset样式，设置VSlider标签与轴线间距。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- http://blog.flexexamples.com/2008/12/26/setting-the-label-offset-on-a-vslider-control-in-flex/ -->
  3. <mx:Application name="VSlider_labelOffset_test"
  4.         xmlns:mx="http://www.adobe.com/2006/mxml"
  5.         layout="vertical"
  6.         verticalAlign="middle"
  7.         backgroundColor="white">
  8.  
  9.     <mx:ApplicationControlBar dock="true">
  10.         <mx:Form styleName="plain">
  11.             <mx:FormItem label="labelOffset:">
  12.                 <mx:HSlider id="slider"
  13.                         minimum="-20"
  14.                         maximum="60"
  15.                         value="-10"
  16.                         snapInterval="1"
  17.                         tickInterval="5"
  18.                         liveDragging="true" />
  19.             </mx:FormItem>
  20.         </mx:Form>
  21.     </mx:ApplicationControlBar>
  22.  
  23.     <mx:VSlider id="sl"
  24.             labels="[0,5,10]"
  25.             labelOffset="{slider.value}"
  26.             tickInterval="1" />
  27.  
  28. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Slider | No Comments » | 407 views Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll