Flex中如何创建一个自定义数据显示Tips的slider控件的例子
By Minidxer | November 7, 2008
接下来的例子演示了Flex中如何创建一个自定义数据显示Tips的slider控件。鼠标按住滑标察看效果。
让我们先来看一下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>
- @font-face{
- src: local("Arial");
- fontFamily: "ArialEmbedded";
- fontWeight: bold;
- }
- HSlider {
- dataTipOffset: -22;
- dataTipStyleName: "myDataTip";
- }
- .myDataTip {
- backgroundColor: black;
- color: white;
- fontWeight: bold;
- fontFamily: ArialEmbedded;
- fontSize: 16;
- }
- </mx:Style>
- <mx:HSlider id="slider" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Slider |
No Comments » |
977 views
Tags: dataTipOffset, dataTipStyleName, HSlider, Slider, VSlider