建立定製的組件

採用MXML Component來定製自己的組件，實現程式中的複用部分。

大多數的自訂群組件都是基於現有的組件進行開發的，因此在建立MXML Component時應先選擇基本組件。

組件設計也包括介面設計和事件處理兩部分。

當定製好一個新的組件後，它會自動出現在Design模式下的組件列表的Custom項下。

Demo：定製一個簡單的登陸組件

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="275" height="150" title="Member Login">

    <mx:Script>
        <![CDATA[
            private function handleLoginEvent():void
            {
                lblTest.text="Login...";
                //Login logic
                if(txtUID.text=="")
                    lblTest.text="User name can not be empty!";
                else if(txtPwd.text=="")
                    lblTest.text="Password can not be empty!";
            }
        ]]>
    </mx:Script>
    <mx:Label x="10" y="10" text="User Name"/>
    <mx:Label x="10" y="40" text="Password"/>
    <mx:TextInput x="84" y="8" id="txtUID"/>
    <mx:TextInput x="84" y="38" id="txtPwd"/>
    <mx:Button x="180" y="78" label="Login" click="handleLoginEvent()"/>
    <mx:Label x="10" y="82" id="lblTest"/>
    
</mx:Panel>

 

Result：