第十章组件第一节组件概述第二节组件的使用第三节制作MP3播放器习题十 组件是带参数的影片剪辑,因此,用户可以修改它们的外观和行为。即使用户对ActionScript没有深入的理解,也可以使用组件构建复杂的应用程序,下面将介绍常用组件的类型及功能。 一、用户界面(UI)组件 使用用户界面组件,可以十分方便地在Flash中创建简单的交互元件,如表10.1所示即为用户界面组件。第一节组件概述表10.1用户界面组件续表 二、媒体组件 使用媒体组件,用户可以将媒体导入到应用程序中,如表10.2所示即为媒体组件。表10.2媒体组件 三、管理器组件 管理器是不可见的组件,用户可以使用这些组件在应用程序中管理如焦点或深度之类的功能,如表10.3所示即为管理器组件。表10.3管理器组件 四、数据(Data)组件 使用数据组件可以加载和处理数据源的信息,如表10.4所示即为数据组件。表10.4数据组件 五、屏幕组件 使用屏幕组件可以控制Flash中的表单和滑块,如表10.5所示即为屏幕组件。表10.5屏幕组件 在Flash8中,用户可以在创作的过程中利用组件面板将选中的组件添加到文档中,还可以在属性面板或组件检查器面板中查看组件的属性。 一、组件面板 组件面板是管理和应用组件的核心,在菜单栏中选择“窗口”→“组件”命令,即可打开组件面板,如图10.2.1所示。第二节组件的使用图10.2.1组件面板 组件面板中包括常用的组件,单击组件名称左侧的“+”符号,即可弹出该组件的下拉列表。用户可在该列表中选择相应的组件,将其拖到库面板中,即可使用该组件。 二、组件属性面板 用户可以使用组件属性面板设置组件的参数。用户在组件面板中选择一个组件,将其拖动到舞台中,即可创建该组件的一个实例。在工作窗口下方单击“参数”标签,即可打开该组件实例的属性面板,如图10.2.2所示,该面板中显示了当前选中组件实例的信息,用户可以根据需要对其进行更改。图10.2.2“组件”属性面板 三、组件检查器 当用户将组件的一个实例添加到Flash文档中后,可以在该实例的属性面板中来设置和查看实例的相关信息,也可以使用组件检查器来设置实例的参数,具体操作步骤如下: (1)在菜单栏中选择“窗口”→“组件检查器”命令,即可打开组件检查器,如图10.2.3所示。 (2)单击组件检查器中名称列中的任意一项,就可在其右侧的值对应的列中设置它的值,如图10.2.4所示。图10.2.3组件检查器图10.2.4设置组件的参数 在Flash8中,所有的组件都从UIObject和UIComponent类继承属性和方法,这些是所有组件都使用的属性和方法,例如UIObject.setSize()和UIObject.y等。 提示:设置组件的参数时,有时需要直接输入数字或文本,有时则可以选择指定的值,如true和false,而有的参数需要在弹出的对话框中设置。 四、添加和删除组件 如果要向文档中添加组件,只须将组件面板打开,在其中选择需要添加的组件,将其拖到舞台中或者双击该组件即可。 用户还可以使用任意变形工具 调整组件的大小,使用选择工具 移动组件的位置,使其符合用户的需要。当某个组件不再使用时,可将其选中后按“Delete”键删除。 五、处理组件事件 所有的组件都有事件,在用户与组件进行交互操作时,即会广播这些事件。要处理事件,可编写在触发事件时执行的代码,用户可以通过两种方式处理组件事件,下面将分别进行介绍。 1.使用组件事件处理函数 处理组件事件最直接、最简单的方式就是使用on()组件事件处理函数。用户可以将该函数分配给组件的实例,就像将处理函数分配给按钮或影片剪辑一样。 2.使用组件事件侦听器 处理组件事件最有效的方式是使用侦听器,具体操作步骤如下: (1)首先创建一个侦听器对象。 (2)给侦听器对象分配一个处理事件的函数,该函数被称为回调函数。 (3)向组件实例注册侦听器,此时,可以向一个组件实例注册多个侦听器,也可以向多个组件实例注册一个侦听器。 (4)发生事件时,事件将由组件进行广播,注册到该组件的所有侦听器都会收到该事件的通知。 应用本章所学知识,制作如图10.3.1所示的MP3播放器。第三节制作MP3播放器图10.3.1MP3播放器 (1)打开Flash8应用程序,新建一个大小为350像素×400像素,背景色为橙色的Flash文档。 (2)在工具箱中选择矩形工具 ,将该工具的笔触颜色设置为白色,填充颜色设置为无,使用该工具在舞台中绘制一个与舞台大小相同的矩形。 (3)选择文本工具 ,在该工具属性面板中设置参数,如图10.3.2所示。图10.3.2设置文本工具的参数 (4)使用该工具在舞台中输入文字,并使用选择工具 将其移至合适的位置,如图10.3.3所示。 (5)在菜单栏中选择“窗口”→“组件”命令,打开组件面板,如图10.3.4所示。图10.3.3创建的文字图10.3.4组件面板 (6)在该面板中单击“Media-Player6-7”选项左侧的 图标将其展开,在展开后的列表中选择“MediaPlayback”选项,如图10.3.5所示。 (7)将该组件选中后拖到舞台中,选择“窗口”→“组件检查器”命令,打开组件检查器面板,在该面板中设置参数如图10.3.6所示。图10.3.5选择“MediaPlayback”选项图10.3.6设置参数 (8)设置好参数后,即可将其应用到该组件的实例中。使用任意变形工具 调整实例至合适大小,效果如图10.3.7所示,并在其属性面板中将实例名称设置为“mp3”。 (9)在组件面板中单击“UserInterface”选项左侧的 图标将其展开,在展开后的列表中选择“Label”选项,如图10.3.8所示。图10.3.7设置好参数后的效果图10.3.8选择“Label”选项 (10)将其选中后拖到舞台中,并在组件检查器中设置如图10.3.9所示的参数,效果如图10.3.10所示,在该实例的属性面板中将实例名称设置为“title”。图10.3.9设置“Label”组件的参数图10.3.10使用“Label”组件创建的实例 (11)按“Ctrl+F8”键,在弹出的“创建新元件”对话框中创建一个名为“连接”的按钮元件,如图10.3.11所示。 (12)在该元件的编辑模式中,使用文本工具在舞台中输入文字,如图10.3.12所示。图10.3.11“创建新元件”对话框图10.3.12输入的文字 (13)单击 按钮,返回至主场景。将库中的按钮元件拖至舞台中,放置于如图10.3.13所示的位置。 (14)按“F9”键打开动作面板,在该面板中输入如下语句: on(release){ getURL(“http://www.flash8.com”,“_blank”) }图10.3.13按钮元件的位置 (15)单击选择第1帧,按“F9”键打开动作面板,在该面板中输入如下语句: System.useCodepage=true;//解除乱码 onxml.trigger(); mymp3=newObject(); mymp3.change=function(){ mp3.stop(); mp3.setMedia(list.selectedItem.data,“MP3”); mp3.play(); title.text=“播放歌曲:”+list.selectedItem.label; }; list.addEventListener(“change”,mymp3); fscommand(“ShowMenu”,“fasle”);//隐藏右键大部分
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
myMenu.hideBuiltInItems();//删除大多内置项,“设置”和“关于”除外 (16)在组件面板中单击“Data”左侧的 图标将其展开,在展开后的列表中选择“XMLConnector”选项,如图10.3.14所示。图10.3.14选择“XMLConnector”选项 (17)将其选中后拖到舞台中,放置于合适的位置,并在属性检查器中设置参数,如图10.3.15所示。图10.3.15调整“XMLConnector”组件位置并设置其参数 (18)在组件面板中的“UserInterface”选项的列表区中选择“List”选项,如图10.3.16所示。将其选中后拖到舞台中,置于合适的位置,并在组件检查器面板中设置参数,效果如图10.3.17所示。(19)在该实例的属性面板中将该实例的名称设置为“List”,按“Ctrl+Enter”快捷键将文件导出,效果如图10.3.1所示。图10.3.16选择“List”选项图10.3.17使用“List”组件创建的实例 一、填空题 1.使用_________,可以快速地在Flash中创建简单的交互元件。 2.使用_________,用户可以将媒体导入到应用程序中。 二、选择题 1.在Flash8中,()是不可见的组件。 (A)UI组件(B)媒体组件 (C)管理器组件(D)数据组件习题十 2.在Flash8中,使用()可以加载和处理数据源的信息。 (A)UI组件(B)媒体组件 (C)管理器组件 (D)数据组件 三、上机操作 试利用系统提供的各种组件创建交互式动画。