在Flash中使用XMLConnector组件

在本文中，你将学习在Flash MX 2004中数据绑定意味着什么，以及动态数据绑定是怎样让组件响应用户输入的。

一、让我们开始：检查自行车旅行程序及其数据

这个程序从一个外部XML文件中读自行车旅行信息，然后显示这些信息。用户可以用名称选择任一旅行项目，还可以看相应的介绍、价格和图片。当所选择的旅行项目改变时，这些内容也会更新。



1.下载下载">XMLConnector.zip，解压到一个本地目录。
2.文件和目录结构如下：
完成的程序：XMLConnector_done.fla
未完成的程序：XMLConnector_raw.fla
数据：data/trips.XML
图片：
images/bigsur.jpg
images/grandcanyon.jpg
images/greatsmokies.jpg
images/natchez.jpg
images/vermont.jpg
images/napa.jpg
阶段完成的程序(测试点)：
solution/XMLConnector_step1_done.fla
solution/XMLConnector_step2_done.fla
solution/XMLConnector_step3_done.fla
solution/XMLConnector_step4_done.fla
solution/XMLConnector_step5_done.fla
3.在FlashMX Professional 2004.打开XMLConnector_done.fla
4. 选择 控制 > 测试影片 开始测试程序。
5. 改变在ComboBox组件中的旅行项目名称，查看图片和内容的更新情况。
6. 打开文件data/trips.XML，检查XML数据结构。
7. 关闭XMLConnector_done.fla，但保持data/trips.XML在打开状态以备稍后再检查。

二、设置程序以使用XMLConnector组件

为了使用XMLConnector组件，你必须在程序中放一个组件实例，为它设置数据源XML文件，并且加一个行为来触发这个组件在程序装载时装载数据。

1. 在Flash MX 2004中打开XMLConnector_raw.fla文件，将它另存为XMLConnector_step1.fla.
2. 看看层的结构；注意只有背景和静态文本层有内容。

注意：尽管文本包含一个代码层，你将通过增加行为的方法添加代码，所以你不必处理代码。但是，对于好的文件组织，应该将代码放在一个单独的层中，而不是放在可视内容层中。

3. 打开组件面板，拖一个XMLConnector 组件实例到你的程序的code层中，将它放在舞台旁边，靠近写有Bike Trip Central的静态文本（用工具箱中的文本工具写出）左边的地方。



注意：虽然XMLConnector组件在运行时是不可见的，但如果将它放在舞台上，在设计时会干扰其他部分，所以，建议你把它放在旁边。

4. 选中XMLConnector组件，打开属性窗口，单击参数表，设置下面的值：
o 组件<实例名称>：xcTrips
o URL：data/trips.XML
o Direction：receive
保留其它属性值为默认:
o ignoreWhite: true
o multipleSimultaneousAllowed: true
o suppressInvalidCalls: false

注意：通常设置ignoreWhite:true，在读XML时忽略空白，当你不知道源XML是否包含可读空白时，使用其它的两个设置，它们与通过组件发送的XML数据有关，本文不涉及。

5. 加一个触发器数据源行为到代码层的第一帧，用来触发XMLConnector组件装入数据：
a) 选择代码层的第一帧。
b) 打开 行为 面板。
c) 按 (+) 按钮添加一个新行为。
d) 选择 数据 > 触发器数据源。
e) 从 选择数据源组件 对话框中选择xcTrips。
这个行为添加了如下的代码到代码层：

this.xcTrips.trigger();

行为是Flash MX 2004的一个新特性。行为可以添加预写代码到程序中。本例中的行为引发XMLConnector组件(组件名为xcTrips)执行其 trigger()方法，当播放这个单帧程序的第一帧时，从trips.XML文件中装入数据。在该帧的时间轴上可以看到一个小写字母“a”，指示代码已添加到这一帧。

6. 测试程序，验证数据装入过程：
a) 选择 控制 >测试影片 测试程序。
b) 选择 调试 > 变量列表 检查程序中的可用变量。
c) 按Control-F 查找已调用的变量：level0.xcTrips.results
d) 检查这个变量中的XML数据；注意它与trips.XML 中值的匹配。
7. 导入data/trips.XML作为xcTrips的架构：
a) 选择xcTrips。
b) 打开 组件检查器 面板。
c) 选择 架构 表。
d) 选择results:XML 属性。
e) 按位于架构表右上角的“从示例XML文件导入架构”按钮。
f) 打开/data目录，选择trips.XML，按 打开。



8. 在XMLConnector_step1.fla和data/trips.XML之间切换，比较在xcTrips组件的results:XML属性中的导入的数据架构和在data/trips.XML文件中的XML数据。
对比如下：



9. 保存对XMLConnector_step1.fla的改变。

五、绑定XML数据到一个ComboBox组件

1. 将XMLConnector_step1.fla另存为XMLConnector_step2.fla。
2. 打开组件面板，拖一个ComboBox组件的实例到舞台上code层中，将它放在静态文本“Trip”的下面。
3. 打开这个ComboBox实例的属性面板，设置下面的值：
实例名：cbTrips
宽：120

注意：虽然你能在属性面板中设置静态的，默认标签（Label），但不要在这儿这样做，因为XMLConnector组件xcTrips将动态地为这个ComboBox提供标签和数据。

4. 从XMLConnector组件xcTrips中暴露trip对象数组，作为一个可用的绑定：
a) 选择xcTrips.
b) 打开 组件检查器 面板，选择 绑定 表。

[1] [2] [3] [4]  下一页