你對(duì)Flex綁定機(jī)制的概念是否了解，這里和大家分享一下，F(xiàn)lex綁定機(jī)制的原理就是事件，在被Flex綁定的對(duì)象上增加了改變事件的監(jiān)聽，一旦某個(gè)被Flex綁定對(duì)象改變后，就會(huì)分發(fā)一個(gè)“propertyChange”事件。

Flex綁定機(jī)制

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

1.什么是Flex綁定

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

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

<?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="測(cè)試"/> 
<mx:CheckBoxxmx:CheckBoxx="60"selected="{isSelected}"/> 
</mx:Application> 
 

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

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

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

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

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

僅僅改變屬性，而不去更新顯示效果那么組件不會(huì)因?yàn)閷傩缘母淖兌l(fā)生任何變化。

Flex綁定機(jī)制的原理也是利用的事件分發(fā)，更復(fù)雜的Flex綁定有待你去自己發(fā)現(xiàn)了。

【編輯推薦】

1. Flex綁定機(jī)制用法揭秘
2. Flex主題創(chuàng)建及支持的樣式設(shè)置方式
3. 全面認(rèn)識(shí)Flex應(yīng)用程序的六大元素
4. 揭開Flex正則表達(dá)式的神秘面紗
5. Flex數(shù)據(jù)綁定及其使用頻繁的幾種情況