1.13.組件屬性綁定

2024-04-27 13:51:43

字體：大中小

來源：轉載

供稿：網友

1.13.1.問題
我創(chuàng)建的組件中想讓其屬性是可綁定的，可綁定到其他組件上。
1.13.2.解決辦法
創(chuàng)建getter和setter方法，用metadata標簽把這些方法標記為Bindable，元數據標簽里還包含當屬性被設置時其方法所發(fā)出的事件名稱。
1.13.3.討論
當屬性值發(fā)生改變時，在屬性上添加Bindable元數據標簽，發(fā)出相應事件，任何對象都可以被定義為可綁定屬性。最佳方法就是通過get和set函數定義這些綁定屬性。當屬性被設置時，一個名稱和Bindable標簽一樣的事件發(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標簽需要屬性被設置時所發(fā)出的事件名稱，下面確認當Person對象的name屬性值發(fā)生改變時任何綁定的組件都能被通知到。

現在綁定屬性被設置為Person對象，你可以在綁定表達式中使用任意Person實例：

-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>