Flex Gumbo中如何通过autoRepeat属性创建一个自动重复的Soark按钮的例子

By Minidxer | June 30, 2009

接下来的例子演示了Flex Gumbo中如何通过autoRepeat属性，创建一个自动重复的Soark按钮。



下面是代码：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_Button_autoRepeat_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <fx:Script>
  8.         <![CDATA[
  9.             import mx.events.FlexEvent;
  10.  
  11.             private var clr:Boolean = false;
  12.  
  13.             private function btn_buttonDown(evt:FlexEvent):void {
  14.                 if (clr) {
  15.                     arrList.removeAll();
  16.                     clr = false;
  17.                 }
  18.                 doAddItem(evt);
  19.             }
  20.  
  21.             private function btn_click(evt:MouseEvent):void {
  22.                 clr = true;
  23.                 doAddItem(evt);
  24.             }
  25.  
  26.             private function doAddItem(evt:Event):void {
  27.                 var obj:Object = {};
  28.                 obj.type = evt.type;
  29.                 obj.currentTarget = evt.currentTarget.name;
  30.                 obj.time = new Date().toTimeString();
  31.  
  32.                 arrList.addItem(obj);
  33.                 callLater(doScroll);
  34.             }
  35.  
  36.             private function doScroll():void {
  37.                 dataGrid.scrollToIndex(arrList.length);
  38.             }
  39.         ]]>
  40.     </fx:Script>
  41.  
  42.     <fx:Declarations>
  43.         <s:ArrayList id="arrList" />
  44.     </fx:Declarations>
  45.  
  46.     <mx:ApplicationControlBar width="100%" cornerRadius="0">
  47.         <mx:Form styleName="plain">
  48.             <mx:FormItem label="autoRepeat:">
  49.                 <s:CheckBox id="checkBox"
  50.                         selected="true" />
  51.             </mx:FormItem>
  52.         </mx:Form>
  53.     </mx:ApplicationControlBar>
  54.  
  55.     <s:VGroup width="320" horizontalCenter="0" verticalCenter="0">
  56.         <s:Button id="btn"
  57.                 label="Spark Button"
  58.                 autoRepeat="{checkBox.selected}"
  59.                 click="btn_click(event);"
  60.                 buttonDown="btn_buttonDown(event);" />
  61.  
  62.         <mx:DataGrid id="dataGrid"
  63.                 dataProvider="{arrList}"
  64.                 verticalScrollPolicy="on"
  65.                 width="100%"
  66.                 rowCount="8" />
  67.     </s:VGroup>
  68.  
  69. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Button, Gumbo | No Comments » | Tags: , , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll