交互组件应用汇总课件.ppt

《交互组件应用汇总课件.ppt》由会员分享，可在线阅读，更多相关《交互组件应用汇总课件.ppt（31页珍藏版）》请在三一办公上搜索。

1、第9课 交互组件应用,本课要点具体要求本课导读上机练习,第9课 交互组件应用本课要点,本课要点,组件的基本概念应用Flash 8中的常用组件设置组件属性组件检查器,本课要点组件的基本概念,具体要求,了解组件的作用，以及Flash 8中的组件类型。掌握Flash 8中常用组件的应用。掌握为组件设置属性的基本方法。了解并掌握组件检查器的基本应用。,具体要求了解组件的作用，以及Flash 8中的组件类型。,本课导读,在Flash 8中，若要使动画具备某种特定的交互功能，除了为动画中的帧、按钮或影片剪辑添加Action脚本这种方法外，还可利用Flash 8中提供的各种组件来实现。用户只需根据动画的实际

2、情况，在场景中添加相应类型的组件，并为组件添加适当的脚本即可。,本课导读在Flash 8中，若要使动画具备某种特定的交互功,9.1 Action脚本概述,组件是Flash 8中重要的组成部分，在Flash 8的交互应用中，组件通常与Action脚本配合使用。通过对组件参数进行设置，并将组件所获取的信息传递给相应的Action脚本，然后通过脚本执行相应的操作，从而实现最基本的交互功能。,9.1 Action脚本概述组件是Flash 8中重要的,9.1 Action脚本概述,9.1.1 知识讲解9.1.2 典型案例打开【组件】面 板查看组件类型,9.1 Action脚本概述9.1.1 知识讲解,9

3、.1.1 知识讲解,在Flash 8中，用户可根据需要，为动画添加相应的组件，并通过Action脚本使其实现特定的交互效果。学好Action脚本和组件的基本应用，是制作Flash交互动画的必要前提。在本节中，就将对组件的作用以及Flash 8中组件的基本类型进行讲解。,9.1.1 知识讲解在Flash 8中，用户可根据需要，,9.1.1 知识讲解,1. 组件的作用2. Flash中组件的类型,9.1.1 知识讲解1. 组件的作用,1. 组件的作用,Flash 8中的组件，可以为制作者提供大部分的交互功能。利用不同类型的组件，可以制作出简单的用户界面控件，也可以制作出包含多项功能的交互页面。同时

4、用户还可根据需要，对组件的参数进行自定义设置，从而修改组件的外观和交互行为。,1. 组件的作用Flash 8中的组件，可以为制作者提供大,2. Flash中组件的类型,在Flash 8中，组件的类型包括：Data组件、FLV Playback-Player 8组件、FLV Playback Custom UI组件、Media-Player 6-7组件和User Interface组件（即UI组件）。,2. Flash中组件的类型在Flash 8中，组件的类型,9.1.2 典型案例打开【组件】 面板查看组件类型,案例目标本案例将打开【组件】面板，然后查看【组件】面板中的各组件类型。通过练习，可掌

5、握在Flash 8中打开【组件】面板并选择相应组件的基本操作。,9.1.2 典型案例打开【组件】,9.1.2 典型案例打开【组件】 面板查看组件类型,操作思路（1）选择相关命令打开【组件】面板。（2）在打开的【组件】面板中打开相应的组件类别，并查看该类别下的组件。,9.1.2 典型案例打开【组件】,9.1.2 典型案例打开【组件】 面板查看组件类型,操作步骤具体操作步骤请教师参照软件和书中内容进行讲解。,9.1.2 典型案例打开【组件】,9.1.2 典型案例打开【组件】 面板查看组件类型,案例小结本案例通过简单的几步操作，练习了在Flash 8中打开【组件】面板，并查看组件的基本方法。在练习时

6、，除掌握基本的操作方法外，还应尽量熟悉各组件类别下的组件名称，以及各组件在该类别下的大致位置，为以后的实际应用打下必要的基础。,9.1.2 典型案例打开【组件】,9.2 组件基本应用,了解组件的作用、类型以及【组件】面板的相关操作后，在本节中，就将对Flash 8中组件的基本应用进行讲解。,9.2 组件基本应用了解组件的作用、类型以及【组件】面板,9.2 组件基本应用,9.2.1 知识讲解9.2.2 典型案例利用组件 获取用户信息,9.2 组件基本应用9.2.1 知识讲解,9.2.1 知识讲解,在Flash 8中，组件的基本应用主要包括添加组件以及设置组件属性等两个方面，在完成这两步操作之后，

7、只需为组件添加相应的Action脚本即可实现基本的交互功能。,9.2.1 知识讲解在Flash 8中，组件的基本应用主,9.2.1 知识讲解,1. Flash常用组件2. 添加组件的方法3.设置组件属性的方法4.组件检查器,9.2.1 知识讲解1. Flash常用组件,1. Flash常用组件,在Flash 8的各组件类型中，FLV Playback-Player 8组件、FLV Playback Custom UI组件和Media-Player 6-7组件用于对视频播放进行控制，Data组件用于加载和处理数据源的信息，User Interface组件则用于设置用户界面，并实现大部分的交互操作

8、，因而在制作交互动画方面，User Interface组件是应用最广，也是最常用的组件类别之一。,1. Flash常用组件在Flash 8的各组件类型中，F,2. 添加组件的方法,下面以在动画场景中的ComboBox组件为例，对Flash 8中添加组件的方法进行讲解。具体操作请教师参照软件和书中内容进行讲解。,2. 添加组件的方法下面以在动画场景中的ComboBox组,3. 设置组件属性的方法,在场景中添加组件后，还需要根据动画的实际情况对组件的属性进行设置。下面以ComboBox组件为例，对Flash 8中设置组件属性的方法进行讲解，具体操作请教师参照软件和书中内容进行讲解。,3. 设置组件

9、属性的方法在场景中添加组件后，还需要根据动画,4. 组件检查器,组件检查器用于显示和设置所选组件的参数和属性等信息。在组件较多的情况下，使用组件检查器，可以快速对组件的参数和属性信息进行检查和修改，从而提高动画制作的效率。其具体操作请教师参照软件和书中内容进行讲解。,4. 组件检查器组件检查器用于显示和设置所选组件的参数和属,9.2.2 典型案例利用组件获取 用户信息,案例目标本例将利用本节所学的常用组件，制作一个具有信息收集功能的“利用组件获取用户信息.fla”动画。通过本例的练习，掌握Flash 8中常用组件的应用，以及结合Action脚本实现特定功能的基本思路和方法。源文件位置：【第9课

10、源文件利用组件获取用户信息.fla】,9.2.2 典型案例利用组件获取,9.2.2 典型案例利用组件获取 用户信息,操作思路（1）将图层1重命名为“背景”图层，输入相应文字信息，并创建动态文本区域。（2）新建“组件”图层，添加ComboBox和RadioButton组件，并设置组件属性。（3）新建“按钮脚本”图层，添加Button组件，并为其添加相应的Action脚本。,9.2.2 典型案例利用组件获取,9.2.2 典型案例利用组件获取 用户信息,操作步骤具体操作步骤请教师参照软件和书中内容进行讲解。,9.2.2 典型案例利用组件获取,9.2.2 典型案例利用组件获取 用户信息,案例小结本案例

11、通过利用Button，RadioButton和ComboBox组件，并结合相应的Action脚本，实现了对用户输入信息的获取功能。在制作本例的过程中，除了掌握这几种常用组件的基本应用外，还应了解Action脚本的大致含义，以及如何将所用组件与Action脚本相关联的基本方法。除此之外，还可尝试利用ScrollPane和CheckBox组件，替代本例中的动态文本区域和RadioButton组件，以对其进行有针对性的练习。,9.2.2 典型案例利用组件获取,9.3 上机练习,9.3.1 利用组件实现背景选择9.3.2 利用组件制作IQ测试,9.3 上机练习9.3.1 利用组件实现背景选择,9.3.

12、1 利用组件实现背景选择,本次练习结合本课所学的内容，利用ComboBox组件配合Action脚本，制作一个可以通过下拉列表框选择动画背景的“利用组件实现背景选择.fla”动画。素材位置：【第9课素材】源文件位置：【第9课源文件利用组件实现背景选择.fla】,9.3.1 利用组件实现背景选择本次练习结合本课所学的内,9.3.1 利用组件实现背景选择,操作思路文档的场景尺寸为550200像素，背景颜色为深灰色。将图层1重命名为“背景”图层，将导入的图片素材分别放置到第27帧中，并为各帧添加“stop( );”脚本。新建“组件”图层，将ComboBox组件放置到场景，设置其属性并添加适当的Acit

13、on语句。,9.3.1 利用组件实现背景选择操作思路,9.3.2 利用组件制作IQ测试,本次练习将运用本课所学知识，利用Flash 8中的RadioButton和Button组件，配合Action脚本，制作一个具有简单IQ测试功能的“利用组件制作IQ测试.fla”动画效果素材位置：【第9课素材】源文件位置：【第9课源文件利用组件制作IQ测试.fla】,9.3.2 利用组件制作IQ测试本次练习将运用本课所学知,9.3.2 利用组件制作IQ测试,操作思路文档的场景尺寸为550390像素，背景颜色为白色。导入本例所需的图片素材，并将导入的素材放置到场景中作为背景。新建“问题”图层，使用文本工具和绘图工具在场景中输入相应的文字并绘制问题图形。在各关键帧中添加本例需要用到的组件，设置各组件的参数，并添加相应的脚本。,9.3.2 利用组件制作IQ测试操作思路,