创建具有 Accordion 组件的应用程序 _Flash手册_开发手册速查

在本例中，应用程序开发人员正在构建在线商店的"结帐"部分。设计要求具有一个包含三个表单的 accordion，用户可在其中输入他们的发运地址、开单地址和付款信息。发运地址和开单地址表单相同。

使用屏幕将一个 Accordion 组件添加到应用程序：

在 Flash 中，选择"文件">"新建"，然后选择"Flash 表单应用程序"。
双击文本 Form1 并输入名称 addressForm。
尽管 addressForm 屏幕未显示在库中，但它是 Screen 类的一个元件。因为 Screen 类是 View 类的子类，所以 accordion 可使用它作为子项。
在表单处于选定状态的情况下，在"属性"检查器中将其 visible 属性设置为 false。
这将在应用程序中隐藏表单的内容；表单只会出现在 accordion 中。
将诸如 Label 和 TextInput 等组件从"组件"面板拖到表单上，以便创建一个模拟地址表单；对这些组件进行排列，然后在"组件"检查器的"参数"窗格中设置它们的属性。
将表单元素定位在表单的左上角。表单的此角位于 Accordion 的左上角中。
重复步骤 2-4，以便创建一个名为 checkoutForm 的屏幕。
创建一个名为 accordionForm 的新屏幕。
将一个 Accordion 组件从"组件"面板拖到 accordionForm 表单中，并将其命名为 my_acc。
在 my_acc 处于选定状态的情况下，在"属性"检查器中执行以下操作：
- 对于 childSymbols 属性，输入 addressForm、addressForm 和 checkoutForm。
  这些字符串指定用于创建 accordion 子项的屏幕的名称。
  
  注意
  
  前两个子项是同一屏幕的实例，因为发运地址表单和开单地址表单相同。
- 对于 childNames 属性，输入 shippingAddress、billingAddress 和 checkout。
  这些字符串是该 Accordion 子项的 ActionScript 名称。
- 对于 childLabels 属性，输入 Shipping Address（发运地址）、Billing Address（开单地址）和 Checkout（结帐）。
  这些字符串是 Accordion 标题上的文本标签。
选择"控制">"测试影片"。

将 Accordion 组件添加到应用程序：

选择"文件">"新建"，然后创建新的 Flash 文档。
选择"插入">"新元件"，并将其命名为 AddressForm。
在"创建新元件"对话框中，单击"高级"按钮并选择"为 ActionScript 导出"。在"AS 2.0 类"字段中，输入 mx.core.View。
若要保持某个 accordion 子项中的 Tab 键顺序，该子项必须同时是 View 类的实例。
将诸如 Label 和 TextInput 等组件从"组件"面板拖到舞台上，以便创建一个模拟地址表单；对这些组件进行排列，然后在"组件"检查器的"参数"窗格中设置它们的属性。
将表单元素定位在舞台上相对于 0,0（中心）的位置。影片剪辑的 0,0 坐标位于 accordion 的左上角。
选择"编辑">"编辑文档"返回到主时间轴。
重复步骤 2-5，以便创建一个名为 CheckoutForm 的影片剪辑。
将一个 Accordion 组件从"组件"面板拖到主时间轴上的舞台上。
在"属性"检查器中，执行以下操作：
- 输入实例名称 my_acc。
- 对于 childSymbols 属性，输入 AddressForm、AddressForm 和 CheckoutForm。
  这些字符串指定用于创建 accordion 子项的影片剪辑的名称。
  
  注意
  
  前两个子项是同一影片剪辑的实例，因为发运地址表单和开单地址表单相同。
- 对于 childNames 属性，输入 shippingAddress、billingAddress 和 checkout。
  这些字符串是该 Accordion 子项的 ActionScript 名称。
- 对于 childLabels 属性，输入 Shipping Address（发运地址）、Billing Address（开单地址）和 Checkout（结帐）。
  这些字符串是 Accordion 标题上的文本标签。
- 对于 childIcons 属性，输入 AddressIcon、AddressIcon 和 CheckoutIcon。
  这些字符串指定用作 accordion 标题上的图标的影片剪辑元件的链接标识符。如果希望图标出现在标题中，您必须创建这些影片剪辑元件。
选择"控制">"测试影片"。

使用 ActionScript 将子项添加到 Accordion 组件：

选择"文件">"新建"，然后创建 Flash 文档。
将 Accordion 组件从"组件"面板拖到舞台上。
在"属性"检查器中，输入实例名称 my_acc。
将 TextInput 组件拖动到库中。
此操作会将该组件添加到库中，以便能够在步骤 6 中将其动态地实例化。

在时间轴第一帧中的"动作"面板中，输入以下代码（这段代码调用 createChild() 方法来创建其子视图）：

import mx.core.View;

// 为要显示在 my_acc 对象中的每个表单创建子面板。
my_acc.createChild(View, "shippingAddress", {label: "Shipping Address"});
my_acc.createChild(View, "billingAddress", {label: "Billing Address"});
my_acc.createChild(View, "payment", {label: "Payment"});

在第一帧中的"动作"面板中，在步骤 5 中输入的代码下，输入以下代码（此代码向 accordion 子项添加两个 TextInput 组件实例）：

// 为 shippingAddress 面板创建子项文本输入。
var firstNameChild_obj:Object = my_acc.shippingAddress.createChild("TextInput", "firstName", {text: "First Name"});
// 设置文本输入的位置。
firstNameChild_obj.move(10, 38);
firstNameChild_obj.setSize(110, 20);
// 创建另一个子项输入。
var lastNameChild_obj:Object = my_acc.shippingAddress.createChild("TextInput", "lastName", {text: "Last Name"});
// 设置文本输入的位置。
lastNameChild_obj.move(150, 38);
lastNameChild_obj.setSize(140, 20);