Flex4 Application中与Module通信

最近忙于公司项目开发的事情，好一段时间没写Blog了，

其中有使用到Flex4在项目开发当中，于是分享一，

Application中与Module通信， 以登录为例

 

 

思路：

1. 编写接口IUserEntry：继承IEventDispatcher，并加入，设置和返回 用户名方法名；

2.新建Module，实现IUserEntry 接口，并新建 登录事件，并颁发登录事件绑定；

3.在Application中，创建并使用接口和实例；

 

主要代码：

//IUserEntry.as 接口

package com.oreilly.f4cb

{

    import flash.events.IEventDispatcher;

    public interface IUserEntry extends IEventDispatcher

    {

        function getFullName():String;

        function get firstName():String;

        function set firstName( str:String ):void;

        function get lastName():String;

        function set lastName( str:String ):void;

    }

}

 

//myModule.mxml



<mx:Module implements="com.oreilly.f4cb.IUserEntry"

           xmlns:fx="http://ns.adobe.com/mxml/2009"

           xmlns:s="library://ns.adobe.com/flex/spark"

           xmlns:mx="library://ns.adobe.com/flex/mx"

           layout="vertical" width="100%" height="100%">

    <fx:Metadata>

        [Event(name="submit", type="flash.events.Event")]

    </fx:Metadata>

     <fx:Script>

        <![CDATA[

            private var _firstName:String;

            private var _lastName:String;

            private function handleSubmit():void

            {

                firstName = firstNameInput.text;

                lastName = lastNameInput.text;

                dispatchEvent( new Event( "submit" ) );

            }

            public function getFullName():String

            {

                return _lastName + ", " + _firstName;

            }

            [Bindable]

            public function get firstName():String

            {

                return _firstName;

            }

            public function set firstName( value:String ):void

            {

                _firstName = value;

            }

            [Bindable]

            public function get lastName():String

            {

                return _lastName;

            }

            public function set lastName( value:String ):void

            {

                _lastName = value;

            }

        ]]>

   </fx:Script>

    <s:HGroup verticalAlign="bottom">

        <s:Label text="First Name:" />

        <s:TextInput id="firstNameInput" width="100%" />

    </s:HGroup>

    <s:HGroup verticalAlign="bottom">

        <s:Label text="Last Name:" />

        <s:TextInput id="lastNameInput" width="100%" />

    </s:HGroup>

    <s:Button label="submit" click="handleSubmit();" />

</mx:Module>

 

//ComunicationWithModule.mxml

<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">
    <fx:Script>
        <![CDATA[
            import com.oreilly.f4cb.IUserEntry;
            private var myModule:IUserEntry;
            private function handleModuleReady():void
            {
                myModule = moduleLoader.child as IUserEntry;
                myModule.addEventListener( "submit", handleSubmit );
            }
            private function handleSubmit( evt:Event ):void
            {
                welcomeField.text = "Hello " + myModule.getFullName();
            }
            public function getInformation():String
            {
                return "Greetings!";
            }
        ]]>
    </fx:Script>