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

最新推荐文章于 2024-03-20 17:38:44 发布

原创最新推荐文章于 2024-03-20 17:38:44 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#扩展 #getter #setter #actionscript #string #function

本文介绍了如何使用MXML创建低耦合的高级组件，包括如何定义组件属性、使用setter和getter方法验证属性值及触发事件，同时展示了如何利用数据绑定增强组件的功能。

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

1）在组件定义里，也可使用MXML标签来定义组件的变量，这里面id就是属性名，值为初始值，其中还可使用表达式或数据绑定：

<mx:Boolean id="myBooleanProperty">true</mx:Boolean>
<mx:Boolean id="passwordStatus">{passwordExpired}</mx:Boolean>

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

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

<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()方法来分发这个事件。