這篇文章給大家分享的是有關(guān)Flex綁定機制的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了宛城免費建站歡迎大家使用！

Flex綁定機制

在我們了解了事件機制后，那么理解Flex綁定就不難了，F(xiàn)lex綁定其實也是事件機制的運用。

1.什么是Flex綁定

Flex綁定的原理就是事件，在被Flex綁定的對象上增加了改變事件的監(jiān)聽，一旦某個被Flex綁定對象改變后，就會分發(fā)一個“propertyChange”事件（默認(rèn)的，也可以改變成自己定義的事件），在其他組件中，會有propertyChange的事件監(jiān)聽，當(dāng)捕捉到該事件后，則會去更新組件的屬性并顯示。

Flex綁定的作用在于，將Flex中的變量、類、方法等與組件的值進行Flex綁定。例如，一個變量如果被Flex綁定后，那么引用該變量的組件的相關(guān)屬性也會發(fā)生改變。我們用一個實例來表示

<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxmllayout="absolute"xmlns:comp  > <mx:Script> <![CDATA[  importmx.controls.Alert;  [Bindable]  privatevarisSelected:Boolean;  privatefunctionclickHandler(e:MouseEvent){  //Alert.show(e.currentTarget.toString());  isSelected=isSelected?false:true;//這句話的意思是如果isSelected為true，改變它為false，如果它為false，改變它為true；  Alert.show(isSelected.toString());  }  ]]> </mx:Script> <mx:Buttonidmx:Buttonid="testBtn"click="clickHandler(event)"label="測試"/> <mx:CheckBoxxmx:CheckBoxx="60"selected="{isSelected}"/> </mx:Application>

上述程序的效果就是，當(dāng)點擊button時，button不是直接改變checkbox的選中狀態(tài)，而是改變isSelected這個變量，由于isSelected是被Flex綁定了的，那么會關(guān)聯(lián)的改變CheckBox的選中狀態(tài)。

這樣看起來有些多此一舉，完全可以直接改變checkbox的selected屬性，我只是為了演示一下效果。如果說你的checkbox是動態(tài)構(gòu)造的上百個，你不會去一個個的改變他吧。

◆因此，我們多數(shù)會將一個數(shù)據(jù)源進行Flex綁定聲明，這樣引用了這個數(shù)據(jù)源的控件，比如datagrid，在數(shù)據(jù)源發(fā)生了改變時，即使你不重新設(shè)置dataProvider，列表的數(shù)據(jù)也會刷新。當(dāng)然，還有很多應(yīng)用等待你去嘗試。

如果這個代碼中取消了[Bindable]的聲明，會怎么樣？isSelected不會改變了嗎？

isSelected會改變，我們alert出來的結(jié)果也會顯示結(jié)果改變了，但是checkbox的選擇狀態(tài)不會改變，因為當(dāng)一個組件由創(chuàng)建到最終顯示出來時是經(jīng)過很多方法的，比如addChild，commitProperties，updateDisplayList等，updataDisplayList則是類似刷新顯示效果一樣的方法。

僅僅改變屬性，而不去更新顯示效果那么組件不會因為屬性的改變而發(fā)生任何變化。Flex綁定的原理也是利用的事件分發(fā)，更復(fù)雜的Flex綁定有待你去自己發(fā)現(xiàn)了。

感謝各位的閱讀！關(guān)于“Flex綁定機制的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

新聞名稱：Flex綁定機制的示例分析
鏈接地址：http://www.chinadenli.net/article46/iieieg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、電子商務(wù)、定制網(wǎng)站、做網(wǎng)站、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)