FlashCS6中文版基础教程：第21章 使用组件

1第21章使用组件Flash组件是使用Flash创建并编译成SWC文件的小的应用程序，Flash中包括了一个大型的组件集。组件的范围包括从简单的窗口小部件到复杂的应用程序(比如照片图库、调查表、图表引擎或文本编辑器)。因为组件能够拖入到Flash文档中，并且通过修改参数或是用少量的动作脚本就能立刻为网站增加功能。即使是对脚本语言没有深入研究的人，也能创建一个复杂的Flash，所以它非常有用。本章主要讲述如何使用Flash的多个组件。221.1组件的下载和安装FlashProfessionalCS6组件是带参数的影片剪辑，可以修改它们的外观和行为。组件可以是一个简单的用户界面控件(如RadioButton或CheckBox)，也可以包含内容(如List或DataGrid)。使用组件可以方便而快速地构建功能强大且具有一致外观和行为的应用程序。即使对动作脚本3.0没有深入的理解，也可以使用动作脚本3.0组件快速地构建应用程序。只需要将组件从【组件】面板拖曳到应用程序文档中，就可以实现自定义按钮、组合框和列表等控件。除了FlashCS6自带的组件外，“应用程序编程接口”(APl)还允许用户创建自己定义的组件。另外还可以从互联网上下载其他Flash爱好者构建的组件，将其安装到本地计算机中。321.1.1FlashCS6自带的组件类型视频组件包括以下3个组件。1.FLVPlayback组件(fl.video.FLVPlayback)用于将视频播放器包括在Flash应用程序中，是基于SWC的组件。2.FLVPlayback自定义UI组件基于FLA，同时用于FLVPlayback组件的ActionScript2.0和ActionScript3.0版本。3.FLVPlaybackCaptioning组件为FLVPlayback提供关闭的字幕。421.1.2查看Flash组件在F1ashCS6中，可以在【组件】面板中查看动作脚本3.0组件，如图21-1所示。521.1.3组件的下载和安装还可以从AdobeExchanSe(http：///go/Flash_exchange_cn)或是其他互联网资源上下载其他组件。要将下载的组件安装到本地计算机中，首先要安装AdobeExtensionManager1.8扩展管理器，下载地址为：/go/exchange/exchange_cn。在本地计算机上安装组件的具体步骤如下。(1)退出Flash。(2)将包含组件的SWC或PLA文件放在硬盘上的以下文件夹中。在Windows中的C：\ProgramFiles\AdobeFlashCS5\zh_cn\configuration\Components下。在MacIntosh上MacintoshHD：Applications：AdobeFlashCS5：Configuration：Components。(3)启动F1ash。(4)如果【组件】面板尚未打开，则选择【窗口】|【组件】菜单命令将其打开，在打开的【组件】面板中查看组件。621.2使用组件在Flash创作环境中，可以使用组件在文件中添加交互、特效或者公用用户界面元素。组件可以帮助设计者在不能使用动作脚本编程的SWF文件中添加功能。设计者可以简单地拖曳元素至舞台，然后修改参数、编写少量的动作脚本来使组件以相当复杂的方式工作。组件可以帮助Flash用户迅速地创建应用程序，或者创建能够可以相对轻松地进行重用的元素。组件可以将应用程序的设计过程和编码过程分开。通过使用组件，开发人员可以创建设计人员在应用程序中能用到的功能。开发人员可以将常用功能封装到组件中，而设计人员可以通过更改组件的参数来自定义组件的大小、位置和行为。通过编辑组件的图形元素或外观，还可以更改组件的外观。组件之间共享核心功能，如样式、外观和焦点管理。将第一个组件添加至应用程序时，此核心功能大约占用20千字节的大小。当添加其他组件时，添加的组件会共享初始分配的内存，降低应用程序大小的增长。本部分概括介绍了ActionScript3.0组件的一些优点。721.2使用组件ActionScript3.0的强大功能提供了一种强大的、面向对象的编程语言，这是FlashPlayer功能发展过程中重要的一步。基于PlaceStateFLA的用户界面组件提供对外观的轻松访问，以便在创作时进行方便的自定义。这些组件还提供样式(包括外观样式)，可以利用样式来自定义组件的某些外观，并在运行时加载外观。新的FVLPlayback组件添加FLVPlaybackCaptioning组件及全屏支持、改进的实时预览、允许添加颜色和Alpha设置的外观，以及改进的FLV下载和布局功能。【属性】检查器面板和【组件】面板允许在Flash中进行创作时更改组件参数。便于扩展的类层次体系结构使用ActionScript3.0，可以创建唯一的命名空间，按需要导入类，并且可以方便地创建子类来扩展组件。821.2.1组件面板可以按以下步骤在【组件】面板中查看FlashActionScript3.0组件。(1)启动Flash。创建新的Flash文件(ActionScript3.0)或打开现有的Flash文档(其【发布设置】中指定了ActionScript3.0)，如图21-2所示。(2)如果【组件】面板没有打开，可以选择【窗口】|【组件】菜单命令将其打开，如图21-3所示。(3)用户界面组件和视频组件分别显示以节省空间。【组件】面板包含显示的所有组件，如图21-4所示。921.2.1组件面板下面我们分别简要列出一些组件。1.Button2.CheckBox3.DataGrid4.Label5.List6.NumericStepper7.ProgressBar8.RadioButton9.ScrollPane10.TextArea11.TextInput1021.2.2添加组件1.向Flash文档中添加组件2.使用ActionScript在运行时添加组件3.使用ActionScript向Flash文档中添加组件(1)将组件从【组件】面板拖曳到当前文档的【库】面板中。(2)在时间轴中选择一帧放置要添加的组件。(3)调用createClassObject()，以便在运行时创建组件实例。1121.2.3设置组件参数1.在【属性】面板中输入组件的实例名称2.在【属性】检查器面板中输入组件实例的参数1221.2.4编辑组件1.调整组件大小2.从Flash

文档中删除组件3.从文档中删除组件1321.3上机实践操作本范例源文件：\21\背景.jpg。本范例完成文件：\21\个人信息簿.fla。多媒体教学路径：光盘→多媒体教学→第21章。1421.3.1实例介绍和展示本例通过运用【新建图层】按钮、【文字工具】、【组件】面板、【属性】检查器面板等命令制作一个个人信息簿，如图21-15所示。1521.3.2新建文件并输入文字(1)创建一个新的Flash文件(ActionScript3.0)，重命名为“个人信息簿”，如图21-16所示。(2)将【图层1】重命名为“背景”。将文件夹中的背景图片导入舞台中，如图21-17所示。1621.3.2新建文件并输入文字(3)单击【时间轴】面板下方的【新建图层】按钮，新建一个图层，并重命名为“文字”，如图21-18所示。(4)单击【文字】图层的第1帧，在舞台适当的位置输入文字(包括姓名、性别、出生日期等)，如图21-19所示。1721.3.3添加组件(1)新建一个图层，重命名为“组件”，如图21-20所示。(2)首先制作“姓名”的文本框。选择【窗口】|【组件】菜单命令，在弹出的【组件】面板中选择组合框(TextInput)组件，将其拖曳到舞台上，如图21-21所示。(3)选择【窗口】|【属性】菜单命令，打开【属性】检查器面板，修改【实例名称】为“xingming”，如图21-22所示。1821.3.3添加组件(4)制作“出生日期”的数值选择框。在【组件】面板中选择3个NumericStepper组件，将其拖曳到舞台上，在【属性】检查器面板中，分别修改【实例名称】为“nian”、“yue”和“ri”，分别设置minimum和maximum的值，如图21-23所示。(5)制作【性别】后面的单选按钮。在【组件】面板中拖曳两个RadioButton组件到舞台上。在【属性】检查器面板中，分别修改【实例名称】为“nan”和“nv”，groupNamen都为sex，Label分别为“男”和“女”，启用Selected复选框，如图21-24所示。1921.3.3添加组件(6)下面制作“爱好”后面的复选框。在【组件】面板中拖曳5个CheckBox组件到舞台上。在【属性】检查器面板中，修改【实例名称】分别为“aihao1”、“aihao2”、“aihao3”、“aihao4”、“aihao5”，在lable文本框中分别输入“唱歌”、“乒乓球”、“足球”、“跳舞”、“画画”，如图21-25所示。(7)制作“邮箱”后面的文本框。在【组件】面板中选择TextInput组件，将其拖曳到舞台上，在【属性】检查器面板中修改【实例名称】为“youxiang”，如图21-26所示。2021.3.3添加组件(8)制作“所在地区”后面的下拉列表框。在【组件】面板中选择ComboBox组件将其拖曳到舞台上，在【属性】检查器面板中修改【实例名称】为“diqu”。单击dataProvider后面的中括号，在弹出的【值】对话框中输入文字，如图21-27所示。(9)制作“地址”后面的文本框。在【组件】面板中选择TextInput组件，将其拖曳到舞台上，在【属性】检查器面板中修改【实例名称】为“dizhi”，如图21-28所示。2121.3.3添加组件(10)制作“留言”后面的文本框。在【组件】面板中选择TextArea组件，将其拖曳到舞台上，在【属性】检查器面板中修改【实例名称】