Flash-CS5动画设计实例教程-第2版课件项目7-Flash课件的制作

项目7

Flash课件的制作教学目标动态文本和输入文本的应用Flash按钮类组件（按钮、单选按钮、复选框）的使用Flash文本类组件（标签、单行文本、多行文本）的使用Flash列表类组件（列表框、组合框、项目列表）的使用Flash控制类组件（数字微调、滑块、滚动条、进度条）的使用Flash容器类组件（卷轴加载容器、加载容器）的使用案例效果

本案例学习：Flash动画的综合应用；静态文本、输入文本和动态文本的使用；Flash课件的制作方法。案例分析本案例是Flash动画、输入文本、动态文本、组件和脚本的综合运用。运用各类动画完成课件动画制作；运用文本和组件完成课件中的答题；运用AS3.0脚本实现页面间的切换和问题的判断；运用fscommand命令实现全屏和Flash应用程序的退出。相关知识动态文本与输入文本（1）动态文本相关知识（2）输入文本与动态文本不同的是在“行为”列表中增加了“密码”选项，输入内容后选择该选项，测试影片显示为星号“******”。在“选项”组中为“最大字符数”，默认为0，表示输入的字符数不受限制，输入6，则输入文本框中最多只能输入6个字符。【例7-1】新建“用户登录.fla”文件，登录界面设计如下图所示。相关知识（2）输入文本登录成功登录失败相关知识脚本如下：相关知识2.Flash组件选择“窗口/组件”命令，打开“组件”面板，该面板分为UserInterface（用户界面）和Video（视频）组件。相关知识2.Flash组件（1）按钮组件（Button）相关知识2.Flash组件（2）复选框组件（CheckBox）复选框对象重要的两个属性是label和selected，label用于设置复选框的标签名，selected经常用在代码中来判断复选框是否被选定（true为选中，false为未选中），舞台中的复选框可以选择多个【例7-2】CheckBox组件实例。相关知识（3）单选按钮组件（RadioButton）用RadioButton组件可以强调用户在一组选项中只能选择一项。该组件必须用于至少两个RadioButton实例的组。其重要的属性有groupName、selected和value。 groupName属性：用于指定单选按钮组的组名。 value属性：与单选按钮关联的用户定义值。相关知识（3）单选按钮组件（RadioButton）【例7-3】RadioButton组件实例。相关知识（4）标签组件（Label）Label标签组件用于显示单行文本。相关知识（5）单行文本组件（TextInput）TextInput组件用于输入单行文本。相关知识（6）多行文本组件（TextArea）TextArea是可以接收多行文本的文本字段。相关知识（7）列表框组件（List）List组件是一个可单选或多选的列表框，如果内容显示不完的话会出现滚动条。相关知识（8）组合框组件（ComboBox）ComboBox组件是允许用户从下拉列表中进行单项选择的列表框。其最常用的属性为dataProvider，用法同列表框，prompt用于设置ComboBox组件的提示信息，rowCount用于设置下拉列表中可显示的最大行数。

列表框dataProvider属性及效果组合框dataProvider属性及效果相关知识（8）组合框组件（ComboBox）【例7-4】文本类组件、列表框、组合框组件实例。

输入页面反馈页面相关知识（9）项目列表组件（TileList）TileList组件由一个列表组成，该列表由通过数据提供者提供数据的若干行和列组成。

dataProvider属性相关知识（10）数字微调组件（NumericStepper）NumericStepper组件允许用户逐个通过一组经过排序的数字。

相关知识（11）滑块组件（Slider）Slider组件允许用户通过滑动与值范围相对应的轨道端点之间的图形滑块来选择值，如选择数字或百分比。其常用的属性有：maximum（最大值）、minimum（最小值）、value（最小值）、direction（滑块的方向）、snapInterval（滑块移动时的变化量）、tickInterval（显示刻度线，刻度线是相对于组件最大值的刻度线间距）。

相关知识（12）滚动条组件（UIScrollBar）UIScrollBar组件可以将滚动条添加到文本字段中。direction用于设置滚动条是水平还是垂直滚动条，scrollTargetName是与滚动条绑定的那个文本框（用动态文本或输入文本）的实例名。

【例7-5】UIScrollBar组件实例。NumericStepper组件NumericStepper组件应用相关知识（13）进度条组件（ProgressBar）ProgressBar组件用于显示内容的加载进度。其常用属性有direction（进度条开始的方向）、mode（进度条运行的模式）、source（获取或需要显示的资源）。

【例7-6】ProgressBar组件实例。相关知识（14）卷轴加载容器组件（ScrollPane）ScrollPane组件可以加载影片剪辑、JPEG、PNG、GIF和SWF文件。source属性用于设置要加载的文件名称。

（15）加载容器组件（UILoader）UILoader组件是可以显示SWF、JPEG、渐进式JPEG、PNG和GIF文件的容器。相关知识

【例7-7】UILoader组件实例。新建一Flash文件，将UILoader组件拖至舞台并利用任意变形工具改大点，并保存在与要加载的文件（如图片）同一文件夹中，在其属性面板中的source设置为pic1.jpg，测试即可见到加载了pic1.jpg图片，案例实现1.课件界面和导航的制作（1）制作课件导航按钮和导航按钮动画（2）制作课件背景（3）制作课件背景线条动画（4）制作课件标题动画

案例实现（1）导航条按钮制作导航按钮制作

导航条

案例实现（2）课件背景及背景动画制作课件背景制作

课件背景与导航

案例实现（3）课件标题动画制作课件标题动画

案例实现2.课件内容的制作（1）制作“诗人简介”内容及动画（2）制作“瀑布展示”内容及动画（3）制作“诗词”页面内容及动画（4）制作“诗句解释”内容及动画（5）制作“诗词概括”内容及动画（6）制作“思考”内容及动画（7）制作“回答问题”内容及动画（8）制作“生字”内容及动画（9）编写相关脚本

案例实现（1）制作“诗人简介”动画效果“诗人简介”内容

案例实现（2）制作“瀑布展示”动画效果，并为“下一张”按钮添加脚本“瀑布展示”内容

案例实现（3）“诗词”动画效果制作“诗词”内容

案例实现（4）“诗句解释”动画效果制作

“诗句解释”影片第1帧内容

“诗句解释”影片第2帧内容案例实现（4）“诗句解释”动画效果制作及相关脚本编写

“诗句解释”影片第1帧内容

“诗句解释”影片第2帧内容案例实现（5）“诗意概括”动画效果制作案例实现（6）“思考”动画效果制作及相关脚本编写

“思考”内容回答正确页面回答错误页面案例实现（7）“回答问题”动画效果制作及相关脚本编写

“回答问题”影片第1帧效果

“回答问题”影片第2帧效果案例实现（7）“回答问题”动画效果制作及相关脚本编写

“回答问题”影片第3帧效果

“回答问题”影片第4帧效果案例实现（8）“生字”动画效果制作案例实现（9）“退出”按钮制作及脚本编写exitBtn.addEventListener(MouseE