AS3 的事件机制举例浅析

          本文只針對對初學者，高手就別看了，免得見笑，呵呵。對於AS3事件的註冊、派發、捕獲往往很難理解，我個人認爲最好是反研讀一下Adobe的入門教程。看了之後動手改一些東西吧。我們以FlexStore為例。例如我們想在購物車的mxml頁面增加一個清空所有產品的按鈕。

第一步：首先當然要建立一個 Button拉。

<mx:Button label="清空购物车" id="BTClearCart" fontSize="12" />

 

第二步：然後在ProductListEvent.as聲明一個事件類型。

public static const REMOVE_CatProducts:String = "removeCatProducts";

第三步：註冊監聽事件。我們在ProductCart.mxml頁面的<mx:VBox>標簽的creationComplete屬性的處理事件中註冊監聽吧。creationComplete可以理解成“加載完畢”。

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:productsView="productsView.*"
    horizontalAlign="right"
    paddingTop="8"
    paddingBottom="8"
    paddingRight="4"
    paddingLeft="4"
    horizontalScrollPolicy="off"
    verticalScrollPolicy="off"
    creationComplete="creationCompleteHandler();"                
    >

在Script中：Import事件Import：import flash.events.Event，和增加以下函數：

        private function creationCompleteHandler():void
        ...{
            this.addEventListener(ProductListEvent.REMOVE_CatProducts,ClearCartProductsHandler);      //註冊監聽事件
        }

            //處理函數
        private function ClearCartProductsHandler(evt:Event):void
        ...{
            this.numProducts = 0;          //產品數量清0
            this.total = 0;                        //縂數清0
            this.productList.RemoveAllProducts();            //當前“頁”的productList（其實是productList.mxml（可以理解成一個類）的一個實例），調用其函數RemoveAllProducts清空購物車，該函數等一下定義。
        } 

 第四步：在ProductList.mxml（將它理解成類吧。這樣容易理解）定義一個函數如下：

        public function RemoveAllProducts():void
        ...{
            this.removeAllChildren();
            this.items.length = 0;
        }

第五步：在Button派發一個事件出去，派發的事件將被第一步的<VBox>捕獲。Button標簽變成如下：

<mx:Button label="清空购物车" id="BTClearCart" fontSize="12" click="dispatchEvent(new ProductListEvent(ProductListEvent.REMOVE_CatProducts))"/>

          順便在這裡説明一下，dispatchEvent就是派發事件函數，一般情況下dispatchEvent 就等於this.dispatchEvent，而在一個mxml文件裏，大多數的情況下的this，都是指當前的mxml，如果一個Button不是直接派發事件，是觸發一個Function，例如  Click="Click的處理function()"，然後在“Click的處理function(）”這個函數裏面dispatchEvent一個事件，那麽這個dispatchEvent就是this.dispatchEvent了，這個this就是mxml本身，跟按鈕已經沒有關係了。

          做完以上五步最後運行程序，我們發現，我們在creationCompleteHandler註冊了監聽事件ProductListEvent.REMOVE_CatProducts（Button刪除所有產品的事件），當點擊Button的時候，派發ProductListEvent.REMOVE_CatProducts事件，派發過程中被<VBox>捕獲並被處理函數ClearCartProductsHandler處理。