flex元数据[Bindable]的意义和使用

[Bindable]就是所谓的元数据标签。元数据标签是一种特殊的标签，它在代码中的作用就是向编译器提供如何编译程序的信息。实际上，这些标签并没有被编译到生成的SWF文件中，而只是告诉编译器如何生成SWF文件。 [Bindable] Bindable元数据标签是最经常用到的一个元数据标签，因为它使程序组件之间的数据同步变得很容易。Bindable可以用来绑定简单数据类型、类、复杂数据类型以及函数。绑定数据的时候，你必须先使用元数据标签定义一下数据， Bindable也可以用来绑定到事件。Listing 2展示了如何使用getter和setter函数将一个属性绑定到一个事件上。这个例子中有一个叫做phoneNumber的私有变量，还有一个公有的 setter和getter函数。使用Bindable标签将这个getter方法绑定到了一个叫做phoneNumberChanged的事件上，只要 数据发生改变setter方法就会分派phoneNumberChanged事件。通过使用setter方法，可以在数据赋予私有变量之前对其进行操作。 在这个例子中，数据只有在长度大于等于10的时候才会被格式化。当phoneNumberChanged事件被分派的时候，第二个TextInput组件 会被更新，因为他的text属性绑定到了phoneNumber变量上。 当一个属性来自一个数据表达式，当源属性改变时，Flex自动复制源属性的值到任何目标属性。为了标示着一复制，你必须使用[Bindable]元数据标签在flex中注册这一属性，并且源属性必须发送一个事件。 [Bindable]元数据标签采用以下格式 [Bindable] [Bindable(event="eventname")] 如果你省略了事件名，flex自动创建一个事件名propertyChange 你可以在三个地方使用[Bindable]元数据标签 1、在public class定义前 [Bindable]元数据标签绑定所有的作为变量定义的public属性，并且所有的public属性都定义有getter和setter方法。在这种情况下，[Bindable]没有参数，例如： [Bindable] public class TextAreaFontControl extends TextArea {} flex编译器自动创建一个事件名叫propertyChange用于所有的公有属性，这些属性可以作为绑定表达式的源。这种定义等同于 [Bindable(event="propertyChange")] 如果属性值的改变与原来相同，flex并不传递这个事件或更新属性。 2、在public,protected 或 private 属性前，格式为： [Bindable] public var foo; 3、Before a public,protected,or private property defined by a getter or setter method. 你必须同时定义getter和setter方法，以便于使用[Bindable]元数据标签。 [Bindable] public function set shortNames(val:Boolean):void { ... } public function get shortNames():Boolean { ... } 你可以使用自定义的事件名，如： [Bindable(event="changeShortNames")] public function set shortNames(val:Boolean):void { ... // Create and dispatch event. dispatchEvent(new Event("changeShortNames")); } // Get method. public function get shortNames():Boolean { ... } // Define public vars for tracking font size. [Bindable] public var maxFontSize:Number = 15; [Bindable] public var minFontSize:Number = 5; // Define private variable. private var _maxFontSize:Number = 15; [Bindable(event="maxFontSizeChanged")] // Define public getter method. public function get maxFontSize():Number { return _maxFontSize; } // Define public setter method. public function set maxFontSize(value:Number):void { if (value <= 30) { _maxFontSize = value; } else _maxFontSize = 30; // Create event object. var eventObj:Event = new Event("maxFontSizeChanged"); dispatchEvent(eventObj); }