您当前的位置:JZ5U绿色下载站文章中心设计学院Photoshop → 文章内容
  • 进入Flash MX组件时代之三 扩展组件

  FlashMX给用户带来了很大的自由空间,让我们可以拥有编写属于自己的客户组件,因而FlashMX的组件就变得具有无限的可扩展性,现在已经有众多闪客闪侠在作出无私的奉献,编写了许许多多的实用外挂组件并提供了下载,让我们可以针对不同的现实情况使用他们已经编写好的FlashMX Components了。从前面内置组件的使用过程中我们可以感受到FlashMX组件使用的方便性及解决问题的快速性,那么现在我们又该如何来使用那些扩展的外置组件呢?

  3.1 扩展组件的安装与删除

  扩展的外置组件不像FlashMX自带的组件一样,按下Ctrl+F7打开Flash UI Components面板就可查看到相应的组件,使用外置组件必须先进行安装然后方可使用。用过并熟悉DreamWeaver的朋友可能会有所了解,DreamWeaver这个工具也可进行外置插件安装,而且安装过程极其简单。由于FlashMX与DreamWeaver同产于Macromedia公司,因而该公司将FlashMX的组件安装方式与DreamwWeaver的安装方式进行了统一,以便让我们可以更快更好的掌握并进行安装与使用。

图37 扩展外置组件的文件类型


  FlashMX的组件安装文件格式是以.mxp的文件类型,如上图37所示,而我们可以利用Macromedia Extension Manager这个小软件来进行组件的安装,如下图38所示。

图38 安装扩展外置组件的工具Macromedia Extension Manager

  我们可以选择File菜单下的Install Extension项或是点击图标来安装一个新的组件,当然如果想方便操作也可以直接按Ctrl+I快捷键来进行安装。

  点击安装以后系统会弹出一个选择安装组件的对话框,如下图39所示:

图39 选择安装文件对话框


  当我们选定一个安装组件以后按下Install按钮,然后系统首先会弹出一个声明对确定对话框,如下图40所示:

图40 Decline对话框


  当然,除非你不想安装该组件否则我们都将Accept(接受)该声明。于是我们只需等待几秒钟的时间系统就会安装好你选择的FlashMX组件并弹出一个确认对话框,如下图41所示:

图41 安装成功对话框

  当我们按下“确定”按钮后就意味着我们已经安装成功了你所选择的组件,于是你便可在Macromedia Extension Manager主界面内查看到现在已经多出了一个新的组件项目,如图42所示:

图42 Macromedia Extension Manager 中新增的ToolTips组件项


  在主管理界面上我们可以很直接的查看到该组件的组件名称、版本信息、组件类型、作者及组件简介。

  组件的删除比较简单,我们只需在选定相应的组件以后按下快捷键Ctrl+R或是按下图标即可完成组件的卸载工作。

  3.2 查看已安装的扩展组件

  如果原先在安装FlashMX组件的时候你并已打开FlashMX程序,那么想要查看到FlashMX中的组件内容的话则需要将FlashMX重新关掉再打开,否则只能查看到原来存在的组件内容而新安装的组件将无法查看到。

  我们打开FlashMX以后按下Ctrl+F7调出Components面板,然后点击右边的黑色小箭头就会弹出一个下拉的列表内容,如下图43所示,当我们选择任何一款组件以后左边的主显示区内则会更换成该组件的内容(如内置组件一样表现为一组图标):

图43 查看已安装的FlashMX组件


  在此刻相信大家都忍不住想对这些外挂的扩展组件进行一番尝试先,但却不得不建议各位忍耐一下那颗好奇心,希望在完成后面的几个步骤以后再进行实例练习。

  由于扩展组件可由不同的人制作完成,而且由于没有一定的统一制作规范而会显得应用者在试用时不知作者的心理会对组件无从着手不知该如何应用,在此时你就应该按下Shift+F1来打开Reference面板,通常作者在制作出扩展组件以后会通过方法将一些信息添加到Reference面板中(关于组件制作的内容我们将在后面的章节详细阐述),如下图44所示,我们通过阅读Reference中的信息可以进一步掌握组件的应用方法等内容。如果该组件中涉及到一些事件及方法的话,那么Reference中一般也会有如内置组件那样的详细使用方法或是简单示例(所以诸位千万要耐心对待哦)。

图44 查看Reference面板以获取组件的详细信息


  当然查看Reference是最为快速与直接的方法,但却不是唯一获取组件信息的方法。有时我们可以选择菜单“Window”下是否有关于你所需要的扩展组件的帮助信息,如下图45所示,点击蓝色高亮的菜单就会弹出有关Ides Components – Reference 组件的一些信息内容。现在也许各位会感觉奇怪,为什么这里的项目内容会如此之少,而我们已经安装的扩展组件却比这里的组件项目多的多。对于此点笔者也深感无能为力,毕竟如前面所述组件的制作是分散而无统一规范的,有些制作人员会花精力将他的组件从各方面进行完善包装,但却不是全部人员都是如此,因而你会发现并不是每个组件在这里都能找到相应的菜单选项,在此也许你能发现的只是零星的几个菜单内容项。

图45 window菜单下有关组件信息的菜单项

  在此我们尝试点击Ides Components – Reference菜单项,然后我们会发现如下的弹出信息窗,如下图46所示。大家应该会发现这个弹出窗体其实就是一个有关Ides Components组件的Reference,我们可以通过窗体中所列的各个选择项查看该组件的帮助信息,并且我们还可以点击示例按钮查看组件制作者所制作的组件示例演示文件,如图47所示。

图46 Ides Components – Reference 弹出窗体

图46 Ides Components – Reference 中FPS组件制作人员的演示示例


  接下来所要介绍的这种获取组件信息的方式并不是如前面两种情况一般是针对大部分使用者的,这种方法对那些对编写FlashMX组件有兴趣的人员或是一些FlashMX ActionScript能力较高的用户则会有较大的帮助。

  由于FlashMX组件的源代码暂时还没有办法进行编译,因而我们在安装完FlashMX组件以后就完全有能力并且还很轻松的查阅该组件的所有源代码,这对于理解该组件的运作与使用是最为有效的办法,我们将Components中的某一组件拖放至场景以后再按下Alt+F3就可利用Movie Explorer来进行源代码浏览,如下图47所示。

图47 利用Movie Explorer查看组件源码来获取组件的信息


  从图47中我们可以发现,在源码中由于作者编写了许多的注释信息,我们不仅可以在此获取组件制作人员的联系方式还可以获悉到该组件包含了哪些事件、属性及方法,以便我们在运用中能够方便操作。

  获取组件信息的方式还有更多,在此我们就不再多作介绍,在后面“创建自己的FlashMX组件”中我们将会酌情再次涉及。

  3.3 使用扩展组件

  其实扩展组件的使用方法与FlashMX自带的内置组件的使用方法是一致的,主要包括参数设置及方法调用。不过在应用该组件之前首先需要搞清楚它具有什么样的属性,拥有哪些参数设置项,有哪些主要方法与事件等信息。

  下面我们就将选取一个应用极为广泛但其操作极为简单的扩展组件Simple Preloader Bar(动画欲载进度条组件)来举以实例说明扩展组件的使用。

  按前面查看扩展组件的方式我们在按下黑色三角形以后在下拉项中选取Simple Preloader Bar选项,则Components内就会显示Simple Preloader组件的图标,如下图48所示。

图48 Simple Preloader Bar组件

  我们新建一个Loader层,然后将该组件拖放至场景的中间,如下图49所示:

图49 场景中的Simple Preloader Bar组件


  在场景中该组件只显示为一个内容为空的点,然后我们选中该组件按下Ctrl+F3调出Parameters面板就可查看该组件可设置的参数选项了,如下图50所示。很明显,这与前面描述内置组件的参数设置方式如出一辙。

图50 Simple Preloader Bar组件的参数设置项


  当然,具体参数内容每个组件之间都是不同的,而该扩展组件可以让用户配置的参数则包括了:Font Face(字体类型)、Font Color(字体颜色)、Bold(字体是否为粗体)、Italic(字体是否为斜体)、Size(字体大小)、Bar Color(进度条颜色)、Style(进度条提示信息样式)这些内容。

  接下来我们的工作是按图49所示样子,再新建立两层内容,一层为Picture(放置一张图片用以测试进度所用),一层为ActionScript(编写代码stop();用以在完成进度条后停留在此帧)。

  好了,至此我们这个外置扩展组件Simple Preloader Bar的测试文件就已完成,成品样式如图51所示。不知大家有没有发现,以前我们如要制作一个进度条则需要编写一大堆的代码工作,到了现在却变成了简单的拖放工作了,这就是编写扩展组件的朋友已经将那些工作集成化而简化了应用者的工作,这就是扩展组件的无限魅力所在了。

  

图51 Simple Preloader Bar组件应用的成品样式



  • 作者:互联网  来源:本站整理  发布时间:2005-08-21 00:37:39


------------------------------- · 相关文档浏览 · --------------------------------------------------------------------- · 热门文档浏览 · -------------------------------------