flash+动画设计与项目实践9

《flash+动画设计与项目实践9》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第9章用户界面组件9.1组件概述9.2使用组件9.3常用组件9.4自定义组件9.5应用实例9.6习题与实验指导主目录9.1组件概述FlashCS3包含4种类型的组件：用户界面组件、媒体组件、数据组件和管理器组件。（1）用户可以使用用户界面组件与应用程序进行交互操作。例如Button，CheckBox和TextInput组件都是用户界面组件，即UI组件。（2）利用媒体组件，用户可以将媒体流入到应用程序中。例如MediaPlayback组件就是一个媒体组件。（3）利用数据组件可以加载和处理数据源的信息。例如Web

2、ServiceConnector和XMLConnector组件都是数据组件。（4）管理器是不可见的组件，使用这些组件，可以在应用程序中管理诸如焦点或深度之类的功能。例如FocusManager，DepthManager，PopUpManager和StyleManager等。本章目录9.2使用组件9.2.1添加组件和删除组件1．安装组件首次启动FlashCS3时，系统中就已安装厂一组Macromedia组件，可以在如图右所示的“组件”面板上查看它们。还可根据需要安装另外一些组件，每个组件实现一种或者多种功能，而

3、不用每次都去开发。由于Flash开发者不断地开发出新的组件，实现多种增加的功能，因此现在网上已经有大量的组件可以下载。下载的文件一般为mxp打包文件，下载后启动“AdobeExtensionManager”管理器，通过该管理器，即可安装好扩展的组件。组件面板AdobeExtensionManage管理器2．添加组件●初级Flash用户可以使用“组件”面板将组件添加到Flash文档中，接着使用“参数”面板或“组件检查器”面板指定组件的基本参数，然后使用事件侦听器来控制该组件。●中级Flash用户可以使用“组件”

4、面板将组件添加到Flash文档中，然后使用“参数”面板、动作脚本方法或两者的组合来指定组件的参数。它们可以使用事件侦听器来处理组件事件。●高级Flash程序员可以将“组件”面板和动作脚本结合在一起使用，以便添加并指定组件属性，或者选择在运行时，完全使用动作脚本来实现组件实例。　　（1）使用“组件”面板添加组件（2）使用动作脚本添加组件3．删除组件若要从Flash文档中删除组件的实例，不仅需要从舞台上将之删除，并且需要从库中删除编译剪辑的图标，步骤如下：（1）在“库”面板中，选择编译过的剪辑(SWC)元件。（2

5、）单击“库”面板底部的“删除”按钮，或从“库”选项菜单中选择“删除”。（3）在“删除”对话框中，单击“删除”以确认删除操作。9.2.2组件事件1.使用组件事件侦听器事件由组件进行广播，作为侦听器注册到事件广播器（组件实例）的任何对象都会收到该事件的通知。给侦听器分配一个处理事件的函数。用户可以向一个组件实例注册多个侦听器。也可以向多个组件实例注册一个侦听器。要使用事件侦听器模型，首先要创建一个侦听器对象，该对象所带的属性应为事件的名称。给该属性分配一个回调函数。通过调用组件实例的addEventListene

6、r()方法，可以注册事件的“侦听器”。要注册事件侦听器，请执行以下操作：（1）将Button组件从“组件”面板拖到当前文档的“库”面板中。（2）打开“动作”面板，在主时间轴中选择第1帧，然后输入以下代码创建一个Button实例：importfl.controls.Button;varaButton:Button=newButton();addChild(aButton);aButton.label="Clickme";aButton.toggle=true;aButton.move(100,100);（3）现

7、在，添加以下ActionScript来创建一个事件侦听器和一个事件处理函数：aButton.addEventListener(MouseEvent.CLICK,clickHandler);functionclickHandler(event:MouseEvent):void{trace("事件类型"+event.type);}（4）选择“控制”→“测试影片”。单击按钮时，Flash会在“输出”面板中显示消息“事件类型：click”。事件对象的目标属性是对广播事件的实例的引用。此代码在文本输入字段显示目标属性的

8、值。2.其他事件语法除了使用侦听器对象外，还可以将函数用作侦听器。如果侦听器不属于对象，它就是函数。（1）将一个Button组件从“组件”面板拖到舞台上，并在“参数”面板为该组件输入以下值：●输入实例名称aButton。●为label参数输入Show。（2）打开“动作”面板，在主时间轴中选择第1帧，然后输入以下ActionScript代码：aButton.addEventListener(Mouse