按钮交互

第六单元按钮交互结构

教学目标：1、学习制作按钮交互结构

2、看懂流程线的走向

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

2、进行按钮交互分支的设置

3、学习quit函数的使用

教学难点：1、按钮交互分支结构的制作

2、理解不同分支之间的关系

教学课时：2课时

教学新授

1.教学回顾

打开“第四次左右.a7p”，双击打开层1上的“贝多芬音乐欣赏”群组图标上，将开始的白色小旗放在该层2的上方，在层2的流程下方放入擦除图标，擦除层2中所有的显示内容。制作完成后的流程线如下所示：

引入：前面我们已经学习了许多图标的使用，今天我们要学习的图标是Authorware中相当重要的图标，使用它可以完成许多的人机交互操作。

2.按钮交互结构

在层1的流程线下方放置“群组”图标，命名为“西洋乐器”。双击该图标，进入层2。在层2的流程线上先放置一显示图标，制作相关文字内容。

2.1构建按钮交互结构

先在流程线上放置“交互”图标，再在交互图标的右方空白处放置一“群组”图标，在弹出

的对话框中选择“按钮”，单击“确定”按钮。

依次放置另外四个群组图标，生成按钮交互结构，如下图所示：

我们以后就把“交互”按钮及其右方的结构总称为交互结构，由于这里选择的是按钮交互，所以称为按钮交互结构。右方每一个小流程线，我们称为一个分支。上图的按钮交互结构就是由一个“交互”图标和五个“分支”共同组成的。

2.2 按钮名称的设置

更改白旗的位置，运行文件。会发现在运行窗口中出现了五个“未命名”的按钮。这些按钮上的名称就是由分支的名称决定的，我们只需在更改分支的各个名称即可，然后拖动这些按钮到相关位置。

2.3 分支内容的制作

当我们任意按五个按钮时，要在运行窗口中显示各自相关的内容，以“弦乐器”按钮为例，当单击该按钮时，在运行窗口中显示相关文字。

方法：单击“弦乐器”按钮，在流程线上就是进入了分支结构中的第一个分支中，我们只要单击后将显示的内容在该分支的“群组”图标中完成即可。

思考一：在该“群组”图标中添加显示图标，添加文字内容后，在运行时会仍然会有“标题”图标中的内容显示，如何完善？（在分支中添加擦除图标）

思考二：是否有必要在“弦乐器”、“木管乐器”、“铜管乐器”、“打击乐器”各分支中都放置擦除图标，擦除“标题”显示图标的内容？（需要，因为交互式任意单击的）

2.4 分支的设置

按钮图标的制作：双击“退出”分支上的小按钮图标，在属性面板中单击左下角的“按钮”按钮，在弹出的对话框中可以选择按钮图标形状，或者也可以添加图片作为按钮形状。

右边的鼠标是用来设置当鼠标放在按钮上时的形状。

我们发现在交互结构中，不管选择选择哪个按钮分支，流程线总是回到交互图标处。那是否可以改变这些分支流程的走向呢？请大家切换到“响应”标签下，这里可进行分支流程的走向设置。

擦除：分为“在下一次输入之后”、“在下一次输入之前”、“在退出时”和“不擦除”四种选择。前面两种指的是在进入其他分支之前或之后时，自动擦除原来分支的内容。这里选择默认的“在下一次输入之前”。

分支：有“重试”、“继续”和“退出交互”三种。“重试”指的是回到交互处重新选择，“继续”指的是该分支继续进行，“退出交互”表示退出当前的交互结构。这里我们选择“退出交互”。

2.5 quit函数的使用

在“退出”分支中添加计算图标，输入quit()

Quit函数用来退出当前程序。

教学总结

本单元主要是介绍Authorware中的按钮交互结构的使用方法，使用交互图标，可以进行许多种不同的交互效果的设置，本单元我们学习的是按钮交互。按钮交互就是通过我们单击任意的按钮时，会显示相关的内容。这种交互是最简单的，也是最常用的。进行交互制作，一般都是先搭建整个交互结构，在依次设置各个分支的内容。这其中需要我们能很好的进行流程线箭头的走向控制，不同的走向会产生不同的结果。

学生练习：制作“调试板”按钮交互程序