| 搜索频道 | 源码下载 | 站长代码论坛 | 文章分类 | 最新专题 | 源码交易 | 加入收藏
首页|资讯|图形图像|网站开发|程序设计|数据库|多媒体|机械电子|办公系列|路由技术|原理|应用|考试|系统
文章搜索:
 您的位置:首页图形图像FireworksFireworks基础教程 → FWMX系列:数据驱动图形向导
FWMX系列:数据驱动图形向导

日期:2006-6-3 10:13:06 人气:     [ ]
上一页 [1] [2] 下一页

数据驱动图形向导是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文件的话,
上方的选框很可能还会有其他变量和栏位记录,
我们可以用面版右侧的加减符号按钮来增减变量组合。

上一页 [1] [2] 下一页
出处:本站原创 作者:zzcode
 

 热点文章

·FW MX 2004教程(2):绘..
·FW MX 2004教程(3):矢..
·FW MX 2004教程(一)..
·FW MX 2004教程(2):绘..
·FW MX 2004教程(5):文..
·FW MX 2004教程(4):特..
·FW MX 2004教程(3):矢..
·FW MX 2004教程(8):动..
·FW MX 2004教程(10):链..
·FW MX 2004教程(9):图..
·FW MX 2004教程(6):动..
·Fireworks MX2004之Sh..
·FW MX 2004教程(11):自..
·FW MX 2004教程(一)..
·Fireworks MX 2004 简..

 推荐文章

·端午非物质文化遗产登..
·动态网站Web开发PHP、..
·PS绘中秋佳节的一轮明..
·细谈网页优化和网站优..
·建站常识:如何使用FT..
·如何快速建造一个成功..
·ASP.NET 2.0 中的创建..
·ASP.NET2.0服务器控件..
·在ASP.NET应用中插入f..
·用Photoshop打造逼真立..
·Windows 2003搭建虚拟..
·站长必读:Web创业的1..
·如何测试机房的速度和..
·北京奥运体育图标发布..
·网络视频广告将身价百..