……
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)表示层、数据层和资源层的分离,降低了各层间的藕合度,便于对内容进行维护、