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

折翼的蓝色梦

折翼的蓝色梦

2016-02-19 19:18

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享FWMX系列:数据驱动图形向导 [1],希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

数据驱动图形向导是从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,内容如下:

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

?xml version="1.0" encoding="iso-8859-1"?
items

 item
  subject/subject
  picicon1.jpg/pic
  linkagehttp://www.msn.com/linkage
 /item

 item
  subjectMusic/subject
  picicon2.jpg/pic
  linkagehttp://www.music.com/linkage
 /item

 item
  subjectSoftware/subject
  picicon3.jpg/pic
  linkagehttp://www.soft.com/linkage
 /item

 item
  subjectEarth/subject
  picicon4.jpg/pic
  linkagehttp://www.internet.com/linkage
 /item

 item
  subjectSearch/subject
  picicon5.jpg/pic
  linkagehttp://www.google.com/linkage
 /item

/items

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

    

数据驱动图形向导是从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,内容如下:

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

?xml version="1.0" encoding="iso-8859-1"?
items

 item
  subject/subject
  picicon1.jpg/pic
  linkagehttp://www.msn.com/linkage
 /item

 item
  subjectMusic/subject
  picicon2.jpg/pic
  linkagehttp://www.music.com/linkage
 /item

 item
  subjectSoftware/subject
  picicon3.jpg/pic
  linkagehttp://www.soft.com/linkage
 /item

 item
  subjectEarth/subject
  picicon4.jpg/pic
  linkagehttp://www.internet.com/linkage
 /item

 item
  subjectSearch/subject
  picicon5.jpg/pic
  linkagehttp://www.google.com/linkage
 /item

/items

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

    

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

这里可以看到,XML的标签都是可以自定义的。
其中的subject、pic、linkage,将成为我们数据驱动图形向导的变量标签。
XML的书写格式标准和注意事项请参阅相关文档,这里就不赘述了。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

    

展开更多 50%)
分享

猜你喜欢

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

设计创意
FWMX系列:数据驱动图形向导 [1]

FWMX系列:数据驱动图形向导 [4]

设计创意
FWMX系列:数据驱动图形向导 [4]

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

FWMX系列:数据驱动图形向导 [2]

设计创意
FWMX系列:数据驱动图形向导 [2]

FWMX系列:数据驱动图形向导 [3]

设计创意
FWMX系列:数据驱动图形向导 [3]

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

精通数据库系列之入门-技巧篇1

SQLServer
精通数据库系列之入门-技巧篇1

精通数据库系列之入门-基础篇1

SQLServer
精通数据库系列之入门-基础篇1

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Fireworks绘制水粉画

Fireworks绘制水粉画

俄罗斯Vladimir Mukhin写实淑女油画

俄罗斯Vladimir Mukhin写实淑女油画
下拉加载更多内容 ↓