Flex中利用allowThumbOverlap属性设置HSlider控件中的游标是否允许超过范围的例子
By Minidxer | July 30, 2008
接下来的例子演示了Flex中如何利用allowThumbOverlap属性，设置HSlider控件中的游标是否允许超过范围。本例中创建了2个游标，可以分别在allowThumbOverlap属性为True/False状态下体验效果。
让我们先来看一下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 list_labelFunc(item:Object):String {
- return Number(item).toFixed(2);
- }
- ]]>
- </mx:Script>
- <mx:Number id="slider_thumbCount">2</mx:Number>
- <mx:ApplicationControlBar dock="true">
- <mx:CheckBox id="checkBox"
- label="allowThumbOverlap"
- selected="true" />
- </mx:ApplicationControlBar>
- <mx:HSlider id="slider"
- allowThumbOverlap="{checkBox.selected}"
- dataTipPrecision="2"
- showTrackHighlight="true"
- snapInterval="0.25"
- thumbCount="{slider_thumbCount}"
- tickInterval="1" />
- <mx:List id="list"
- dataProvider="{slider.values}"
- labelFunction="list_labelFunc"
- rowCount="{slider_thumbCount}"
- width="{slider.width}" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
No Comments » |
Tags: allowThumbOverlap, HSlider, showTrackHighlight, Slider, thumbCount, VSlider