Flex中如何通过dataTipOffset样式设置HSlider控件的数据开销的例子
By Minidxer | May 10, 2008
和Flex中如何将HSlider控件作为DataGrid列中的一个项目的例子一样，还是关于HSlider的例子。
接下来的例子中，演示了如何通过dataTipOffset样式，设置HSlider控件的数据开销，也就是当前滑标所占的数据情况。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里查看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function init():void {
- slider.value = slider.getStyle("dataTipOffset");
- }
- ]]>
- </mx:Script>
- <mx:Form>
- <mx:FormItem label="dataTipOffset:" direction="horizontal">
- <mx:HSlider id="slider"
- minimum="-10"
- maximum="30"
- snapInterval="1"
- tickInterval="5"
- liveDragging="true"
- dataTipOffset="{slider.value}"
- dataTipPrecision="0"
- showTrackHighlight="true"
- initialize="init();" />
- <mx:Label text="{slider.value}" width="30" />
- </mx:FormItem>
- </mx:Form>
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
No Comments » |
49 views
Tags: dataTipOffset, Flex, HSlider, Slider, VSlider