Flex中用自定义的图标替换HSlider或VSlider的默认小三角的例子
By Minidxer | September 16, 2008
接下来的例子演示了Flex中如何用自定义的图标替换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:Style>
- ToolTip {
- backgroundAlpha: 1.0;
- backgroundColor: haloBlue;
- fontWeight: bold;
- color: white;
- }
- HSlider {
- thumbSkin: Embed(source="assets/bug.png");
- dataTipPlacement: right;
- dataTipOffset: 0;
- }
- </mx:Style>
- <mx:HSlider id="slider"
- minimum="-10"
- maximum="20"
- labels="[-10, 0, 10, 20]"
- snapInterval="1"
- tickInterval="10"
- liveDragging="true"
- dataTipPrecision="0"
- showTrackHighlight="true" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Flex |
No Comments » |
Tags: HSlider, Slider, thumbSkin, VSlider