Flex中通过showTrackHighlight样式将HSlider/VSlider控件轨迹高亮显示的例子
By Minidxer | July 29, 2008
接下来的例子演示了Flex中如何通过showTrackHighlight样式,将HSlider/VSlider控件轨迹高亮显示。
让我们先来看一下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:HSlider id="slider"
- thumbCount="{numericStepper.value}"
- tickInterval="1"
- showTrackHighlight="{checkBox.selected}" />
- <mx:ApplicationControlBar dock="true">
- <mx:Label text="thumbCount:" />
- <mx:NumericStepper id="numericStepper"
- minimum="1"
- maximum="2" />
- <mx:Spacer width="100%" />
- <mx:CheckBox id="checkBox"
- label="showTrackHighlight"
- selected="true" />
- </mx:ApplicationControlBar>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
Tags: HSlider, showTrackHighlight, Slider, thumbCount, VSlider