1.13.組件屬性綁定

2024-04-27 13:51:43

字體：大中小

供稿：網(wǎng)友

1.13.1.問(wèn)題
我創(chuàng)建的組件中想讓其屬性是可綁定的，可綁定到其他組件上。
1.13.2.解決辦法
創(chuàng)建getter和setter方法，用metadata標(biāo)簽把這些方法標(biāo)記為Bindable，元數(shù)據(jù)標(biāo)簽里還包含當(dāng)屬性被設(shè)置時(shí)其方法所發(fā)出的事件名稱(chēng)。
1.13.3.討論
當(dāng)屬性值發(fā)生改變時(shí)，在屬性上添加Bindable元數(shù)據(jù)標(biāo)簽，發(fā)出相應(yīng)事件，任何對(duì)象都可以被定義為可綁定屬性。最佳方法就是通過(guò)get和set函數(shù)定義這些綁定屬性。當(dāng)屬性被設(shè)置時(shí)，一個(gè)名稱(chēng)和Bindable標(biāo)簽一樣的事件發(fā)出，例如：

-ActionScript

package oreilly.cookbook {
import flash.events.EventDispatcher;
import flash.events.Event;
public class Person extends EventDispatcher {
public static var NAME_CHANGE:String = "nameChange";
private var _name:String;
[Bindable (event=NAME_CHANGE)]
public function get name():String {return _name;}
public function set name(value:String):void{
dispatchEvent(new Event(NAME_CHANGE));
_name = value;
}
}
}

Bindable標(biāo)簽需要屬性被設(shè)置時(shí)所發(fā)出的事件名稱(chēng)，下面確認(rèn)當(dāng)Person對(duì)象的name屬性值發(fā)生改變時(shí)任何綁定的組件都能被通知到。

現(xiàn)在綁定屬性被設(shè)置為Person對(duì)象，你可以在綁定表達(dá)式中使用任意Person實(shí)例：

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script>
<![CDATA[
[Bindable ]
private var _person:Person;
public function set person(person:Person:void{_person = person;}

]]>
</mx:Script>
<mx:Label text="{_person.name}"/>
</mx:Canvas>