Flash动画设计基础与应用 教学课件 李艳萍 宁跃飞 王辉 第11讲.docVIP

用组件制作动画 一、教学目的 能够熟练掌握组件，达到使用组件制作动画目的。 二、知识点 1、了解组件的基础知识 2、掌握UI组件 3、熟悉Video组件 三、教学过程 1、组件的基本知识 组件面板介绍，添加组件的方法，组件的参数设置。 2、UI组件 CheckBox复选框组件 ComboBox下拉列表组件 RadioButton单选按钮组件 Button按钮组件 List列表组件 3、Video组件 4、其它组件 5、浪漫满屋等案例演示讲解 四、案例分析 【案例一】浪漫满屋 第1步：绘制漫画 ? 选择【文件】-【新建】-【Flash文档】命令，新建Flash文档。如图11-41所示。 图11-41新建Flash文档 ? 选择工具箱中的【铅笔】工具，然后在舞台上绘制一个不规则的图形。如图11-42所示。 图11-42 绘制一个不规则的图形 ? 选择工具箱中的【颜料桶】工具，然后在【属性】面板中设置【填充色】为【绿色】，填充舞台中绘制的图形，并去掉图形的轮廓线。如图11-43所示。 图11-43 修饰图形 ? 选择工具箱中的【文本】工具，然后在【属性】面板中设置【字体】为【隶书】，【文本颜色】为【白色】，并在舞台上绘制的图像中输入文本“飞飞漫画屋”。 如图11-44所示。 图11-44 在舞台输入文本 ? 选择工具箱中的【任意变形】工具，然后适当调整文字的大小及其位置。如图11-45所示。 图11-45 调整文字的大小及其位置 ? 选择【文件】-【导入】-【导入到舞台】命令，然后将本书配套光盘【素材文件第11章/浪漫小屋.jpg】导入到舞台中。如图11-46所示。 图11-46 导入图像到舞台 ? 选择工具箱中【任意变形】工具，然后调整图片的大小和位置至合适。如图11-47所示。 图11-47 调整图片的大小和位置 ? 选择工具箱中的【文本】工具，然后在【属性】面板中设置【字体】为【宋体】，【文本颜色】为【黑色】，【字体大小】为“20”，并在舞台上绘制的图形中输入文本“对漫画的态度”。 如图11-48所示。 图11-48 在舞台上输入文本“对漫画的态度” 第2步：添加组件 ? 按下【Ctrl】+【F7】组合键打开【组件】面板，在【User interface】组件类型中选择【Radiobutton】选项，并将其拖曳到舞台上。再执行4次这样的操作。如图11-49所示。 图11-49 添加【Radiobutton】选项 ? 选中舞台中的第一个Radiobutton组件，然后打开【参数】面板，并将【label】设置为【喜欢】。如图11-50所示。 图11-50 设置【label】参数值 ? 选中舞台上的其他Radiobutton组件，并按照同样的方法，在【参数】面板中将【label】分别设置为【非常喜欢】﹑【不喜欢】﹑【没有感觉】。如图11-51所示。 图11-51 设置其他的【label】参数值 ? 选择工具箱中的【文本】工具，然后在【属性】面板中设置【字体】为【隶书】，【文本颜色】为【紫色】，【字体大小】为“20”，并在舞台上绘制的图形中输入文本“你所喜欢的漫画类型”。 如图11-52所示。 图11-52 在舞台上输入文本“你所喜欢的漫画类型” ? 在【User interface】组件类型中选择下拉列表组件【ComboBox】，并将其拖曳到舞台上。如图11-53所示。 图11-53 添加【ComboBox】组件 ? 选中舞台中的【ComboBox】组件，然后在【参数】面板中选择【data】并单击右侧的按钮，打开【值】对话框。如图11-54所示。 图11-54 打开【ComboBox】组件的【data】参数 ? 单击【值】对话框上面的+按钮，添加5个值。如图11-55所示。 图11-55在【值】对话框中添加5个值 ? 分别选中添加的值并重命名，设置完毕后单击确定按钮，退出对话框。 图11-56 完成值的设定 ? 按照同样的方法，选择【labels】并单击右侧的按钮，打开【值】对话框。然后在该对话框中添加5个值。如图11-57所示。 图11-57 添加5各【labels】参数值 ?单击确定按钮，退出对话框。如图11-58所示。 图11-58 添加【labels】参数值后的效果 第3步：添加复选组件 ? 选择工具箱中的【文本】工具，然后在【属性】面板中设置【字体】为【隶书】，【文本颜色】为【红色】，【字体大小】为“20”，并在舞台上绘制的图形中输入文本“你学习漫画的目的”。 如图11-59所示。 图11-59输入文本“你学习漫画的目的” ? 在【User interface】组件类型中选择复选框，并将其拖曳到舞台上。再将本步操作重复执行4次。如图11-60所示。 图11-60 添加四个组件【CheckBox】 ? 选中第1个复选框组件C