Flex事件機制有什么用

小編給大家分享一下Flex事件機制有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

Flex事件機制

一．引言

很多新人對Flex事件機制都不太熟悉，在使用過程中難免會出現各種問題，這是一個非常普遍的問題，為了更快更好的幫助大家，將介紹一下Flex中事件的各種機制和用法。

Flex的精髓之一就是事件和綁定機制，了解之后，能幫助大家更靈活的設計程序，也對新手上路有一定的幫助。

講解可能不太系統，也不全面，有很多沒有深入。如果高手看到后有疑問，歡迎指正。當然各位也可以提出自己的看法，或者經驗分享，謝謝。

二．Flex事件機制介紹

1.什么是Flex事件機制

事件可以看作是一種觸發機制，當滿足了一定的條件后，會觸發這個事件。比如MouseEvent就是指的當鼠標進行操作之后觸發的一系列的事件。很多控件中都有click事件，這個事件就是一個MouseEvent的實例，當點擊鼠標后，系統會自動拋出一個名稱為click的MouseEvent事件（這種方法我們將在后面介紹到）。如果此時在click上注冊一個方法，那么觸發該事件時就會執行這個方法。

Flex主應用的mxml代碼

<mx:Script> <![CDATA[  importmx.controls.Alert;  privatefunctionclickHandler(e:MouseEvent){  Alert.show(e.currentTarget.toString());  }  ]]> </mx:Script> <mx:Buttonidmx:Buttonid="testBtn"click="clickHandler(event)"label="測試"> </mx:Button>

在我們寫代碼時，編輯器的代碼補全提示列表中，有很多不同的圖標。

那些帶有閃電的就是事件，三個小塊的就是樣式，空心圓圈的是屬性，實心圓點的是公有方法，還有一個是效果。

我們能在這個列表中看到的事件，我把它稱之為事件注冊通道。（官方仍然稱它為事件，但是它又和普通的事件含義不同。關于事件注冊通道會再下面講述到）

2.事件注冊通道

上面Flex事件機制說到了這些通道是只能在mxml的代碼提示中可以看到的，他的作用就是給mxml組件提供事件觸發時所執行的方法的注冊通道，而且能在代碼提示中可見，這樣給組件提供了很大的抽象的好處，我們可以很清楚的告訴組件的使用者，組件里包含哪些事件給你調用。
為什么把他區別對待？除了代碼提示外，他還有一些實現上的不同。

Button的click事件是繼承自核心類InteractiveObject，遺憾我們看不到他的源碼，但是說明了“事件注冊通道”是可以繼承的。

我們會在自定義事件中講述到如何聲明“事件注冊通道”。

3.事件觸發方法

注冊通道中如果填入了函數，那么就代表觸發該事件時，會執行這個方法。

click="clickHandler(event)"

我們看到這個方法有一個event對象作為參數傳入，新人可能會問到，這個event對象哪里來的？我也沒聲明這個變量啊。他實際上是注冊通道傳給他的，默認變量名就是event。我們如果想在事件觸發時傳其他的參數，可以通過自定的事件對象來實現。

這個對象就是這個組件分發的事件對象，即type為“click”的MouseEvent的一個實例。

這個event對象包含了觸發該事件時的各種信息，比如觸發事件對象是哪個，監聽對象是哪個，觸發時鼠標點在哪里等等，不同的event類會包含不同的屬性，比如KeyboardEvent包含了鍵盤點擊了哪個鍵。

我們也可以通過自定義一個事件類，來傳遞我們自己想要的各種信息。（這在后面將介紹到）

4.事件分發

Flex事件機制最終繼承自EventDispatcher的對象都會含有dispatchEvent這個方法，他有一個參數，事件對象。
之前說到的事件注冊通道，他只是一個通道，實際上事件是由這個方法來分發出去的，通道只是一個管道而已。

他的作用就是分發一個事件對象，他的分發是沒有目的的，一種廣播形式的，Flex的事件監聽線程會接收到各種各樣的事件（我們稱之為捕獲事件，這在后面會介紹到），那么哪種才是你要的事件，標識就通過事件的type屬性來區分。

1）事件對象

在分發事件時，將會分發一個事件對象出去。不管是那個事件類，都是繼承自flash.events.Event對象的，他包含一些比較重要的屬性，type和bubbles。
type是事件的類型，事件監聽通過這個參數來識別是否是自己所監聽的事件。
bubbles是個布爾值，決定了該對象是否會向上傳遞。默認是false。什么意思呢？畫個圖就明白了。
比如說，當button組件分發click事件對象時，設置的bubbles為false，那么他的分發是這樣的

示意代碼

dispatchEvent(newMouseEvent(“click”,false));

事件對象無法跨越組件本身，當然，除了之前講到的注冊通道（這樣就很形象了吧）
因此，如果沒有注冊通道，在Flex主應用中，就無法捕獲到這個button組件分發出的事件。

如果我們將Bubbles設為true，他看起來就是這樣

dispatchEvent(newMouseEvent(“click”,true));

可以看到，這個事件可以跨過組件本身，到達Flex主應用里。不止這樣，在幫助手冊中明確說到，如果在傳遞過程中間一直沒有被捕獲的話，這個事件會逐層上傳，直到最終的stage，那時如果還沒被捕獲，這個事件就會被銷毀掉。

這樣一來，即使我們沒有click的事件通道，只要我們在Flex主應用中添加事件監聽器（addEventListener）那么我們就可以獲得到這個分發出的click事件了。
那么，注冊通道不是沒用了嗎？不是，之前說到過，注冊通道是現式的，可見的，因此如果你的組件要給其他人使用，那么就非常一目了然，而不必知道你源碼中究竟分發了什么事件。但是，不要監聽和注冊同一個事件，這樣會重復執行的。（后面將講到）

5.Flex事件機制中事件監聽

在分發中，我們講到，如果不是通過注冊通道來調用觸發事件，那么我們是需要一個監聽來捕捉的。如何捕捉到分發出的事件，就是通過事件的type值。

比如:

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="absolute"xmlns:comp  creationComplete='init()' > <mx:Script> <![CDATA[  privatefunctioninit(){  testBtn.addEventListener(“click”,clickHandler);  }

Flex事件機制中Flex的事件中都提供了一些靜態常量，讓我們調用，避免我們打錯了。因此這句話可以這么寫

testBtn.addEventListener(MouseEvent.CLICK,clickHandler);

我們看到，監聽的回調方法中沒有傳遞參數，是的，這和通道的寫法有些不同，這里的回調方法（即clickHandler）只是個引用，并不是代表方法的執行，他的含義是，告訴eventLinstener，如果捕捉到click事件，那么就去找clickHandler，并執行它，event對象參數在執行時動態的傳遞。（如果熟悉ajax的朋友這里應該很容易懂了）

他作用起來就是這樣

如果你又注冊了click的事件通道，那么這兩個都會生效，顯然這是多余的。

6.關于異步和執行順序

以前的說法有誤，as里是不存在線程概念的，在遠程請求時，結果事件、錯誤事件都是異步的。如果你需要處理結果，需要利用監聽，并在回調中獲取你的遠程數據。
而在處理本地事件時，他們仍然是同步的。

回調方法執行的順序甚至還不如dispatchEvent之后的方法。如果接下來的方法依賴于事件回調，那么把接下來的方法寫到回調方法中去。

以上是“Flex事件機制有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！