《多媒体Authorware7.0课件制作教程 教学课件 ppt 作者 朱红康 第7章- 交 互 设 计》由会员分享，可在线阅读，更多相关《多媒体Authorware7.0课件制作教程 教学课件 ppt 作者 朱红康 第7章- 交 互 设 计（218页珍藏版）》请在金锄头文库上搜索。
1、,第7章 交 互 设 计,学习要点 了解【交互】图标的作用及其属性设置 熟悉交互作用分支结构的设计过程 了解11种响应类型的属性设置, 掌握11种响应类型各自的特点、功能 能够灵活运用这11种响应类型制作多媒体课件,重点和难点 【交互】图标及其属性设置 交互作用分支结构的构造 11种响应类型的属性设置 常用响应类型的使用,7.1 【交互】图标的使用,7.1.1 【交互】图标及属性设置,图7.1 【交互】图标的属性对话框,图7.2 “Interaction”选项卡,（1）Erase选项： 用来决定什么时候自动擦除【交互】图标中的显示内容，它有以下3个选择方式。, Upon Exit：当程序退出交
2、互时，系统会自动擦除【交互】图标的显示内容。该选项是系统的默认选项。 After Next Entry：当程序执行一次新的交互响应之后，系统会自动擦除前一个交互中的显示内容。, Dont Erase：不擦除【交互】图标的显示内容，除非使用【擦除】图标来擦除它，否则这些内容将一直显示在屏幕上。,（2）另一个“Erase”选项是用来设置擦除效果的，单击其后面的按钮，会弹出“Erase Transition”对话框。,（3）“Options”选项是用来设置退出交互前的动作，其后有两个复选框。, “Pause Before Exiting”选项：在退出交互分支前，程序会暂时停止执行，让用户有足够的时间
3、来浏览，当单击鼠标左键或按任意键后，程序会退出交互，继续执行后面的内容。, “Show Button”选项：这个选项必须在选中了“Pause Before Exiting”后才能有效，如果用户选中此项，则程序在退出交互时，会在屏幕上显示一个“Continue”按钮，用户单击这个按钮后，程序就会继续执行后面的内容。,2“Display”选项卡,图7.3 “Display”选项卡,3“Layout”选项卡,图7.4 “Layout”选项卡,4“CMI”选项卡,图7.5 “CMI”选项卡,表7.1 符合AICC标准的字符串及其含义,7.1.2 交互的建立,图7.6 “Response Type”对话
4、框,7.1.3 交互分支结构,图7.7 交互分支结构流程图,图7.8 “Response”选项卡,在图7.8所示的“Response”选项卡中的“Status”选项中可以修改响应状态，它一共有3种选择方式。, Not Judged：不跟踪响应，这是系统默认的选项。, Correct Response：跟踪正确响应，将正确响应次数累加，并将累加的结果放入一个系统变量中。选择此项，响应图标的标题前会显示一个“+”号。, Wrong Response：跟踪错误响应，将错误响应次数累加，并将累加的结果放入一个系统变量中。,（4）反馈分支，即执行完分支中的内容之后的程序走向，同样在如图7.8所示的“Re
5、sponse”选项卡中的“Branch”选项中进行设置，它有4种选择方式。, Try Again：程序执行完该交互响应后，返回到总交互的最前面，重新判断是否进入某个交互项。,7.2 按钮响应方式,7.2.1 按钮响应的属性设置 在流程线上拖动一个【交互】图标，在【交互】图标的右下角拖动一个【群组】图标，在弹出的响应类型对话框中，按钮（Button）响应是作为默认的响应类型，单击“OK”按钮，响应图标的标题为默认的“Untitled”。,这样，在演示窗口中会出现一个名为“Untitled”的Windows风格的按钮，其流程图及演示窗口如图7.10所示。,图7.10 流程图及演示窗口,在这个交互结
6、构中，【交互】图标是交互结构的入口，响应图标的标题就是演示窗口中按钮上所显示的标签，双击响应类型标志或在演示窗口中双击此按钮即可打开其属性窗口，如图7.11所示。,图7.11 按钮响应的属性对话框,图7.12 鼠标类型设置对话框,图7.13 鼠标指针形状,（4）“Response”选项卡,图7.14 “Response”选项卡,图7.15 Active If值为FALSE时按钮的状态,7.2.2 按钮响应的简单应用 【例7.1】制作一个浏览图片的按钮响应实例,1要求： 程序运行时显示“图片1”、“图片2”和“图片3”3个按钮，单击按钮显示相应的图片。,2程序流程图及运行结果如图7.16所示。,
7、图7.17 运行窗口,图7.18 “Response”选项卡,【例7.2】制作一个动画浏览实例。,1要求： 程序运行时显示“气球升空”、“龟兔赛跑”和“退出”3个按钮，按钮标签即为动画名称，单击按钮欣赏相应的动画，单击“退出”按钮，退出演示窗口。读者还可利用前面制作的动画实例对本实例做一个扩充。,2程序流程图及运行结果如图7.19所示。,图7.19 程序流程图及运行结果,图7.20 程序运行窗口,图7.21 【交互】图标的属性窗口,图7.22 流程图及演示窗口,7.2.3 自定义按钮的制作 打开自定义按钮对话框。如图7.23所示。,图7.23 “Buttons”对话框,图7.24 “Butto
8、n Editor”对话框,图7.25 按钮素材,图7.26 “Up”、“Down”和“Over”时导入图片,图7.27 【交互】图标的演示窗口,7.3 热区响应方式,7.3.1 热区响应的属性设置,图7.28 热区响应属性对话框,7.3.2 热区响应的简单应用 【例7.3】制作一个认识动物的实例,1要求： 程序运行时，当鼠标移到一个动物图片上时显示其名称，单击该图片时显示一些相关的信息，双击退出图片时退出交互返回Authorware设计窗口，并且鼠标形状改为手形。,2程序流程图及演示窗口如图7.30所示。,图7.30 流程图及演示窗口,图7.31 “兔子”响应图标的热区,图7.32 “Hot
9、Spot”响应类型属性对话框,图7.33 为“兔子”响应分支添加提示信息,7.4 热对象响应方式,7.4.1 热对象响应的属性设置,图7.34 设计窗口及属性窗口,图7.35 选中“圆”为热对象后的属性窗口,7.4.2 热对象响应的简单应用 【例7.4】认识图形实例的制作。 1要求： 程序运行时，当鼠标移到图形上时显示图形的名称，用鼠标双击“退出”图形时退出该程序，鼠标形状为手形。,2程序流程图及演示窗口如图7.36所示。,图7.36 认识图形实例的流程图及演示窗口,图7.37 “圆”热对象属性对话框,7.5 目标区域响应方式,7.5.1 目标区域响应的属性设置,图7.38 设计窗口及属性对话
10、框,图7.39 属性对话框,7.5.2 目标区域响应的简单应用 【例7.5】使用目标区域响应做一个拼图游戏。,1要求： 将图片移到正确的位置时居中移到错误的位置时返回。 2程序流程图及演示窗口如图7.40所示。,图7.40 拼图游戏实例的流程图及演示窗口,图7.41 “背景”显示图标的演示窗口,图7.42 “背景”图标的“Calculation”对话框,图7.43 响应图标“1”的属性对话框,图7.44 设置对象的热区大小和位置,图7.45 “1”响应图标的属性对话框,图7.46 错误响应区域及“Wrong”响应图标的属性对话框,7.6 下拉菜单响应方式,7.6.1 下拉菜单响应的属性设置,图
11、7.47 流程图、演示窗口及属性对话框,7.6.2 下拉菜单响应的简单应用 【例7.6】向演示窗口中添加一个名为“动画”的下拉菜单。,1要求： 程序运行时菜单栏里除“File”菜单外还显示一个名为“动画”的下拉菜单，单击其菜单项，播放相应的动画，单击“退出”菜单项时退出演示窗口。 2程序流程图及演示窗口如图7.48所示。,图7.48 “动画”下拉菜单的流程图及演示窗口,图7.49 添加“图片”菜单后的流程图及演示窗口,【例7.7】向菜单项中添加分割线以及擦除系统自带的File菜单。,1要求： 在例7.6的基础上修改程序，使得程序在运行时在“动画”下拉菜单的“退出”菜单项前添加一个分割线，并将系
12、统自带的“File”菜单删除。 2程序流程图及演示窗口如图7.50所示。,图7.50 程序流程图及演示窗口,图7.51 “动画”下拉菜单,图7.52 属性对话框,图7.53 擦除File菜单 这样，在程序运行时，File菜单就没有了，只有用户自己,【例7.8】使用变量设置菜单名称MenuItem属性的用法。 1要求： 使用MenuItem属性来设置菜单名称。 2程序流程图及演示窗口如图7.54所示。,图7.54 流程图和程序的运行结果,图7.55 【计算】图标的编辑窗口,图7.56 “Menu”选项卡,7.7 条件响应方式,7.7.1 条件响应的属性设置,图7.57 “Conditional”
13、响应属性对话框,7.7.2 条件响应的简单应用 【例7.9】配合按钮响应制作多选题。,1要求： 利用按钮响应制作多选题，程序运行时，题的下方显示答案按钮，当选了所有的正确按钮时显示“恭喜你！答对了”，当选了错误按钮时显示“错误！重来”，并且按钮变灰。 2程序流程图及演示窗口如图7.58所示。,图7.58 流程图及运行结果,图7.59 “Response”选项卡,图7.60 “Conditional”选项卡,图7.61 流程线结构,7.8 文本输入响应方式,7.8.1 文本输入响应的属性设置,图7.62 交互结构、演示窗口及文本输入框的属性对话框,图7.63 “Interaction”选项卡,图
14、7.64 “Text”选项卡,图7.65 文本输入响应属性对话框,7.8.2 文本输入响应的简单应用 【例7.10】应用文本输入响应来制作一个通过输入口令来验证身份的实例。,1要求： 程序运行时提示用户输入密码，如果用户输入的密码正确显示“欢迎使用本程序！”，等待2s后退出交互执行流程线后面的程序，如果用户输入的密码不正确则显示“错误，重来”。 2程序流程图及演示窗口如图7.66所示。,图7.66 流程图及运行结果,图7.67 “pass”图标属性设置,图7.68 “*”图标属性设置,【例7.11】算术题。 1要求： 利用文本输入响应方式制作一道算术题，运行时程序随机的出一道两位数的加法题，如
15、果用户输入正确，显示“”；如果用户输入错误，则显示“”。,2程序流程图及演示窗口如图7.69所示。,图7.69 运行结果,图7.70 “随机变量”【计算】图标的编辑窗口,图7.71 “题目”图标的演示窗口,图7.72 属性对话框,图7.73 属性对话框,7.9 按键响应方式,7.9.1 按键响应的属性设置,图7.74 交互结构及属性对话框,7.9.2 按键响应的简单应用 【例7.12】利用按键响应制作单选题。,1要求： 程序运行时显示题目及相应的按键选项，按了某一键后，程序给出相应的对错判断，并将学生所选的按键显示在括号中。 2程序流程图及演示窗口如图7.75所示。,图7.75 程序流程图及运行结果,图7.76 【交互】图标的演示窗口,图7.77 “Keypress”选项卡,7.10 重试限制响应方式,7.10.1 重试限制响应的属性设置,图7.78 交互结构及属性对话框,7.10.2 重试限制响应的简单应用 【例7.13】限制用户答题两次。,1要求： 限制学生答题两次,答错时提示用户还有几次机会，两次没答对的话提示“你已答错两次了，答案应该是B”，然后等待2秒后退出交互。 2
