在Flash MX Professional 2004中使用XMLConnector组件

本文介绍如何在Flash MX Professional 2004中利用XMLConnector组件创建数据驱动的用户界面,无需编写ActionScript代码。文章涵盖配置组件、数据绑定等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 
网址:
[url=http://www.macromedia.com/devnet/mx/flash/articles/xmlconnector.html]http://www.macromedia.com/devnet/mx/flash/articles/xmlconnector.html[/url]
下载本文的代码:
[url=http://download.macromedia.com/pub/developer/xml_connector.zip]connector.zip[/url]
(2.59 MB)
经验级别:中等
阅读本文的知识背景:
1.熟悉Flash
2.看过XML
3.知道为什么数据驱动的web应用程序有用
[1b]一、简介[/1b]
     从Macromedia Flash 5开始我们就可以使用XML文档了,现在我们可以用XMLConnector组件更容易地获取XML数据并在Flash中显示,在Flash MX Professional 2004中还有新增的动态数据绑定功能。在本文中,我们介绍一种快速和容易的方法,在Flash MX Professional 2004中创建XML数据驱动接口,不需要手工写一行ActionScript程序,当然,如果你愿意,也可以用手工写ActionScript脚本来完成同样的功能。
本文含盖以下内容:
1.配置XMLConnector组件和它的架构
2.绑定复杂的数据到ComboBox组件
3.动态绑定text数据到TextInput和TextArea组件
4.格式化动态绑定的数据
5.动态绑定图象到Loader组件
    在本文中,你将学习在Flash MX 2004中[1b]数据绑定[/1b]意味着什么,以及动态数据绑定是怎样让组件响应用户输入的。
[1b]二、让我们开始:检查自行车旅行程序及其数据[/1b]
     这个程序从一个外部XML文件中读自行车旅行信息,然后显示这些信息。用户可以用名称选择任一旅行项目,还可以看相应的介绍、价格和图片。当所选择的旅行项目改变时,这些内容也会更新。
1.下载
[url=http://www.flashempire.com/school/img4/XMLConnector.zip]XMLConnector.zip[/url]
,解压到一个本地目录。
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在打开状态以备稍后再检查。
[1b]三、设置程序以使用XMLConnector组件[/1b]
     为了使用XMLConnector组件,你必须在程序中放一个组件实例,为它设置数据源XML文件,并且加一个行为来触发这个组件在程序装载时装载数据。
1. 在Flash MX 2004中打开XMLConnector_raw.fla文件,将它另存为[1b]XMLConnector_step1.fla[/1b].
2. 看看层的结构;注意只有背景和静态文本层有内容。
[1b]注意[/1b]:尽管文本包含一个代码层,你将通过增加行为的方法添加代码,所以你不必处理代码。但是,对于好的文件组织,应该将代码放在一个单独的层中,而不是放在可视内容层中。
3. 打开组件面板,拖一个XMLConnector 组件实例到你的程序的code层中,将它放在舞台旁边,靠近写有Bike Trip Central的静态文本(用工具箱中的文本工具写出)左边的地方。
[img]/uploads/allimg/080329/1716010.jpg[/img]
[1b]注意[/1b]:虽然XMLConnector组件在运行时是不可见的,但如果将它放在舞台上,在设计时会干扰其他部分,所以,建议你把它放在旁边。
4. 选中XMLConnector组件,打开属性窗口,单击参数表,设置下面的值:
    o 组件:[1b]xcTrips[/1b]
    o URL:[1b]data/trips.xml[/1b]
    o Direction:
本文转自:http://www.5uflash.com/flashjiaocheng/Flashzujianxuexi/1307.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值