当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > FWMX系列:数据驱动图形向导 [1]

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 FWMX系列:数据驱动图形向导 [1]


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 72 ::
收藏到网摘: n/a

数据驱动图形向导是从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></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的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。