FWMX系列：数据驱动图形向导 [1] (1)
<P>数据驱动图形向导是从MX版本开始出现的一项强劲功能。<BR>这个程序是由Dearmweaver和Fireworks圣经系列丛书的作者Joseph Lowery开发的，<BR>在FWMX内是1.00版，到了FWMX 2004时升级到了2.00版，<BR>并由aftershape.com的站长Edoardo Zubler强化了界面设计和一些附属程序。<BR><BR>研究过FW数据驱动图形向导功能的朋友相信不多，<BR>既便是FW自带的帮助文件和MM的官方网站做功能介绍时也只是一笔带过。<BR>但是这个功能确实是FW的一大利器，<BR>而且在Fireworks MX 2004推出之际，Macromedia再度声明这一功能得到改进，<BR>到底怎么样，就让我们一起来实战一次并且来个详细对照吧。<BR><BR>在这个实例中，我们使用了一张白色的衬衫做基本素材，</P><P align=center><IMG alt="" border=0 height=300 src="/bbs/attachments/websoft/20081213/200812139344021877801.jpg" width=300></P><P>以及一组漂亮的图标做衬衫的替换标誌。</P><P align=center><IMG alt="" border=0 height=100 src="/bbs/attachments/websoft/20081213/200812139344028177802.jpg" width=400></P><P>FW的数据驱动图形向导必需有一个标准的XML文件作为数据来源，<BR>这个XML文件可以由任何文本编辑器编写、由ColdFusion生成或是由软件输出来产生。<BR>我们在这里根据准备替换的图标先写了一个，命名为datasource.xml，内容如下：</P><P><FONT style="BACKGROUND-COLOR: #ffffff"><P></P><P><P><FONT style="BACKGROUND-COLOR: #ffffff"><?xml version="1.0" encoding="iso-8859-1"?><BR><items><BR><BR> <item><BR><subject></subject><BR><pic>icon1.jpg</pic><BR><linkage>http://www.msn.com</linkage><BR> </item><BR><BR> <item><BR><subject>Music</subject><BR><pic>icon2.jpg</pic><BR><linkage>http://www.music.com</linkage><BR> </item><BR><BR> <item><BR><subject>Software</subject><BR><pic>icon3.jpg</pic><BR><linkage>http://www.soft.com</linkage><BR> </item><BR><BR> <item><BR><subject>Earth</subject><BR><pic>icon4.jpg</pic><BR><linkage>http://www.internet.com</linkage><BR> </item><BR><BR> <item><BR><subject>Search</subject><BR><pic>icon5.jpg</pic><BR><linkage>http://www.google.com</linkage><BR> </item><BR><BR></items></FONT></P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016114723_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016114723_2.html'></a></b></p><P>数据驱动图形向导是从MX版本开始出现的一项强劲功能。<BR>这个程序是由Dearmweaver和Fireworks圣经系列丛书的作者Joseph Lowery开发的，<BR>在FWMX内是1.00版，到了FWMX 2004时升级到了2.00版，<BR>并由aftershape.com的站长Edoardo Zubler强化了界面设计和一些附属程序。<BR><BR>研究过FW数据驱动图形向导功能的朋友相信不多，<BR>既便是FW自带的帮助文件和MM的官方网站做功能介绍时也只是一笔带过。<BR>但是这个功能确实是FW的一大利器，<BR>而且在Fireworks MX 2004推出之际，Macromedia再度声明这一功能得到改进，<BR>到底怎么样，就让我们一起来实战一次并且来个详细对照吧。<BR><BR>在这个实例中，我们使用了一张白色的衬衫做基本素材，</P><P align=center><IMG alt="" border=0 height=300 src="/bbs/attachments/websoft/20081213/200812139344021877801.jpg" width=300></P><P>以及一组漂亮的图标做衬衫的替换标誌。</P><P align=center><IMG alt="" border=0 height=100 src="/bbs/attachments/websoft/20081213/200812139344028177802.jpg" width=400></P><P>FW的数据驱动图形向导必需有一个标准的XML文件作为数据来源，<BR>这个XML文件可以由任何文本编辑器编写、由ColdFusion生成或是由软件输出来产生。<BR>我们在这里根据准备替换的图标先写了一个，命名为datasource.xml，内容如下：</P><P><FONT style="BACKGROUND-COLOR: #ffffff"><P></P><P><P><FONT style="BACKGROUND-COLOR: #ffffff"><?xml version="1.0" encoding="iso-8859-1"?><BR><items><BR><BR> <item><BR><subject></subject><BR><pic>icon1.jpg</pic><BR><linkage>http://www.msn.com</linkage><BR> </item><BR><BR> <item><BR><subject>Music</subject><BR><pic>icon2.jpg</pic><BR><linkage>http://www.music.com</linkage><BR> </item><BR><BR> <item><BR><subject>Software</subject><BR><pic>icon3.jpg</pic><BR><linkage>http://www.soft.com</linkage><BR> </item><BR><BR> <item><BR><subject>Earth</subject><BR><pic>icon4.jpg</pic><BR><linkage>http://www.internet.com</linkage><BR> </item><BR><BR> <item><BR><subject>Search</subject><BR><pic>icon5.jpg</pic><BR><linkage>http://www.google.com</linkage><BR> </item><BR><BR></items></FONT></P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016114723_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016114723_2.html'></a></b></p>
<P></P><P></P><P>这里可以看到，XML的标签都是可以自定义的。<BR>其中的subject、pic、linkage，将成为我们数据驱动图形向导的变量标签。<BR>XML的书写格式标准和注意事项请参阅相关文档，这里就不赘述了。</FONT></P><BR><p></p></p><p align='center'><b><a href='/news/news001/Fireworks/200510/20051016114723.html'></a><a href='/news/news001/Fireworks/200510/20051016114723.html'></a> <font color='red'></font> </b></p>
页:
[1]