主题:  体验Fireworks9的快感!公用库的使用 part1

froglt

职务:普通成员
等级:1
金币:6.9
发贴:22
注册:2006/12/11 17:46:43
#12006/12/25 22:04:10
对于Flash来说,“库”是非常重要的一个概念,在Flash的“库”面板中可以保存当前影片中所用到的所有元件、位图、声音和视频。它就好像是一个仓库,不但可以保存当前影片中所有的素材,还可以不断地进行调用,而且不会增加文件量(即实惠,量又足~),同样的“库”的概念在Fireworks中也有,但是在Fireworks 9以前的版本中,“库”和“元件”的主要作用一个是可以帮助用户通过补间实例的方法来制作过渡图形,还有就是来制作Gif动画和网站中的交互按钮,相对于Flash ,Fireworks 中“库”和“元件”的重要性如远远不如Flash ,可以说在进行图形绘制的时候是不一定必须使用到“元件”和“库”的。
在Fireworks 9中,“库”的作用被大大增强了,在Windows(窗口)菜单中,多了一个Common Library(公用库)选项,这也是在本教程中着重给大家介绍的Fireworks 9的新功能。图1.1所示。


图1.1 Common Library(公用库)选项
选择【Common Library(公用库)】命令后,可以打开Fireworks 9的【Common Library(公用库)】面板,效果如图1.2所示。


图1.2 【Common Library(公用库)】面板
在安装了Fireworks 9以后,【Common Library(公用库)】面板中会包含有默认的Flex Widgets(伸展窗口),在这些窗口中包含了Fireworks 9所提供的一系列的表单图形元件。下面通过一些实际的操作来给大家介绍一下Fireworks 9【Common Library(公用库)】面板中元件的使用。具体操作如下所示:
1、新建一个Fireworks文件。
2、在弹出的【新建文档】对话框中设置画布的宽度为660像素,高度为440像素,背景颜色为灰色。如图1.3所示。


图1.3 新建一个Fireworks画布
3、打开Fireworks 9的【Common Library(公用库)】面板。把面板中的元件“Button”拖拽到画布中,效果如图1.4所示。

图1.4 把元件拖拽到画布中
4、选择【窗口】@@【Symbol Properties(元件属性)】命令,打开Fireworks 9的元件属性面板,效果如图1.5所示。


图1.5 元件属性面板
5、选中画布中的按钮元件,这时其相应的属性在元件属性面板中显示出来。可以通过更改这些元件属性的值,从而改变画布中元件的属性效果。
6、原图和修改后的效果如图1.6所示。


图1.6 原图和修改后的效果
同样的,在Fireworks 9的公用库中所提供的默认元件都可以进行事后的修改,这样使得同一元件在重复应用上有了更多的变化,更加适合大型项目的制作。
7、Fireworks 9中,所有的公用库元件都保存在安装目录的“Configuration\Common Library\Flex Widgets”文件夹中,通过观察,可以发现每个元件都由一个PNG的图形文件和一个JSF文件来组成,如图1.7所示。


图1.7 公用库文件夹
如果使用记事本打开任何一个JSF文件,可以发现在这个JSF文件中包含了所有的元件属性的定义,也就是在元件属性面板中可以进行修改的选项代码,这些代码使用了javascript脚本语言来进行定义。如图1.8所示。



图1.8 打开JSF文件
写在后面的话
看到这里,相信很多朋友都会感觉到Fireworks 9所提供的公用库和Flash里所提供的“组件”非常的类似,的确是这样,但是Fireworks 9的公用库的作用不仅仅如此,用户完全可以根据自己的需要来创建需要重复应用的图形,然后保存到“公用库”中,并且可以结合元件属性面板对其进行编辑。在本教程中主要给大家介绍了公用库的使用方法,关于如何创建自定义的公用库元件,请留意后面的教程,谢谢。
欢迎转载,请注明出处,网页顽主论坛,
www.go2here.net
,作者:froglt