使用 ActionScript 2.0 组件
使用组件创建应用程序 > 构建主页

构建主页

执行以下步骤向框架页面添加组件来创建应用程序的主页。然后添加 ActionScript 代码以自定义这些组件，导入允许您操作应用程序组件的 ActionScript 类，并访问 Web 服务以便用过失列表填充组合框。通过将组合框的 dataProvider 属性设置为接收来自 Web 服务的结果，代码即会填充组合框。

1. 打开 first_app_start.fla 文件。有关 .fla 文件范例，请参阅"Flash 范例"页，网址为 www.adobe.com/go/learn_fl_samples_cn。

   该文件中包含一个起始页，其外观如下所示：

   

   start_app.fla 文件包含 3 个图层：具有黑色背景图像和文本标题的 background 图层，具有应用程序各部分的文本标签的 text 图层，以及具有第 1 帧 (Home) 和第 10 帧 (Checkout) 上的标签的 labels 图层。

2. 选择"文件">"另存为"。重命名该文件并将其保存到硬盘上。
3. 在时间轴上选择 Labels 图层，然后单击"添加图层"按钮，在该图层的上面添加一个新图层。将新图层命名为 Form。此图层上将放置组件实例。
4. 确保选择了 Form 图层。在"组件"面板（"窗口">"组件"）上，找到 ComboBox 组件。将 ComboBox 的一个实例拖动到舞台上。将它放置在"What Did You Do?"文本的下面。在"属性"检查器（"窗口">"属性">"属性"中），输入 problems_cb 作为实例名称，输入 400 作为宽度（以像素为单位）。再输入 x 坐标的位置 76.0 和 y 坐标的位置 82.0。

   注意

   ComboBox 组件元件添加到了库（"窗口">"库"）中。将组件的实例拖动到舞台上时，该组件的编译剪辑元件即被添加到了库中。与 Flash 中的所有元件一样，通过将库元件拖动到舞台上可以创建组件的更多实例。

5. 将 DataGrid 组件的一个实例从"组件"面板拖动到舞台上。将它放置在 Gift Ideas 文本的下面。输入实例名称 products_dg。输入宽度 400（单位为像素）和高度 130。再输入 x 坐标的位置 76.0 和 y 坐标的位置 128.0。
6. 将 DataSet 组件的一个实例从"组件"面板拖动到舞台的一侧。（DataSet 组件在运行时不会出现在应用程序中。DataSet 图标只是在 Flash 创作环境中使用的占位符。）输入 products_ds 作为实例名称。

   将 XMLConnector 组件的一个实例从"组件"面板拖动到舞台的一侧。（与 DataSet 组件一样，XMLConnector 组件在运行时也不会出现在应用程序中。）输入实例名称 products_xmlcon。单击"属性"检查器中的"参数"选项卡，然后为"URL"属性键入 http://www.flash-mx.com/mm/firstapp/products.xml。单击 direction 属性的值以激活组合框，单击向下箭头，然后从列表中选择 receive。

   注意

   也可以使用"组件"检查器（"窗口">"组件检查器"）设置组件参数。"属性"检查器的"参数"选项卡与"组件"检查器的"参数"选项卡工作方式相同。

   URL 指定一个外部 XML 文件，其中包含显示在应用程序 Gift Ideas 部分中的产品的有关数据。在本教程的后面部分，将使用数据绑定将 XMLConnector、DataSet 和 DataGrid 组件绑定在一起；DataSet 组件将过滤来自外部 XML 文件的数据，而 DataGrid 组件则显示这些数据。

7. 将 Button 组件的一个实例从"组件"面板拖动到舞台上。将它放置在舞台的右下角。输入实例名称 checkout_button。单击"参数"选项卡，然后为 label 属性输入 Checkout。对于 x 和 y 坐标，分别输入 560.3 和 386.0。

查看 LiveDocs 上的注释