flash动画设计与项目实践.ppt

第9章 用户界面组件 9.1 组件概述 9.2 使用组件 9.3 常用组件 9.4 自定义组件 9.5 应用实例 9.6 习题与实验指导 主目录 9.1 组件概述 　　Flash CS3包含4种类型的组件：用户界面组件、媒体组件、数据组 件和管理器组件。 　　（1）用户可以使用用户界面组件与应用程序进行交互操作。例如 Button，CheckBox和TextInput组件都是用户界面组件，即UI组件。 　　（2）利用媒体组件，用户可以将媒体流入到应用程序中。例如 MediaPlayback组件就是一个媒体组件。 　　（3）利用数据组件可以加载和处理数据源的信息。例如 WebServiceConnector和XMLConnector组件都是数据组件。 　　（4）管理器是不可见的组件，使用这些组件，可以在应用程序中管 理诸如焦点或深度之类的功能。例如FocusManager，DepthManager， PopUpManager和StyleManager等。 本章目录 9.2 使用组件 9.2.1 添加组件和删除组件 1． 安装组件 　　首次启动Flash CS3时，系统中就已安 装厂一组Macromedia组件，可以在如图右 所示的“组件”面板上查看它们。还可根据需 要安装另外一些组件，每个组件实现一种或 者多种功能，而不用每次都去开发。由于 Flash开发者不断地开发出新的组件，实现 多种增加的功能，因此现在网上已经有大量 的组件可以下载。下载的文件一般为mxp打 包文件，下载后启动“Adobe Extension Manager”管理器，通过该管理器，即可安 装好扩展的组件。 组件面板 Adobe Extension Manage管理器 2． 添加组件 　　● 初级Flash用户 　　可以使用“组件”面板将组件添加到Flash文档中，接着使用“参数”面 板或“组件检查器”面板指定组件的基本参数，然后使用事件侦听器来控 制该组件。 　　● 中级Flash用户 　　可以使用“组件”面板将组件添加到Flash文档中，然后使用“参数”面 板、动作脚本方法或两者的组合来指定组件的参数。它们可以使用事件 侦听器来处理组件事件。 　　● 高级Flash程序员 　　可以将“组件”面板和动作脚本结合在一起使用，以便添加并指定组 件属性，或者选择在运行时，完全使用动作脚本来实现组件实例。　　（1）使用“组件”面板添加组件 　（2）使用动作脚本添加组件 　　3．删除组件 　　若要从Flash文档中删除组件的实例，不仅需要从舞台上将之删除，并且需要从库中删除编译剪辑的图标，步骤如下： 　　（1）在“库”面板中，选择编译过的剪辑 (SWC) 元件。 　　（2）单击“库”面板底部的“删除”按钮，或从“库”选项菜单中选择“删除”。 　　（3）在“删除”对话框中，单击“删除”以确认删除操作。 9.2.2 组件事件 　　1. 使用组件事件侦听器 　　事件由组件进行广播，作为侦听器注册到事件广播器（组件实例） 的任何对象都会收到该事件的通知。给侦听器分配一个处理事件的函 数。用户可以向一个组件实例注册多个侦听器。也可以向多个组件实例 注册一个侦听器。 　　要使用事件侦听器模型，首先要创建一个侦听器对象，该对象所带 的属性应为事件的名称。给该属性分配一个回调函数。通过调用组件实 例的 addEventListener() 方法，可以注册事件的“侦听器”。要注册事件 侦听器，请执行以下操作： 　　（1）将 Button 组件从“组件”面板拖到当前文档的“库”面板中。 　　（2）打开“动作”面板，在主时间轴中选择第 1 帧，然后输入以下代 码创建一个 Button 实例： 　　import fl.controls.Button; 　　var aButton:Button = new Button(); 　　addChild(aButton); 　　aButton.label = Click me; 　　aButton.toggle = true; 　　aButton.move (100, 100); （3）现在，添加以下 ActionScript 来创建一个事件侦听器和一个事件处理函数： 　　aButton.addEventListener(MouseEvent.CLICK, clickHandler); 　　function clickHandler(event:MouseEvent):void { 　　trace(事件类型 + event.type); 　　} （4）选择“控制”→“测试影片”。 　　单击按钮时，Flash 会在“输出”面板中显示消息“事件类型：click”。 　　事件对象的目