Flash组件之旅(3)：使用第三方组件

使用第三方组件

　　如果想添加第三方的组件到Flash MX的“组件”面板中，最简单的方法就是先找到路径Flash MX/First Run/下的Components文件夹，然后将其打开，打开后您会可以发现一个Flash UI Components.fla文件，这就是FlashMX存放七个内置组件的文件。现在只要把第三方组件（.fla格式）放到Components文件夹中即可。然后重新启动FlashMX就可以使用新的组件了。

　　譬如读者先去下载一个“日期和时间”组件。解压后把insertDateTimeSample.fla文件放入Components文件夹后在打开FlashMX就可以使用了。如图1所示。

图 1

　　如果读者下载的是.mxp格式的文件，文件图标是，则不能用上面的方法。如果您的机器上安装了最新的 Macromedia Extension Manager，软件图标是，则可以直接双击.mxp文件进行安装了。双击.mxp文件后，首先会出现一个询问是否确定要安装的界面，确定，然后单击“Macromedia扩展管理器”面板中的“全是”按钮进行安装，如图2所示。如果您的机器上没有Macromedia Extension Manager，那您可以到http://www.macromedia.com/exchange/flash去下载最新的Macromedia Extension Manager版本。

图 2

　　不过笔者建议大家还是下载.fla文件放到Components文件夹中，如果你是安装.mxp文件，如果没有使用说明，一般的读者往往会不知所以。下面，笔者具体的给大家讲讲如何使用第三方组件。笔者希望通过对以下几个第三方组件使用方法的讲解，使大家能够掌握使用驭其它组件的技巧，能够举一反三。笔者首先从刚才下载的“日期和时间”组件讲起。

 

1．“日期和时间”组件

 

　　下载地址：http://vip.5dmedia.com/skyleaf/pchome/xmp/insertDateTime.mxp

　　日期和时间”组件顾名思义，就是给用户提供一个快速拥有时间元件的工具。安装好“日期和时间”组件后，我们启动FlashMX，然后打开“组件”面板，在“Flash UI Components”下拉菜单中单击“insertDateTimeSample”选项。如图3所示。然后把该组件拖拽到场景中，选中它，按F7键打开“组件参数”面板，这时就可以看见该组件所有参数选项了。如图4所示。

图 3



图 4

　　组件各参数选项的功能由上至下为：设置星期、日期、时间是否显示（参数为none时不显示）和显示的样式；设置月数和星期的显示格式（arrMonths、arrDays参数选项），读者可以把其中的参数对应地改成中文；时间模式显示（clockStyle参数选项）；日期与时间的间隔符（separator参数选项）；设置字体、字号、颜色的参数选项；最后一个参数选项embedFonts是让用户决定是否允许使用嵌入字体。

　　把以上的一些参数进行修改，就可以得到一个新的时间显示插件了，如图5所示。其实，该组件是最简单的了，可以直接使用。其参数选项都是使用较为常用的变量名称与格式，因此也很容易看懂某个参数选项名是什么意思，可能有什么作用。使用这种最为简单的组件，只要掌握了修改组件参数选项的一般方法就可以应付自如了。您可以只启用该组件的时间部分，然后把它放在您的作品中，感觉一定不错。

图 5

 

2．“折叠菜单”组件

 

　　下载地址：http://vip.5dmedia.com/skyleaf/pchome/xmp/CollapsibleMenu.mxp

　　“折叠菜单”组件主要是给用户提供一个设计弹出菜单的工具。安装好“折叠菜单”组件后，启动FlashMX，打开“组件”面板，在“Flash UI Components”下拉菜单中点选“Collapsible Menu”选项，接着把该组件拖拽到场景中，选中它，按F7键打开“组件参数”面板。该组件参数选项设置如图6所示。下面，我们就利用该组件设计一个自己的个性菜单。

图 6

　　首先做些简单的工作，修改组件的可视参数，也就是修改“组件参数”面板中的参数选项。其中，Gutter Width参数是菜单之间的宽度；Delay Speed是菜单弹出的速度；Slide Speed是子菜单弹出的速度；Primary Colour等参数是菜单的颜色。

　　接下面来我们就要修改菜单的内容了。可惜的是作者并没有设计可视的参数设置选项，我们只有到代码中去找了。按快捷键Ctrl+L打开“库”面板，双击“Collapsible Menu”组件进入编辑场景。

　　选中“Actions”层中的空白帧，按F9键打开“动作”面板，找到如图7所示的代码，这些就是菜单的名称了，现在您可以按照图8所示修改它们。当然，修改的内容读者可以随意，但里面的其它代码可不要乱动。

图 7



图 8

　　现在，读者已经掌握“折叠菜单”组件的使用方法了，可以依葫芦画瓢地设计自己的折叠菜单了。

3．“活动窗口”组件

 

　　下载地址：http://vip.5dmedia.com/skyleaf/pchome/xmp/AmiWindowComponent.zip

　　下载该组件后，把AmiWindowComponent.fla放入Components文件夹内。启动FlashMX，打开“组件”面板，在“Flash UI Components”下拉菜单中点选“AmiWindowComponent”选项，接着把“AmiWindowComponent”组件和“ScrollBar”组件拖拽到场景中。该组件的“参数”面板如图9所示。下面，笔者就叫大家如何利用该组件设计自己的个性窗口。

图 9

　　“活动窗口”组件的参数较多，也比较复杂。但不用担心，您所要做的工作就是修改几个参数。首先，需要修改的是“Title Background”标签中的参数，改变这些参数的值就可以改变窗口的标题栏和下面的状态栏的颜色。在“Title Text”标签中，可以修改标题文字的颜色。在“Window Contorlers”标签中，左边两个复选框组件用来控制窗口标题栏上的按钮是否可用；右下侧两个复选框的作用是控制窗口是否可以最缩小以及是否可以拖动；输入文本框中可以输入窗口宽和高的值。“Content Settings”标签的参数是控制窗口面板内显示内容的样式的。

　　其实，活动“活动窗口”组件如果单一的使用则不会有什么好的效果，关键是需要用户结合自己的实例来使用，也就是把这些组件做为一个工具来使用。为了加深大家对第三方组件的了解，了解它们的制作过程，然后能轻车熟路的使用它们，甚至是有实力的朋友还可以自己设计所需要的组件。