数据驱动图形向导是Fireworks从MX版本开始出现的一项强劲功能。
这个程序是由Dearmweaver和Fireworks圣经系列丛书的作者Joseph Lowery开发的,
在FWMX内是1.00版,到了FWMX 2004时升级到了2.00版,
并由aftershape.com的站长Edoardo Zubler强化了界面设计和一些附属程序。
研究过FW数据驱动图形向导功能的朋友相信不多,
既便是FW自带的帮助文件和MM的官方网站做功能介绍时也只是一笔带过。
但是这个功能确实是FW的一大利器,
而且在Fireworks MX 2004推出之际,Macromedia再度声明这一功能得到改进,
到底怎么样,就让我们一起来实战一次并且来个详细对照吧。
在这个实例中,我们使用了一张白色的衬衫做基本素材,

以及一组漂亮的图标做衬衫的替换标誌。

FW的数据驱动图形向导必需有一个标准的XML文件作为数据来源,
这个XML文件可以由任何文本编辑器编写、由ColdFusion生成或是由数据库软件输出来产生。
我们在这里根据准备替换的图标先写了一个,命名为datasource.xml,内容如下:
<?xml version="1.0" encoding="iso-8859-1"?>
<items>
<item>
<subject>MSN</subject>
<pic>icon1.jpg</pic>
<linkage>http://www.msn.com</linkage>
</item>
<item>
<subject>Music</subject>
<pic>icon2.jpg</pic>
<linkage>http://www.music.com</linkage>
</item>
<item>
<subject>Software</subject>
<pic>icon3.jpg</pic>
<linkage>http://www.soft.com</linkage>
</item>
<item>
<subject>Earth</subject>
<pic>icon4.jpg</pic>
<linkage>http://www.internet.com</linkage>
</item>
<item>
<subject>Search</subject>
<pic>icon5.jpg</pic>
<linkage>http://www.google.com</linkage>
</item>
</items>
这里可以看到,XML的标签都是可以自定义的。
其中的subject、pic、linkage,将成为我们数据驱动图形向导的变量标签。
XML的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。
工作开始,跟一般的影像编辑没有区别。
在FWMX系列的数据驱动图形向导可以支持三种元素的自动替换,
分别是文字、图形影像和链接,我们都来试一遍。
先以FWMX为例,我们做好了文字、影像和链接的相关处理和定位。
然后定义变量,数据驱动图形向导的所有变量标签需要用大括号引用。
在文字部分,变量可以直接写在源文件上。
可以应用文字字体,编排形式,轮廓外框,实时特效,
动态替换的文字将对应你在文字变量上应用的效果设置。

图片的变量,参见下图中间的双圆形部分,
变量名可以通过属性面版和层面版来定义。
同样,对图片的编辑,特效滤镜的运用,
都会对动态替换的图片造成一致的影响。

使用切片或是热点工具,都可以设置链接变量,
变量写在属性面版的链接栏位内,
为做深入测试,本例还加设了翻转图片行为。

确定所有工作都已完成,
在应用数据驱动图形向导之前,
记得先储存你的文件。
如果你忘记的话,
在你执行数据驱动图形向导时,
系统会先弹出警告窗口提示:


存档完成了吗?
好,最激动人心的时刻开始了,
打开菜单命令-->数据驱动图形向导。

弹出的面版是程序六步骤的第一步,
选择数据来源。
这上面我们可以看到我们在源文件中定义的变量类型和数目,
选择你的XML文件路径和替换标誌图片所在的文件夹。
左下角的问号是当前步骤的帮助文件,
如果有问题可以打开参考下,
在问号右侧的 i 标记则是程序设计声明。

按 Next 键进入下一步,预览数据。
这里是变量数据的分项记录,
用面版上四个圆形箭头按钮来进行每项记录核对。

第三步,选择记录执行。
程序默认的是全部记录,
另外是首项记录,多半用于测试看效果用的。
你也可以选择分项记录执行,
每个分项用半角逗号分隔,见图示:

确定后进入第四步,指示变量到确定栏位。
下面的文字框显示了已经确定连结的变量和栏位关系。
如果你是从别的文件或数据库导出的XML文件的话,
上方的选框很可能还会有其他变量和栏位记录,
我们可以用面版右侧的加减符号按钮来增减变量组合。

现在需要决定的是输出设置。
确定你的文件名,文件格式,
指定输出文件群组和生成源文件群组的路径。
这里要注意的是:
不管你最初的源文件模版设定输出格式为何,
进行数据驱动图形向导程序的话,
输出文件格式以你在此面版的设置为准。
如果没有变化,可以使用默认的Template Export Settings。

最后作执行程序前的预览,
确认所有数据正确后,
按 Done 键执行数据驱动图形向导操作。

看下输出后的结果,
以下是经过综合加工的示意图:

哎,这不都是静态图吗?我们的链接呢?
别急,如果你进行过程中设置了输出源文件群组的话,
随便打开任何一个生成的源文件,
看链接栏位,不是也动态更新了吗?
而且切片的行为还一样保留着,
需要的话,再输出成网页就可以了。

因为涉及到文件路径的操作,
在程序执行时不能更改相关的文件夹名或删除文件夹,这是常识。
不过FWMX在数据驱动图形向导执行结束后,
甚至于关闭最初的源文件模版也不能更改相关的文件夹名或删除文件夹,
直到关闭Fireworks MX才可以,这就算件奇事了。
同样情形在FWMX 2004下倒没有出现这种现象。
以下是Fireworks MX执行完后对文件夹更名和删除的截图。


试验完了FWMX下的数据驱动图形向导,
再来看看FWMX 2004下升级后的新版本表现如何。
有了FWMX的操作经验,玩起来驾轻就熟。
综观FWMX 2004下的数据驱动图形向导,
除了界面有所改动外,
功能上改动最大的是最后两步:
在输出设定中,多了使用根据数据分项栏位命名方式。

在最终预览设置面版,
多了记录设定的选项,
试用结果,很满意。
在关闭最初的源文件模版后再打开该文件,
执行数据驱动图形向导,
所有记录全部在内预设了,
一路 Next 到 Done 就好。

做完了这些,
再来测试下数据驱动图形向导对中文的反应。
XML本身对中文的支持度很好,
但是FWMX系列的数据驱动图形向导似乎不买这个帐,
如果你在XML文件内用到中文,
程序会提示你文件内容格式不符标准的信息,
或者在执行数据驱动图形向导的过程中略过中文变量部分。


数据驱动图形向导的原作者Joseph Lowery,
在Macromedia官方网站上有一篇专文介绍该程序的使用要点,
不过我相信他没有拿来测试过中文,哈哈~
http://www.macromedia.com/devnet/mx/studio/articles/ddgw.html
效果图在中文Macromedia官方网站也有:
http://www.macromedia.com/cn/software/fireworks/productinfo/newfeatures/
data_graphics_full.html
有兴趣的朋友们都可以参考对照下。
到这里,教程该结束了。
我想大家已经能明白数据驱动图形向导的使用方法。
这件利器的应用可以是许多方面,
例如多图的部分元件替换,如本例;
也可以是网站多个同风格的banner,如原作者的实例;
或者也可以是制作多人的名片或会员卡。
数据驱动图形向导的优势是只需要做一个最初的源文件模版,
以后有其他修正就只需要更改XML文件就好了,
剩下的就让数据驱动图形向导来自动完成。
顺便把我做的一些文件打包让大家下载,
其中也包括最初的源文件模版和XML文件,供大家实践参考.