创建定制的组件

采用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：