Flex中如何利用barColor样式设置ProgressBar内小块颜色的例子

By Minidxer | July 1, 2009

接下来的例子演示了Flex中如何利用barColor样式，设置ProgressBar内小块颜色。

让我们先来看一下Demo（可以点击这里察看源代码）：


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="ProgressBar_barColor_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:ApplicationControlBar dock="true">
  9.         <mx:Form styleName="plain">
  10.             <mx:FormItem label="barColor:">
  11.                 <mx:ColorPicker id="colorPicker"
  12.                         selectedColor="red" />
  13.             </mx:FormItem>
  14.         </mx:Form>
  15.     </mx:ApplicationControlBar>
  16.  
  17.     <mx:ProgressBar id="progressBar"
  18.             indeterminate="true"
  19.             barColor="{colorPicker.selectedColor}"
  20.             labelPlacement="center"
  21.             height="100" />
  22.  
  23. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: ProgressBar | No Comments » | Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll