使用 ActionScript 2.0 组件
使用组件创建应用程序 > 创建结帐屏幕 > 创建 Credit Card Information 窗格

创建 Credit Card Information 窗格

Credit Card Information 窗格的影片剪辑与 Billing Information 和 Shipping Information 窗格的影片剪辑非常相似。但是，Credit Card Information 窗格的嵌套影片剪辑具有其它两个窗格没有的字段，这些字段用于信用卡号和其它信用卡数据。

1. 按照 Billing Information 中第 1 至第 9 步的说明（请参阅创建 Billing Information 窗格），创建 Credit Card Information 窗格的影片剪辑。请注意以下这些命名差异：
   • 对于第一个影片剪辑，输入元件名称 checkout3_mc，实例名称 checkout3_sp。在"属性"检查器的"参数"选项卡中，将 contentPath 属性设置为 checkout3_sub_mc。
   • 对于第二个影片剪辑，输入元件名称 checkout3_sub_mc。
2. 将 Label 组件的四个实例拖动到舞台上。命名并放置实例，如下所示：
   • 对于第 1 个实例，输入实例名称 ccName_lbl，并将 x 和 y 坐标分别设置为 5 和 5。单击"参数"选项卡，为 text 输入 Name On Card。
   • 对于第 2 个实例，输入实例名称 ccType_lbl，并将 x 和 y 坐标分别设置为 5 和 35。单击"参数"选项卡，为 text 输入 Card Type。
   • 对于第 3 个实例，输入实例名称 ccNumber_lbl，并将 x 和 y 坐标分别设置为 5 和 65。单击"参数"选项卡，为 text 输入 Card Number。
   • 对于第 4 个实例，输入实例名称 ccExp_lbl，并将 x 和 y 坐标分别设置为 5 和 95。单击"参数"选项卡，为 text 输入 Expiration。
3. 将 TextInput 组件的一个实例拖动到舞台上，将其定位在 ccName_lbl 实例的右边。将此新建实例命名为 ccName_ti。将 x 和 y 坐标分别设置为 105 和 5。将宽度设置为 140。
4. 将 ComboBox 组件的一个实例拖动到舞台上，将其定位在 ccType_lbl 实例的右边。将此新建实例命名为 ccType_cb。将 x 和 y 坐标分别设置为 105 和 35。将宽度设置为 140。
5. 将 TextInput 组件的另一个实例拖动到舞台上，将其定位在 ccNumber_lbl 实例的右边。将新实例命名为 ccNumber_ti。将 x 和 y 坐标分别设置为 105 和 65。将宽度设置为 140。
6. 将 ComboBox 组件的两个实例拖动到舞台上。将一个实例定位在 ccExp_lbl 实例的右边，然后将另一个实例定位在前一个实例的右边。将第一个新建实例命名为 ccMonth_cb。将宽度设置为 60，并将 x 和 y 坐标分别设置为 105 和 95。将第二个实例命名为 ccYear_cb。将宽度设置为 70，并将 x 和 y 坐标分别设置为 175 和 95。
7. 将 Button 组件的一个实例拖动到舞台上，并将其放置在表单的底部，ccMonth_cb 实例的下面。将此新建实例命名为 checkout_button。将 x 和 y 坐标分别设置为 125 和 135。在"属性"检查器的"参数"选项卡中，将 label 属性设置为 Checkout。
8. 按照 Billing Information 中第 14 至第 15 步的说明（请参阅创建 Billing Information 窗格），在表单的底部添加一个矩形。

查看 LiveDocs 上的注释