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
components/AddressForm.mxml
components/AddressFormEvent.as
components/AddressVO.as
components/PaddedPanel.as
components/CountryComboBox.mxml
components/ApplicationClass.as
主应用MXML文件
原文地址:http://www.adobe.com/devnet/flex/quickstart/building_components_using_code_behind/