按钮交互.doc

第六单元按钮交互结构教学目标: 1 、学习制作按钮交互结构 2 、看懂流程线的走向教学重点: 1 、通过实例演示,学生掌握按钮交互结构的制作方法 2 、进行按钮交互分支的设置 3 、学习 quit 函数的使用教学难点: 1 、按钮交互分支结构的制作 2 、理解不同分支之间的关系教学课时: 2 课时教学新授 1. 教学回顾打开“ ”,双击打开层 1 上的“贝多芬音乐欣赏”群组图标上,将开始的白色小旗放在该层 2 的上方,在层 2 的流程下方放入擦除图标,擦除层 2 中所有的显示内容。制作完成后的流程线如下所示: 引入:前面我们已经学习了许多图标的使用,今天我们要学习的图标是 Authorware 中相当重要的图标,使用它可以完成许多的人机交互操作。 2. 按钮交互结构在层 1 的流程线下方放置“群组”图标,命名为“西洋乐器”。双击该图标,进入层 2 。在层2 的流程线上先放置一显示图标,制作相关文字内容。 构建按钮交互结构先在流程线上放置“交互”图标, 再在交互图标的右方空白处放置一“群组”图标, 在弹出的对话框中选择“按钮”,单击“确定”按钮。依次放置另外四个群组图标,生成按钮交互结构,如下图所示: 我们以后就把“交互”按钮及其右方的结构总称为交互结构,由于这里选择的是按钮交互, 所以称为按钮交互结构。右方每一个小流程线, 我们称为一个分支。上图的按钮交互结构就是由一个“交互”图标和五个“分支”共同组成的。 按钮名称的设置更改白旗的位置, 运行文件。会发现在运行窗口中出现了五个“未命名”的按钮。这些按钮上的名称就是由分支的名称决定的, 我们只需在更改分支的各个名称即可, 然后拖动这些按钮到相关位置。 分支内容的制作当我们任意按五个按钮时,要在运行窗口中显示各自相关的内容,以“弦乐器”按钮为例, 当单击该按钮时,在运行窗口中显示相关文字。方法: 单击“弦乐器”按钮, 在流程线上就是进入了分支结构中的第一个分支中, 我们只要单击后将显示的内容在该分支的“群组”图标中完成即可。思考一: 在该“群组”图标中添加显示图标, 添加文字内容后, 在运行时会仍然会有“标题”图标中的内容显示,如何完善?(在分支中添加擦除图标) 思考二: 是否有必要在“弦乐器”、“木管乐器”、“铜管乐器”、“打击乐器”各分支中都放置擦除图标,擦除“标题”显示图标的内容?(需要,因为交互式任意单击的) 分支的设置按钮图标的制作:双击“退出”分支上的小按钮图标,在属性面板中单击左下角的“按钮”按钮,在弹出的对话框中可以选择按钮图标形状,或者也可以添加图片作为按钮形状。右边的鼠标是用来设置当鼠标放在按钮上时的形状。我们发现在交互结构中, 不管选择选择哪个按钮分支, 流程线总是回到交互图标处。