flex IMXMLObject接口

 

本文来自：http://blog.csdn.net/sysu_2010/article/details/6738313

在Flex中，所有的ActionScript类可以根据是否可视分为两类：可视化组件和不可视组件。可视化组件都从mx.core.UICmponent继承，用于完成与用户的交互；不可视组件主要用来完成一些与人机交互无关的工作，大多数与数据处理相关，比如数据校验、格式化、远程数据访问等。

如果不可视化组件实现mx.core.IMXMLObject接口，当用MXML标记定义这个类的对象时，MXML编译器能够使该对象初始化。IMXMLObject接口非常简单，只要求该接口的实现类实现一个initialized(document:Object, id:String):void方法。一旦不可视组件实现了这个接口，那么在编译时，MXML编译器在创建该不可视类实例的ActionScript语句之后添加了一条调用initialized方法的ActionScript语句，使得在运行时实现IMXMLObject接口的不可视对象在其代码中能够访问它当前所在的文档对象。

解决问题：

1.根据权限来维护UI交互组件的状态

2.工作流驱动的界面中的UI交互组件，只有当前任务环节的UI交互组件才能够工作。

实例：在Flex中定义一个这样的Action组件，这样就在通用框架与具体人机界面的UI组件之间建立起一种隔离，使得通用框架不再控制具体的UI组件（耦合性降低），而只是控制Action的属性。UI组件只需要将自身属性（enabled和visible）与Action组件相对应的属性绑定即可以。

Action代码：

package com.st.sample
{
    import mx.core.IMXMLObject;
    [Bindable]
    public class Action implements IMXMLObject
    {
        private var _id:String;
        private var _document:Object;

        public function Action()
        {
        }

        public function initialized(document:Object, id:String):void
        {
            this._document = document;
            this._id = id;
        }

        public function get id():String
        {
            return _id;
        }

        public function get document():Object
        {
            return _document;
        }

        public var operationCode:String;//对应权限中的操作码
        public var caption:String; //绑定控件提供文字标签
        public var visible:Boolean = true; //绑定控件提供visible属性
        public var enabled:Boolean = true; //提供enabled属性
        public var checked:Boolean = true; //提供checked属性

    }
}

package com.st.sample { import mx.core.IMXMLObject; [Bindable] public class Action implements IMXMLObject { private var _id:String; private var _document:Object; public function Action() { } public function initialized(document:Object, id:String):void { this._document = document; this._id = id; } public function get id():String { return _id; } public function get document():Object { return _document; } public var operationCode:String;//对应权限中的操作码 public var caption:String; //绑定控件提供文字标签 public var visible:Boolean = true; //绑定控件提供visible属性 public var enabled:Boolean = true; //提供enabled属性 public var checked:Boolean = true; //提供checked属性 } }UIActions是一个专门存储Action组件的ArrayCollection派生类：

package com.st.sample
{
    import mx.collections.ArrayCollection;

    import mx.core.IMXMLObject;
    [Bindable]
    public class UIActions extends ArrayCollection
    {

        public function UIActions(source:Array=null)
        {
            super(source);
        }

    }
}

package com.st.sample { import mx.collections.ArrayCollection; import mx.core.IMXMLObject; [Bindable] public class UIActions extends ArrayCollection { public function UIActions(source:Array=null) { super(source); } } }
用途：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:sample="com.st.sample.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <sample:UIActions>
            <sample:Action id="action_stat" caption="统计报表" operationCode="stat" enabled="false"/>
        </sample:UIActions>
    </fx:Declarations>
    <s:Button x="123" y="124" label="发布报表" enabled="{this.action_stat.enabled}"/>
    <s:Button x="271" y="124" label="统计报表"/>

</s:Application>

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:sample="com.st.sample.*"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> <sample:UIActions> <sample:Action id="action_stat" caption="统计报表" operationCode="stat" enabled="false"/> </sample:UIActions> </fx:Declarations> <s:Button x="123" y="124" label="发布报表" enabled="{this.action_stat.enabled}"/> <s:Button x="271" y="124" label="统计报表"/> </s:Application>