Flex中如何利用Timer类创建一个计时器的例子

By Minidxer | April 10, 2009

接下来的例子演示了Flex中如何利用Timer类,创建一个计时器。

让我们先来看一下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.         creationComplete="init();">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             private var timer:Timer;
  11.  
  12.             private function init():void {
  13.                 timer = new Timer(1000);
  14.                 timer.addEventListener(TimerEvent.TIMER, timer_timer);
  15.                 timer.start();
  16.             }
  17.  
  18.             private function timer_timer(evt:TimerEvent):void {
  19.                 var tmr:Timer = evt.currentTarget as Timer;
  20.                 var obj:Object = new Object();
  21.                 obj.currentCount = tmr.currentCount;
  22.                 obj.delay = tmr.delay;
  23.                 obj.repeatCount = tmr.repeatCount;
  24.                 obj.running = tmr.running;
  25.                 arrColl.addItemAt(obj, 0);
  26.             }
  27.         ]]>
  28.     </mx:Script>
  29.  
  30.     <mx:ArrayCollection id="arrColl" />
  31.  
  32.     <mx:DataGrid id="dataGrid"
  33.             dataProvider="{arrColl}"
  34.             width="100%"
  35.             rowCount="10"
  36.             verticalGridLines="false"
  37.             verticalScrollPolicy="on">
  38.         <mx:columns>
  39.             <mx:DataGridColumn dataField="currentCount" />
  40.             <mx:DataGridColumn dataField="repeatCount" />
  41.             <mx:DataGridColumn dataField="delay" />
  42.             <mx:DataGridColumn dataField="running" />
  43.         </mx:columns>
  44.     </mx:DataGrid> 
  45.  
  46. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Other | No Comments » | Tags: , , , , ,

Search Posts