您的位置:首页 > 其它

创建扩展组件学习笔记---创建高级MXML组件

2008-05-07 16:05 579 查看
创建高级MXML组件
在创建低耦合的组件,你一般定义组件的属性,传递信息给它。这些属性,通过变量定义或setter和getter方法,指定参数值的数据类型。
定义组件返回主应用的信息,最好的作法是,设计组件分发一个事件包含返回的数据。主应用通过一个侦听器来操作事件。

1)在组件定义里,也可使用MXML标签来定义组件的变量,这里面id就是属性名,值为初始值,其中还可使用表达式或数据绑定:
<!-- Boolean property examples: -->
<mx:Boolean id="myBooleanProperty">true</mx:Boolean>
<mx:Boolean id="passwordStatus">{passwordExpired}</mx:Boolean>

<!-- Number property examples: -->
<mx:Number id="myNumberProperty">15</mx:Number>
<mx:Number id="minutes">{numHours * 60}</mx:Number>

<!-- String property examples: -->
<mx:String id="myStringProperty">Welcome, {CustomerName}.</mx:String>
<mx:String id="myStringProperty1" source="./file"/>
如上,你还可使用source属性来指定一个外部URL或文件中的内容来作为初始化的值,此时,标签须是自结束的,即不再另外设定初始值。
所有使用<mx:String>,<mx:Number>,<mx:Boolean>标签定义的属性都是public的。

2)使用setter或getter来设定属性
有如下优点:
在写入属性时进行检查和校验
当属性改变时触发事件,或进行其它的一些操作。
在读时计算返回值

3)定义可检查的属性
通过在属性或set 方法前使用[Inspectable]元数据标签,来使编译器进行检查。如:
// Define public variables.
[Inspectable(defaultValue=true)]
public var shortNames:Boolean = true;

4)在定制属性中支持数据绑定
任何使用MXML标签定义的属性,如<mx:Boolean>,ActionScript变量属性,或setter和getter方法定义的组件属性都自动地可作为数据绑定的目标。

例子:
<?xml version="1.0"?>
<!-- mxmlAdvanced/myComponents/StateComboBoxSetGetBinding.mxml -->

<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>
<![CDATA[

import flash.events.Event;

private var stateArrayShort:Array = ["AK", "AL"];
private var stateArrayLong:Array = ["Arkansas", "Alaska"];

private var __shortNames:Boolean = true;

public function set shortNames(val:Boolean):void {
__shortNames = val;
if (__shortNames) {
dataProvider=stateArrayShort; }
else {
dataProvider=stateArrayLong; }
// Create and dispatch event.
dispatchEvent(new Event("changeShortNames"));
}

// Include the [Bindable] metadata tag.
[Bindable(event="changeShortNames")]
public function get shortNames():Boolean {
return __shortNames;
}
]]>
</mx:Script>
</mx:ComboBox>

要将组件的属性作为数据绑定的源:
1.定义一个成员变量,或使用setter和getter方法
如果你要对成员使用[Bindable]标签,你必须定义一个setter和getter方法。
2.在成员定义前插入[Bindable]元数据标签,或者在setter或getter方法前。可选地,指定当属性值改变时要分发的事件名,如果在[Bindable]元数据标签里省略了事件名,Flex自动产生一个事件名是propertyChange的事件分发。

另一种选择,你可放置[Bindable]在一个public类定义之前,这使得该 类中的所有的public属性,包括用getter和setter的属性,都可以作为数据绑定的源。
注:当这样做时,只应用于public属性,并不应用于私有或保护成员属性。你必须在非公有成员前插入[Bindable]元数据标签才能使它能作为数据绑定的源。
3.当你在[Bindable]元数据标签中定义了事件名,需要调用dispatchEvent()方法来分发这个事件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: