下拉菜单交互

第九单元下拉菜单交互

教学目标：1、学习制作下拉菜单交互结构

2、进一步掌握交互分支与交互分支之间的回转方法

教学重点：1、通过实例演示，学生掌握下拉菜单交互结构的制作方法

2、进行多种交互类型的分支使用

3、学习跳转函数的使用方法

教学难点：1、下拉菜单交互分支结构的制作

2、深入理解交互结构之间的关系

教学课时：2课时

教学新授

1.教学回顾

打开“第七次左右.a7p”，简单回顾前面学过的几种交互类型。

师问：前面学过了哪几种交互类型？

学答：按钮交互、热对象交互和热区域交互。

师问：制作交互结构的大致步骤？

学答：构建交互结构，进行分支类型设置，添加分支内容。

引入：我们在打开许多软件时，如已经学习过Word、Excel等，我们能看到在其上方有一排菜单栏，当我们选择菜单项里的某个选项，就能执行某项具体的操作。Authorware也提供了这种交互类型。这就是我们今天要一起学习的下拉菜单交互类型。

2.下拉菜单交互

下拉菜单交互一般是在运行窗口中显示菜单栏，当用户选择菜单栏中某栏中的某个具体选项时，计算机会显示相应的内容。

2.1构建下拉菜单交互结构

下拉菜单包括菜单栏项目以及该栏目中的选项。先进行“铜管乐器介绍”菜单栏的交互结构制作，该栏目中有三个选项，分别是“圆号”、“小号”和“长号”。

方法：添加交互图标图标，交互图标名称命名为“铜管乐器介绍”，在其右方依次添加三个群组图标，生成三个分支。

2.2 下拉菜单分支的设置

双击下拉菜单交互结构中的第一个分支的小图标，将属性面板中切换到“菜单”标签下。菜单：显示实际运行时菜单栏的名称。

菜单条：显示实际运行时菜单栏对应选项的名称，不输入内容时，默认显示为分支的名称。快捷键：选择菜单中某个项目时，可以使用键盘上的组合键来完成，一般显示为“Ctrl+英文字母”。

再将属性面板中切换到“响应”标签下。

范围：可选择“永久”，表示菜单选项永久显示。这里勾选上。

分支：选择“返回”，表示当运行该菜单选项后，从该分支从原路返回。

依次将设置其他分支。

练习：按照上面的方法，学生自行完成“铜管乐器欣赏”菜单的构建和分支设置。

当运行后，发现界面上有内容重叠现象，这是由于下拉菜单分支设置好后，流程线的走向所致，添加相应图标完善界面。

2.3 分支内容的制作

设置好各分支的操作方式后，当我们单击第一个下拉菜单中的某个选项时时，相当于在流程线上进入了第一个下拉菜单分支结构中的某个分支中，我们只要将单击后显示的内容在该分支的“群组”图标中完成即可。

2.4 跳转函数的使用

思考：当进入“铜管乐器”按钮分支后，进入到“铜管乐器”层3中，如果直接按“继续”按钮，可以顺利的回到“西洋乐器”的层2中，但是如果选择了某个菜单的选项后再按“继续”按钮后，回到层2中时会有多余的内容在演示窗口中，而这些内容又是任意出现的，根本无法使用擦除图标来擦除，这时候怎么办呢？

方法：使用跳转函数来直接完成图标的跳转。

跳转函数的格式：GoTo(IconID@"IconTitle")

说明当authorware遇见GoTo语句时，它将跳到在IconTitle中指定的图标继续执行。在使用GoTo语句前,可以考虑使用Navigate图标代替。Navigate图标让用户在flowline中自由移动,Authorware可以轻易地追踪用户的行动。用户可以:跳到框架内的任一个图标;返回用户观察的最后一个图标;显示用户观察过的图标的目录; 让用户搜索特定的图标并跳到这个图标. 如果目的图标是Navigation框架内的一个页面,Authorware在执行目的图标之前先执行框架入口的图标。如果Authorware要从框架内的页面跳出,Authorwae在执行目的图标之前先执行框架出口的图标。

教学总结

本单元主要是介绍Authorware中的下拉菜单交互结构的使用方法，一个菜单栏项目对应了一个下拉菜单结构，该结构中的分支内容就是该项目中的某个选项内容。此外，我们还学习了跳转函数的使用方法，但是这里我们要注意的是在整个流程中要避免使用该函数，因为过多的使用该函数，会造成整个结构的混乱，只有在必要时才使用。

学生练习：制作“调色板”热对象交互程序

要求：设置窗口大小为320×240，当鼠标经过下拉菜单中的选项时，显示相应的色块颜色或者完成相应的命令。