创建 Billing Information 窗格
首先您将创建两个显示 Billing Information 表单字段的影片剪辑：具有 ScrollPane 组件实例的父影片剪辑和具有 Label 和 TextArea 组件实例的子影片剪辑。
- 在"库"面板（"窗口">"库"）中，单击标题栏右侧的选项菜单，然后选择"新建元件"。
- 在"创建新元件"对话框中，为"名称"输入 checkout1_mc，然后为"类型"选择"影片剪辑"。
- 单击"高级"按钮。在"链接"下面，选择"为 ActionScript 导出"，选中"在第一帧导出"，然后单击"确定"。
新元件的文档窗口即会以元件编辑模式打开。
- 将 ScrollPane 组件的一个实例拖动到舞台上。
- 在"属性"检查器中，输入实例名称 checkout1_sp。将 W 和 H 的值分别设置为 300 和 135。将 x 和 y 坐标分别设置为 0 和 0。
- 单击"参数"选项卡。将
contentPath 属性设置为 checkout1_sub_mc。
checkout1_sub_mc 影片剪辑将出现在滚动窗格内，并包含 Label 和 TextInput 组件。接下来，您将创建该影片剪辑。
- 从"库"选项菜单中选择"新建元件"。
- 在"创建新元件"对话框中，为"名称"输入 checkout1_sub_mc，然后为"类型"选择"影片剪辑"。
- 单击"高级"按钮。在"链接"下面，选择"为 ActionScript 导出"，选中"在第一帧导出"，然后单击"确定"。
新元件的文档窗口即会以元件编辑模式打开。
- 将 Label 组件的六个实例拖动到舞台上。或者，先将一个实例拖动到舞台上，然后在舞台上按住 Ctrl 键（在 Windows 中）或 Option 键（在 Macintosh 中）并单击拖动该实例以制作副本。命名并放置实例，如下所示：
- 对于第一个实例，输入实例名称 firstname_lbl，并将 x 和 y 坐标分别设置为 5 和 5。单击"参数"选项卡，为
text 输入 First Name。
- 对于第二个实例，输入实例名称 lastname_lbl，并将 x 和 y 坐标分别设置为 5 和 35。单击"参数"选项卡，为
text 输入 Last Name。
- 对于第三个实例，输入实例名称 country_lbl，并将 x 和 y 坐标分别设置为 5 和 65。单击"参数"选项卡，为
text 输入 Country。
- 对于第四个实例，输入实例名称 province_lbl，并将 x 和 y 坐标分别设置为 5 和 95。单击"参数"选项卡，为
text 输入 Province/State 。
- 对于第五个实例，输入实例名称 city_lbl，并将 x 和 y 坐标分别设置为 5 和 125。单击"参数"选项卡，为
text 输入 City。
- 对于第六个实例，输入实例名称 postal_lbl，并将 x 和 y 坐标分别设置为 5 和 155。单击"参数"选项卡，为
text 输入 Postal/Zip Code。
- 将 TextInput 组件的六个实例拖动到舞台上。紧靠每个 Label 实例的右侧放置一个 TextInput 实例。例如，第一个 TextInput 实例的 x 和 y 坐标分别应为 105 和 5。命名 TextInput 实例，如下所示：
- 将第一个实例命名为 billingFirstName_ti。
- 将第二个实例命名为 billingLastName_ti。
- 将第三个实例命名为 billingCountry_ti。
- 将第四个实例命名为 billingProvince_ti。
- 将第五个实例命名为 billingCity_ti。
- 将第六个实例命名为 billingPostal_ti。
如果滚动窗格中的内容太靠近窗格的边框，有时候内容可能会被裁切。在接下来的几个步骤中，您将向 checkout1_sub_mc 影片剪辑中添加一个白色矩形，以便正确显示 Label 和 TextInput 实例。
- 在时间轴中，单击"添加新图层"按钮。将新图层拖动到现有图层的下面。（矩形所在的图层应位于底部，这样矩形不会干扰组件的显示。）
- 选择新图层的第 1 帧。
- 在"工具"面板中，选择"矩形"工具。将笔触颜色设置为"无"，将填充颜色设置为白色。
单击"工具"面板中的"笔触颜色"控件，然后单击"无"按钮，即贯穿红线的白色样本。单击"填充颜色"控件，然后单击白色样本。
- 通过拖动创建一个超出 Label 和 TextInput 实例底边缘和右边缘的矩形。
