利用代码与布局分离技术构建自定义Flex组件

XML和ActionScript在创建组件方面各有优缺点：
在创建复合组件时，MXML可以时创建过程变得很容易，并且方便于对子控件进行布局。
在修改组件行为时，我们可以用ActionScript来修改他们的方法。
大多数时候，我们会使用MXML和ActionScript结合的方式来创建Flex组件和应用。
Flex提供了多种方式来结合使用MXML和ActionScript，包括以下几点：
直接将ActionScript语句直接放到MXML标记内。这常常会在定义内联时事件句柄时使用。
将ActionScript放入<mx:Script>标签内。
用<mx:Scriopt>标签来包含外部的。
使用MXML代码来做代码布局，并把ActionScript放在类定义中。这就是我们所知的代码隐藏。
要想同时使用ActionScript和MXML并把代码隐藏起来，我们需要把ActionScript类作物MXML组件的根标签；也就是说，你的MXML组件需要继承ActionScript类。例如创建一个用于显示地址输入自定义的AddressForm组件，就需要按以下步骤进行操作：
首先创建一个叫做AddressFormClass的ActionScript类，然后让这个类继承一个Flex类。这样的话我们就可以使用Form容器的布局能力并让AddressFormClass继承mx.containers.Form类。
创建一个叫做AddressForm的MXML组件，并把AddressFormClass作为它的根标签。
用MXML为ActionForm组件的内容进行布局。
用ActionScript为ActionForm组件创建逻辑。
提示：我们必须在ActionScript类中把子控件定义为公共访问。
下面的例子包含了上面描述的自定义组件AddressForm。主应用程序文件利用了代码隐藏技术，例子也把我们在其他教程中创建的CountryComboBox和PaddedPanel组件添加了些特性。
扩展：在创建Flex应用时把本篇当作一个练习介绍。对于更多的信息，请参考Arp框架 — 一个利用代码隐藏技术来创建Flash和Flex应用的开源的基于样式的框架。
components/AddressFormClass.as
package components
{
import mx.events.FlexEvent;
import mx.controls.Button;
import mx.controls.TextInput;
import flash.events.MouseEvent;
import mx.containers.Form;

public class AddressFormClass extends Form
{
// Components in the MXML must be
// declared public. This is a limitation in
// the current version of Flex and may change
// in the future.
public var submitButton:Button;
p