模块九 Flash组件的应用 主讲老师：***Flash CS3动画制作任务实训教程


学习目标了解Flash CS3几种常用的组件熟练掌握添加组件和设置组件属性的方法掌握为组件添加语句的方法


任务一 制作用户注册界面任务目标使用文本框和按钮组件制作一个用户注册界面，通过本实例了解并掌握应用组件制作动画的一般方法，完成后的最终效果如图所示。用户注册界面


任务一 制作用户注册界面操作思路（1）导入图片，新建“背景”和“提示框”影片剪辑。（2）放置背景图片，添加文本和组件。（3）对组件的属性进行设置，并加入相应语句。制作用户注册界面的操作思路


】【导入→【导入到库】菜单命令，将“注册背景】.jpg”图片素材导入到库中。（3）选择【插入→
】【新建元件】菜单命令，在打开的“创建新元件”对话框新建一“背景”影片剪辑元件。（4）将“库”面板中的“注册背景.jpg”拖动到“背景”影片剪辑元件场景中。这样“背景”影片剪辑元件便制作完毕。
操作一 准备素材及元件（1）新建一大小为700×500像素，背景颜色为黑色，帧频为30fps名为“用户注册界面”的Flash文档。（2）选择【文件→


】【新建元件】菜单命令，新建一个“提示框”影片剪辑元件。在场景中用矩形工具绘制一个黑色的如图所示矩形，具体设置如图所示。 绘制矩形矩形具体设置
操作一 准备素材及元件（5）选择【插入→


操作一 准备素材及元件（6）然后在矩形框上使用文本工具绘制一个如图所示动态文本框，动态文本框的具体设置如图所示。（7）返回主场景，将图层1命名为“背景”图层，将“库”面板中的“背景”影片剪辑元件拖动到主场景中。 绘制动态文本框动态文本设置


操作一 准备素材及元件（8）选中场景中的“背景”影片剪辑元件，在“属性”面板中将该元件的Alpha值设置为15%。得到如图所示效果。设置背景图层


】【组件】菜单命令，在打开的如图所示面板中将TextInput组件拖动到“姓名”文本后。 输入文本拖动TextInput组件
操作二 添加文字和组件（1）新建“文字”图层，选择工具箱中的文本工具，在“属性”面板中对字体进行设置后在场景中输入如图所示文本内容。（2）新建“交互组件”图层，选择【窗口→


操作二 添加文字和组件（3）选中该组件，在“属性”面板中将该组件命名为“XM”，如图所示，单击“属性”面板上的“参数”选项卡，在打开的面板中进行如图所示设置。 命名组件设置组件属性


操作二 添加文字和组件（4）用相同的方法分别在“性别”、“地址”、“电话”、“电子邮件”、“兴趣爱好”、“自我介绍”文本后添加相应组件，并将其分别按照如图所示进行命名。 命名行别组件命名地址组件命名电话组件命名电子邮件组件 命名兴趣爱好组件命名自我介绍组件


】【组件】菜单命令，在打开的“组件”面板中将Button组件拖动到场景的右下方位置。（6）选中该组件，在“属性”面板中将该组件命名为“QCA”，如图所示，单击“属性”面板上的“参数”选项卡，在打开的面板中进行如图所示设置。 命名清除组件设置组件属性
操作二 添加文字和组件（5）再次选择【窗口→


操作二 添加文字和组件（7）用相同的方法添加“提交”按钮组件，并将该组件按如图所示命名，其参数设置如图所示。 命名组件 设置组件属性


操作二 添加文字和组件（8）添加了所有文本和组件的界面效果如图所示。添加了所有文本和组件的界面效果


操作二 添加文字和组件（9）在“交互组件”图层按“F9”键，打开如图所示“动作-帧”面板，在该面板中输入脚本：“动作-帧”面板


操作二 添加文字和组件（10）新建“提示框”图层，在打开的“库”面板中将“提示框”影片剪辑拖动到场景中央位置。（11）选中场景中的该元件，在“属性”面板中将其命名为“TS”，并将其颜色Alpha值设置为100%，如图所示。设置提示框属性


操作二 添加文字和组件（12）这样即可完成整个用户注册界面的操作，其时间轴状态如图所示。按“Ctrl+S”键保存该动画，按“Ctrl+Enter”键测试动画，即可打开注册页面，在该页面输入注册信息后，单击“提交”按钮系统将弹出“无法连接服务器”的提示信息。时间轴状态


学习与探究Flash中组件的类型UI组件：User Interface组件主要用于设置用户交互界面，并通过交互界面使用户与应用程序进行交互操作，在Flash CS3中，大多数交互操作都是通过这类组件实现的。在UI组件中，主要包括Button、CheckBox、ComboBox、RadioButton、List、TextArea和TextInupt等组件，如图所示。UI组件


学习与探究Video组件：Video组件主要用于对动画中的视频播放器和视频流进行交互操作。其中主要包括FLVPlayback、FLVPlaybackCaptioning、BackButton、PlayButton、SeekBar、PlayPauseButton、VolumeBar和FullScreenButton等交互组件，如图所示。Video组件


若toggle的值为true则表
示按下，值为false表efals示释放，默认值为。toggle：用于确定是
否将按钮转变为切换开关。若要让按钮按下后马
上弹起，则选项false选择；若要让按钮在按下后保持按下状态，直
到再次按下时才返回到弹起状态，则uetr选择，其默认值为false。
学习与探究Button组件icon：用于为按钮添加自定义图标，在该参数右侧的文本框中可输入自定义图标所在的路径。label：用于设置按钮的名称，其默认值为Button。labelPlacement：用于确定按钮上的文本相对于图标的方向，包括left、right、top和bottom4个选项，其默认值为right。selected：用于根据toggle的值设置按钮是被按下还是被释放，


显lCheck Box。示的内容。其默认值为abel Placement：用于确定
复选框上标签l向，包括文本的方eft、right、top和bottom4个选项，其默认值为right。selected：用于确定CheckBox组件的
初始状态为选中（true）或取消
选中（false）。其默认值为false。
学习与探究CheckBox组件label：用于设置CheckBox组件


。editable：用于确定是
否允许用户在下拉列表。框输入文本中若允许输入
则选择tr，eu若不允许输入则，择false选默认值为false。labels：用于设置下
拉列表中显的项目内容。示rowCount：用于确定
不使用滚动条时，下表拉列中最多可以显示的项目数
量，默认值为5。
学习与探究ComboBox组件data：用于设置相应的数据，并将其与ComboBox组件中的项目相关联


指BuRadio定该tton组件所属的项目组，项目组
由ButRadio该参数相同的所有ton组件组成，在同一项目组中只能
选择一个RadioButton组件，并返回该组件的值。label：用于设置RadioButton的文本内容，其默认值是Radio Button。labelPlacement：用于确定RadioButton组件文本的方向，主要包括left、right、top和bottom4个选项，默认值为right。selected：用于确定单选按钮的
初始状态是否表选中，其中true被示选中，false表
示未选中，默认值为false。
学习与探究RadioButton组件data：用于设置RadioButton的对应值。group Name：用于


载oScr到llPane组件中的内容所在的路径。hLineScrollSize：用于设置
每中下ScrollPane次按组件滚动条两侧按钮时，
水平滚动条移动的距离默认值为5。，hPageScrollSize：用于设置按下
滚动条时平水滚动条移动的距离0默认值为2，。hScrollPolicy：用于设置是
显否示水平滚动条项包括on、of和auto3个选，，其默认值为auto。scrollDrag：用于确定是
否允许用户在滚动条中滚动内，容若允许则选择true，
若不允许择选false，其默认值为false。vLineScrollSize：用于设置
每组件按下ScrollPa次ne滚动条两侧的按钮时，
垂直滚动条移动的距离默认值为5。，vPageScrollSize：用于设置按下
滚动条时垂直滚动条移动的距离0默认值为2，。vScrollPolicy：用于设置是
否显示垂直滚动条a包括on、of和，uto3个选项，其默认值为auto。
学习与探究ScrollPane组件contentPath：用于确定要加


指定List组件是否可同时选择多个选项。如果值为true，
则可以通过按住S“hift”键来个选项。其默认值为false。选择多dataProvider：用于设置相应的数据，并将其与List组件中的选项相
关联nehorizontalLi。ScrollSize：用于设置
当单击列表框中水平滚动箭头
时，要在水平方向上滚动的内容量，该值以i默认值为4。hor像素为单位。其zontalPageScrollSize：用于设置按
滚动条轨道时，水平滚动
条上滚动滑块要移动的像素数。当值为0时，该属性检索组件的可用
宽度。其默认值为0。
学习与探究List组件allowMultipleSelection：用于


水平滚动条是始否终打开。包括on、of和auto3个选项。其默认值为auto。verticalLineScrollSize：用于设置
当单击列表框中垂直滚动箭头时，要在
垂直方向上滚动的内容量，该值以i4。vert像素为单位。其默认值为calPageScrollSize：用于设置按
滚动条轨道时，垂直滚动条上
滚动滑块要移动的像素数。当时，该属性值为0检索组件的可用宽度
。其默认值为0。verticalScrollPolicy：用于设置List组件中的
垂直滚动条是否始f打开。包括on、o终和auto3个选项。其默认