Flex中如何创建一个自定义数据显示Tips的slider控件的例子

By Minidxer | November 7, 2008

接下来的例子演示了Flex中如何创建一个自定义数据显示Tips的slider控件。鼠标按住滑标察看效果。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         @font-face{
  9.             src: local("Arial");
  10.             fontFamily: "ArialEmbedded";
  11.             fontWeight: bold;
  12.         }
  13.  
  14.         HSlider {
  15.             dataTipOffset: -22;
  16.             dataTipStyleName: "myDataTip";
  17.         }
  18.  
  19.         .myDataTip {
  20.             backgroundColor: black;
  21.             color: white;
  22.             fontWeight: bold;
  23.             fontFamily: ArialEmbedded;
  24.             fontSize: 16;
  25.         }
  26.     </mx:Style>
  27.  
  28.     <mx:HSlider id="slider" />
  29.  
  30. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Slider | No Comments » | 977 views Tags: , , , ,

Search Posts