<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    分享java帶來(lái)的快樂(lè)

    我喜歡java新東西

    flex 事件機(jī)制穿透

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" click="onAppClick(event)">
     <mx:Script>
      <![CDATA[
       import mx.controls.Alert;

      private function onButtonClick(event:Event)
      {
       trace("onButtonClick");
      }
      
      private function onPanelClick(event:Event)
      {
       trace("onPanelClick");
      }
      
      private function onAppClick(event:Event)
      {
       trace("onAppClick");
      }
      ]]>
     </mx:Script>
    <mx:Panel click="onPanelClick(event)">
    <mx:Button label="click" click="onButtonClick(event)" />
    </mx:Panel>
    </mx:Application>

    今天寫(xiě)了一些Flex代碼,在處理Flex中的事件的時(shí)候有一些不明白,仔細(xì)看了文檔之后終于明白了,在此記錄一下。

    Flex的事件其實(shí)很容易明白,象JAVA語(yǔ)言一樣,給某個(gè)控件注冊(cè)一個(gè)listener,然后事件發(fā)生的時(shí)候觸發(fā)相應(yīng)的函數(shù),這點(diǎn)我相信大多數(shù)人都能夠明白。今天我想要說(shuō)的不是這個(gè),而是更加細(xì)節(jié)的一些東西。

    1.事件的傳播過(guò)程。

    Flex事件有下面三個(gè)階段,當(dāng)事件發(fā)生時(shí)依次為:

    1.capturing(捕捉)
    2.targeting(定位)
    3.bubbling(起泡或者回溯)

    在這些階段,程序中從根節(jié)點(diǎn)到觸發(fā)事件的節(jié)點(diǎn)(這里的節(jié)點(diǎn)就是指可以把整個(gè)MXML文件看作是一個(gè)XML,那么節(jié)點(diǎn)就是各個(gè)標(biāo)簽)都有機(jī)會(huì)來(lái)響應(yīng)事件。假設(shè)用戶(hù)點(diǎn)擊了HBox容器中的一個(gè)Button,在capturing階段Flex會(huì)檢查Application和HBox是否對(duì)此事件定義了listener,然后在targeting階段Flex觸發(fā)Button的listener,在bubbling階段Flex又會(huì)檢查Application和HBox,不過(guò)這次的順序和capturing狀態(tài)時(shí)相反。也就是說(shuō),事件發(fā)生的時(shí)候從根節(jié)點(diǎn)到目標(biāo)節(jié)點(diǎn)的父節(jié)點(diǎn)有兩次機(jī)會(huì)可以響應(yīng)事件。

    整個(gè)事件的這三個(gè)階段也就形成了一個(gè)事件流。所以你可以在工作流中的任意節(jié)點(diǎn)上注冊(cè)listener而不用擔(dān)心不會(huì)被觸發(fā)。還有一點(diǎn)需要說(shuō)明的是,只有可視的對(duì)象(比如一些容器和控件)才有第一個(gè)和第三個(gè)階段,而像Socket這種沒(méi)有界面的對(duì)象只能在targeting時(shí)被觸發(fā),它無(wú)法參與第一個(gè)和第三個(gè)階段。

    雖然每個(gè)對(duì)象都有兩次響應(yīng)事件的機(jī)會(huì),但是在默認(rèn)情況下,capturing狀態(tài)時(shí)沒(méi)有對(duì)象會(huì)響應(yīng)事件,除非你特別聲明要在capturing階段響應(yīng)。你可以把addEventListener() 中的use_capture參數(shù)設(shè)置為true,這樣就可以在capturing階段響應(yīng)了。但是請(qǐng)注意,一旦在capturing中響應(yīng)過(guò)之后在bubbling階段就不會(huì)再響應(yīng)了。如果你想要讓listener在capturing和bubbling階段都響應(yīng)的話(huà),只能兩次調(diào)用addEventListener() ,一次把use_capture參數(shù)設(shè)置為true,第二次把它設(shè)置為false

    另外,你只能為可以觸發(fā)一個(gè)事件的對(duì)象注冊(cè)此事件的listener。比如,你就不能為一個(gè)Form定義一個(gè)Click事件,即使它包含一個(gè)Button控件,因?yàn)镕orm無(wú)法觸發(fā)Click事件。

    你可以使用下面兩個(gè)函數(shù)來(lái)中止事件的傳播:
    stopPropagation()
    stopImmediatePropagation()

    兩者唯一的區(qū)別就是stopPropagation()是在當(dāng)前對(duì)象的所有l(wèi)istener執(zhí)行完畢之后再中止事件的傳播,而另外一個(gè)是立刻終止。

    2.Flex事件中的target和currentTarget

    每個(gè)Event對(duì)象都有target和currentTarget屬性,他們可以幫助你跟蹤事件傳播過(guò)程。target指的是觸發(fā)事件的對(duì)象,而currentTarget則是指當(dāng)前階段正在被檢測(cè)到的對(duì)象。這樣說(shuō)可能不太好理解,拿上面的那個(gè)例子來(lái)說(shuō)吧,在單擊事件中target就是那個(gè)button(或者其子組件),不會(huì)變,而currentTarget則首先是Application,然后是HBox,然后……明白了吧?currentTarget就是當(dāng)前正在被事件所檢測(cè)的對(duì)象。currentTarget在Flex 1.5中是沒(méi)有的,是Flex 2新加入的。

    當(dāng)我點(diǎn)擊一個(gè)Button時(shí),target很有可能并不是這個(gè)Button,而是Button的UITextField,就是顯示按鈕文字的組件。但是大多數(shù)時(shí)候你都是想操作Button對(duì)象或者其他注冊(cè)了listener的對(duì)象,很少有人為UITextField對(duì)象注冊(cè)listener。所以大多數(shù)時(shí)候你都用currentTarget而不是target來(lái)操作他們。舉個(gè)例子:

     

    <mx:Button label="OK" click="trace(event.currentTarget.label)"/>

     

    在這種情況下,currentTarget就是指Button,而target指什么就取決于用戶(hù)點(diǎn)擊了Button上哪個(gè)地方了。所以一般你很少用到target屬性,大多數(shù)情況下都應(yīng)該使用currentTarget。

    終于總結(jié)完了,好像事件還有許多其他我沒(méi)注意的地方,如果你認(rèn)為我疏忽了什么,please leave a comment。Thank you.



     

    posted on 2011-05-13 06:57 強(qiáng)強(qiáng) 閱讀(681) 評(píng)論(0)  編輯  收藏 所屬分類(lèi): flex 技術(shù)分類(lèi)


    只有注冊(cè)用戶(hù)登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲午夜无码AV毛片久久| 一二三四在线观看免费高清中文在线观看| 日韩免费无码一区二区视频| xxx毛茸茸的亚洲| 国产h视频在线观看免费| 亚洲成在人线电影天堂色| 日本XXX黄区免费看| 亚洲精品中文字幕无乱码麻豆| 国产精品久久久久免费a∨| 亚洲一级特黄特黄的大片| 日韩免费a级毛片无码a∨| 亚洲国产区男人本色| 免费少妇a级毛片| fc2成年免费共享视频18| 亚洲成av人影院| 亚洲精品免费在线| 91在线亚洲综合在线| 国产成人免费ā片在线观看| 免费人妻精品一区二区三区| 亚洲国产成人精品无码区在线观看| 免费A级毛片无码专区| 久久乐国产综合亚洲精品| 日韩亚洲精品福利| 国产白丝无码免费视频| 亚洲中文无码av永久| 精品久久免费视频| 中文字幕一区二区免费| 亚洲国色天香视频| 亚洲成av人片不卡无码久久| 99精品在线免费观看| 亚洲精品无AMM毛片| 亚洲三区在线观看无套内射| 日本人的色道免费网站| 色吊丝免费观看网站| 亚洲毛片基地日韩毛片基地| 免费在线观看的黄色网址| 91大神免费观看| 黄色片网站在线免费观看| 久久av无码专区亚洲av桃花岛| 日韩一区二区三区免费体验| 久久精品成人免费看|