……

　　
　　

XML 文档形成了一种树结构，它从“根部”开始，然后扩展到“枝叶”。"root" 标记是这个

XML 文档的根元素，"node" 标记是根元素下面的子元素， 一个根元素可以有多个子元
素，

"subnode" 标记是"node" 元素下面的子元素，每一个子元素也都可以包含多个子元素。

这里用

"label" 和"url"来描述视频资源的两个基本属性：名称和存放位置。如果有更多的视频，

按照这种方式依次扩展。
　　

3.3 利用 xmlconnector 组件实现数据绑定——数据层

　　（

1）设置 xmlconnector 组件的实例参数，将 url 值设置为先前创建的 video.xml 文档，

数据传送方向设为

receive，意为只是将 xml 数据装入 Flash 影片。

　　（

2）将 XMLConnector 组件与 XML 数据进行绑定。打开 XMLConnector 组件的组件检

查器，在架构选项卡下选择

”results：XML”属性，单击“从示例 XML 文件导入架构”，选择

建立的

video.XML 文件导入架构。

　　

3.4 创建系统导航——表示层

　　（

1）创建一个 list 组件，并进行实例化。

　　（

2）将 XMLConnector 组件与 list 组件进行绑定。

　　打开

XMLConnector 组件的组件检查器，在“绑定”选项卡下添加绑定，选择”node：

Array”将绑定到 list 组件上。
　　选定绑定项，将

”direction”值设置为”out”，因为这里是将 XMLConnector 组件的数据绑

定 到

List 组件 。设 置 ”bound  to”字段 ，在 Component  path 中 选择 List 组件 ，在 Schema 

location 中选择”dataProvider”属性。这样，数据就会由 XMLConnector 组件传递给 L ist 组件，
并在

L ist 组件中显示出来。

　　（

3）触发 XMLConnector 组件。完成组件之间的数据绑定之后，还要对 XMLConnector

组件进行触发。这样在运行时

XMLConnector 组件就会将 XML 数据加载到程序中。其触发代

码如下：
　　

Var cnc：mx.data.components.XMLConnector；

　　

cnc. trigger（ ） ； //这里 cnc 为 XMLConnector 组件实例名

　　

3.5 创建视频播放窗口

　　（

1）创建一个 FLVPlayback 组件，并进行实例化和属性设置。

　　（

2）将 FLVPlayback 组件与 list 组件进行绑定。

　　首先为

list 组件实例的 selectedItem 属性添加 label 和 url 属性。

　　再将

url 的值映射到 FLVPlayback 组件实例的 contentPath 属性。在 list 组件检查器中设

置

”bound  to”，组件路径设置为： FLVPlayback 组件实例，架构位置为： contentPath：

string。List 组件的 url 属性中包含到达 flv 视频的路径，当选择 List 组件的列表项时，

 

FLVPlayback 组件就会自动播放与之相对应的视频。
　　

4、结语

　　基于

flash 组件的视频点播系统三层架构模型具有如下几个特点：

　　（

1）表示层、数据层和资源层的三层架构模型功能完善，应用灵活，选择不同的组件

及组件组合，可以快速地建立满足不同实际需求的系统。如：

 使用 tree 组件和 Loader 组件

构建一门课程的框架结构。
　　（

2）表示层、数据层和资源层的分离，降低了各层间的藕合度，便于对内容进行维护、