Flex中通过showTrackHighlight样式将HSlider/VSlider控件轨迹高亮显示的例子

By Minidxer | July 29, 2008

接下来的例子演示了Flex中如何通过showTrackHighlight样式,将HSlider/VSlider控件轨迹高亮显示。

让我们先来看一下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:HSlider id="slider"
  8.             thumbCount="{numericStepper.value}"
  9.             tickInterval="1"
  10.             showTrackHighlight="{checkBox.selected}" />
  11.  
  12.     <mx:ApplicationControlBar dock="true">
  13.         <mx:Label text="thumbCount:" />
  14.         <mx:NumericStepper id="numericStepper"
  15.                 minimum="1"
  16.                 maximum="2" />
  17.  
  18.         <mx:Spacer width="100%" />
  19.  
  20.         <mx:CheckBox id="checkBox"
  21.                 label="showTrackHighlight"
  22.                 selected="true" />
  23.     </mx:ApplicationControlBar>
  24.  
  25. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | Tags: , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Archives

Sponsored Ads