Flex中如何通过mode属性设置进度条ProgressBar动画状态的例子

By Minidxer | November 3, 2008

接下来的例子演示了Flex中如何通过mode属性,设置进度条ProgressBar动画状态。

让我们先来看一下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:ApplicationControlBar dock="true">
  8.         <mx:Form>
  9.             <mx:FormItem label="mode:">
  10.                 <mx:ComboBox id="comboBox">
  11.                     <mx:dataProvider>
  12.                         <mx:Array>
  13.                             <mx:Object label="event" />
  14.                             <mx:Object label="polled" />
  15.                             <mx:Object label="manual" />
  16.                         </mx:Array>
  17.                     </mx:dataProvider>
  18.                 </mx:ComboBox>
  19.             </mx:FormItem>
  20.             <mx:FormItem label="indeterminate:">
  21.                 <mx:CheckBox id="checkBox" selected="true" />
  22.             </mx:FormItem>
  23.         </mx:Form>
  24.     </mx:ApplicationControlBar>
  25.  
  26.     <mx:ProgressBar id="progressBar"
  27.             indeterminate="{checkBox.selected}"
  28.             mode="{comboBox.selectedItem.label}" />
  29.  
  30. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: ProgressBar | No Comments » | 1,205 views Tags: , ,

Search Posts