创建结帐屏幕

用户单击主屏幕上的 Checkout 按钮时，即出现 Checkout 屏幕。用户可在 Checkout 屏幕提供的表单中输入开单、发货和信用卡的信息。结帐屏幕的外观如下所示：

结帐屏幕

此结帐界面由放置在应用程序第 10 帧的关键帧上的组件组成。您将使用 Accordion 组件来创建结帐界面。Accordion 组件是包含一系列子项（一次显示一个）的浏览器。您还将添加一个 Button 组件实例来创建 Back 按钮，以便用户返回到主屏幕。

在本教程的后面部分，您将创建用作 Accordion 实例中的子项的影片剪辑，以显示 Billing Information、Shipping Information 和 Credit Card Information 窗格。

在应用程序的主时间轴中，将播放头移动到第 10 帧（标记为 Checkout）。确保选择了 Form 图层。
在 Form 图层的第 10 帧中插入一个空白关键帧（选择第 10 帧，然后选择"插入">"时间轴">"空白关键帧"）。
选择了新的关键帧之后，将 Accordion 组件的一个实例从"组件"面板拖动到舞台上。在"属性"检查器中，输入实例名称 checkout_acc。将宽度设置为 300 像素，将高度设置为 200 像素。
将 Button 组件的一个实例从"组件"面板拖动到舞台的右下角。在"属性"检查器中，输入实例名称 back_button。单击"参数"选项卡，然后为 label 属性输入 Back。