Fireworks CS4在绘图工具上的变化并不太多，如图7所示。

　　图7 Fireworks CS4的绘图工具

　　只是在矢量工具中新增了两个工具，【测量】 工具和【箭头线】 工具，由于我的测试软件的原因，在使用【测量】工具的时候总是会有错误提示，下面把这两个工具简单的介绍一下。

　　1.1 【测量】工具的使用   

　　【测量】工具是Fireworks CS4中用来测量对象实际尺寸的一个工具，在网页效果图设计中，我们经常需要测量某些对象的尺寸，或者是某些对象一部分的尺寸，在以前的版本中可以通过使用辅助线来测量，但是总是比较麻烦，现在则可以使用【测量】工具快速测量对象的尺寸，具体使用方法如下：

　　1、打开需要测量的图像素材，如图1-2所示，在这里需要测量图像中易拉罐的大致尺寸，需要注意的是这是一张位图，对于Fireworks以往的版本而言，在没有去掉图像背景并且把图像选取下来之前，测量其宽高是非常麻烦的。

图8 在Fireworks中打开图像素材

　　2、现在有了【测量】工具，一切都会变得非常简单，在矢量工具组中选择【测量】工具，在易拉罐的左上角的位置开始按住鼠标左键不动，向右下角的方向拖拽鼠标，一直拖拽到易拉罐的右下角来，如图9所示。

图9 使用【测量】工具

　　3、这样，所拖拽范围的尺寸就能够在【属性】面板的【宽度】和【高度】文本框中显示出来。

　　4、做一个简单的比方，当我们使用【指针】工具选择对象的时候是可以拖拽一个范围的，如图10所示。

图10 使用指针工具选择对象

　　5、而【测量】工具的作用等于就是显示了这个范围的宽度和高度。

　　【提示】使用【测量】工具，可以测量任意的范围，包括整体的宽高或者只是宽度和高度。

　　1.2 【箭头线】工具

　　可以说【箭头线】工具在以前的各个版本的Fireworks中都存在，什么？哪里有？你用过【命令】→【创意】→【添加箭头】命令吗？对了，就是它了，现在等于是把这个命令集成到了Fireworks的工具面板中，如图11所示。

图11  添加箭头命令

　　使用【箭头线】工具可以快速绘制各种箭头线条效果，即可以给线条的一侧添加，也可以加到两头上，甚至是不要箭头，如图12所示。

图12  绘制的各种箭头效果

　　【箭头线】工具作为Fireworks CS4的自动形状工具出现在矢量工具部分中，对箭头样式的调整，只需要单击线条两侧的黄色控制点即可。

　　1.3 【属性】面板的用户体验

　　学工具看属性，我想这句话地球人都知道，Fireworks CS4在【属性】面板的用户体验上也进行了改进，可以把任何的面板组合的【属性】面板中去，这其实和Flash CS3比较类似。

　　例如可以把最常用的【对齐】面板组合进来，这样以后就不用总是从【窗口】菜单去选择了，确实是方便了很多，如图13所示。

图13 把各种面板组合到属性面板中

　　智能辅助线其实不算是什么新功能，在Flash8里就已经引入了这个功能，要说“新”只能是针对于Fireworks而言，不过确实还是很实用的功能。

　　在Fireworks CS4中拖拽或移动对象的时候，智能辅助线就能够自动在对象的边缘产生洋红色的虚线来帮助对齐，如图14所示。

图14 智能对齐工具

　　实用智能辅助线，对齐对象将会更加精确，可以在【视图】→【智能辅助线】菜单中进行相应的设置，如图15所示。

图15 智能辅助线的设置

　　1.5 文本工具的新属性

　　在使用【文本】工具向画布中输入文字后，【属性】面板中的文本属性多了一个新的设置，如图16所示。

图16 文本工具的新属性

　　至于这个属性的作用，目前还不是很清楚，能够知道的是它可以根据所选择的字体自动显示这个字体的粗细，包括：粗体、正常、中间。至于有什么用还得等正式版出来以后再说了。

　　1.6 无处不在的样式

　　Fireworks的样式对于提高创作效率的重要性大家都知道，可惜的是这次下载的试用版中并没有带任何的样式，不知道adobe在Fireworks CS4中能否增加一些新的样式呢？让人还是有些期待的，如图17所示。

图17 Fireworks CS4的【样式】面板

　　但是这并不影响我对Fireworks CS4的测试，导入了以前版本的样式，一样可用，如图18所示。

图18 导入样式

　　当在Fireworks CS4的画布中选择任何一个对象的时候，在【属性】面板的右侧，多了一个关于样式的对话框，如图19所示。

图19 【属性】面板中的样式对话框

　　点击向下的三角箭头，就可以选择【样式】面板中的所有样式，并且应用到图形之上，如图1-14所示。

图20 选择样式

　　在样式对话框的下方还有4个按钮，作用分别如下：

　　【新建样式】   ：可以把所选择对象上的效果保存为样式。

　　【重定样式】   ：可以把对当前样式的修改保存到这个样式中。

　　【取消链接】 ：去掉当前对象和所选择的样式之间的关联，这样再次保存成样式的话就可以保存成一个新的样式。

　　【删除样式】 ：删除所选择的样式。

　　可以说，样式表在FireworksCS4中已经无处不在了，发挥样式的强大功能，可以提高工作效率、轻松分享作品。

　　与其说是新增，不如说是改进，Fireworks CS4在面板中对【对齐】面板和【路径】面板进行了明显的改进，如下图所示：

图21 对齐面板

　　下面是Fireworks CS3和Fireworks CS4【路径】面板的对比，变化还是不少啊。

图22 Fireworks CS3路径面板

图23 Fireworks CS4路径面板

　　同样地，我已经把这两个面板提取出来了，大家可以复制到你的Fireworks8或者Fireworks CS3软件中就马上可以体验到Fireworks CS4的新功能了，具体复制到 C:\Program Files\Adobe\Adobe Fireworks CS3（或8）\ Configuration\Command Panels
　　即可，然后重新启动软件就可以使用了。（ 点击下载对齐面板   点击下载路径面板）

　　在Fireworks CS4中，新增了两个命令，一个是【导出mxml-g】命令，另外一个是【保存全部】命令，这里重点介绍一下【导出mxml-g】，在介绍之前，先了解一下什么是mxml文件。

　　MXML（Macromedia XML?）
　　MXML是Macromedia在2004年三月发布的一种描述界面的标记语言，基于XML标准。与微软的WPF技术体系不同的是，MXML必须在服务器端编译为swf，然后发布到客户端。客户端，或者我们叫做”Runtime”，可以执行这些swf，展现成界面、实现各种功能。我们常见的Runtime就是常说的Flashplayer。而最近非常红火的”Apollo”更名后的”AIR”，就是一种新的”Runtime”。微软的XAML（eXtensible Application Markup Language）很像MXML，也是一种描述应用界面、交互的基于XML的标记语言，但是它实在发到客户端再解释的（目前还不确定未来的具体实现）。
　　Flex 由 Macromedia 公司发布的 表现服务器(Presentation Server)提供给 programmer 所熟悉、基于标准的编程框架和功能强大的组件用于开发和部署丰富客户端应用程序的表示层。Flex 开发者使用MXML文件,该文件直观的基于 XML 的语言和actionScript 来定义丰富的用户界面，由 Flex 服务器翻译成智能的客户端应用程序，由客户端的flash player或者shockwave player解释执行，所以想点击查看网页源文件，是根本什么都查不到的，当然使用搜索引擎是不能检索到它们的。
　　这样也引来一个问题 运用Flash是完全可以做到flex的效果的，为什么还需要flex呢？
　　我理解是这样的：为了迎合更多的程序员，flash的动画概念和写程序的开发人员格格不入，为了吸引更多的jsp/asp/php等程序员，Macromedia推出了Flex用非常简单的.mxml来描述界面和jsp/asp/php程序人员使用.html非常相似，而且mxml更加规范化、标准化。

　　另外还有一个误区就是，MXML就是应用程序。这是绝对错误的。MXML只是一种描述，最终运行，还是需要编译好的SWF+Runtime。对于传统的Flash开发人员，可以这么理解：MXML就好比FLA，FlexBuilder就好比FlashIDE把FLA变为SWF那样把MXML变为SWF。

　　AIR（Adobe Integrated Runtime）
　　AIR是Apollo Intergeted Runtime。AIR程序都是跑在AIR这个Runtime之上的。这就好比SWF文件在Flashplayer中运行一样。
　　AIR的组成和发布非常简单：一个描述应用的XML+一个根节点资源+一个打包工具。
　　在我们使用Flex Builder3简历AIR项目的时候，一般都会自动产生一个MXML和个XML。用Flex编译好的SWF，作为这个AIR的默认根节点，然后可以通过Flex Builder3 发布成为air安装包。然而这并不意味着我们只能用Flex开发AIR应用！我们只要有swf，并且把这个swf描述成为AIR应用的根节点资源，就可以利用Flex Builder3的打包工具发布我们的air安装包了！

　 看了上面的内容我想你对mxml已经有了一个大致的了解，通过使用Fireworks CS4的【导出mxml-g】命令，可以在Fireworks CS4中开发flex界面，也就意味着Fireworks CS4将会和Flash的结合更进一步。下面大家看一个简单的演示：

　　1、在Fireworks CS4中打开制作好的图形界面，如图24所示。

图24

　　2、选择【命令】→【export mxml-g】命令，如图25所示。

图25

　　3、这时会打开相应的对话框，如图26所示，可以设置文件名称。

图26

　　4、选择导出的位置，如图27所示。

图27

　　5、生成了一个图像文件和一个mxmlg文件，如图28所示。

图28

　　6、在记事本中打开mxmlg文件的代码，如图29所示。

图29

　　我已经把这两个命令提取了出来，你只需要复制到C:\Program Files\Adobe\Adobe Fireworks CS3（或8）\Configuration\Commands文件夹中就可以使用了，点击下载 fireworks命令。

图30 打开文件信息

图31 说明

图32

图33

图34 IPTC联系信息

图35

图36

图37

图38

图39

图40

图41

图42

图43

图44

图45

图46

图47