Authorware多媒体制作技术 教学课件 作者 陈淑慧 第九章.ppt

第9章 程序中的交互设计（一） 9.1 交互结构的基础知识 9.2 按钮响应类型 9.3 热区响应类型 9.4 热对象交互类型 本章学习目标 理解Authorware中交互结构的基本概念 掌握按钮、热区、热对象交互类型的基础知识 灵活运用三种交互类型进行程序设计 9.1 交互结构的基础知识 9.1.1 交互结构的建立 9.1.2 交互结构浅析 9.1.3 交互响应类型 9.1.4 分支响应类型的属性设置 9.1.1 交互结构的建立 Authorware为用户提供了11种丰富灵活的交互方式。 【操作实例】使用【交互】图标和【群组】图标建立最为基本的交互结构。 （1）建立新文件并将该文件命名为“交互结构” 保存。 （2）拖动一个【交互】图标到流程线上，命名为“建立交互”。 （3）拖动一个【群组】图标到【交互】图标右侧，建立分支结构；松开鼠标左键，此时便会弹出“交互类型”对话框，如下图所示。 9.1.1 交互结构的建立 （4）在该“交互类型”对话框中，选择“按钮”单选框后，单击确定，便建立了一个最基本的交互结构。 （5）双击分支图标上方出现的交互相应类型符号，可以对弹出的“属性：交互图标”对话框进行设置。 （6）设置分支图标的内容，双击打开【群组】图标，可以在该图标中添加图标。 9.1.1 交互结构的建立 （7）如果想在整个交互结构中，建立多个分支结构，重复（3）、（4）、（5）、（6）即可。 9.1.2 交互结构浅析 交互结构共有3个分支结构，其中响应类型为按钮响应；响应分支由3个【群组】图标组成；响应分支流向是重试响应。 9.1.3 交互响应类型 Authorware提供了11种人机交互方式： 按钮响应类型 热区响应类型 热对象响应类型 目标区响应类型 下拉菜单响应类型 条件响应类型 文本输入响应类型 按键响应类型 限次响应类型 限时响应类型 事件响应 9.1.4 分支响应类型的属性设置 可以通过属性对话框 ，对各种交互类型之间存在一些共有的属性进行设置。 9.2 按钮响应类型 9.2.1 制作简单按钮 9.2.2 按钮的个性化设置 9.2.3 灵活多变的按钮状态 9.2.1 制作简单按钮 【操作实例】通过使用【交互】图标和【群组】图标来制作一个简单的按钮，单击【开灯】按钮“演示”窗口，背景颜色为白色；反之，单击【关灯】按钮，背景颜色变为黑色。 （1）建立新文件并将该文件以“开关灯”为名保存。 （2）拖动一个【交互】图标到流程线上，命名为“交互”。 （3）拖动一个【计算】 图标到【交互】图标的 右下方后，打开“交互类 型”选择对话框进行设置 ，这样便创建了一个简单的按钮。 9.2.1 制作简单按钮 （4）将【交互】图标右侧的【计算】图标命名为“开灯”，在其编辑窗口中输入函数语句。 （5）双击“开灯”按钮响应类型符号 ，按钮响应类型的属性设置如下。 9.2.1 制作简单按钮 （6）单击“鼠标”后面的 按钮，打开“鼠标指针”对话框，用户可以选择鼠标指针形状或单击【添加】按钮，加载外部鼠标指针形状。 9.2.1 制作简单按钮 （7）拖动一个【计算】图标到“开灯”图标的右侧，将其命名为“关灯”，在该图标的编辑窗口中输入函数语句。 9.2.1 制作简单按钮 （8）双击“关灯”按钮响应类型符号 ，进行相关设置。 （9）单击按钮，“演示”窗口中出现两个按钮， 进行“开关”演示。 9.2.2 按钮的个性化设置 用户的个性化的多彩按钮如下。 9.2.2 按钮的个性化设置 【操作实例】通过对按钮的个性化设置，设置具有缤纷多彩的按钮。 （1）建立新文件并保存为“缤纷按钮”。 （2）拖动一个【计算】图标到程序流程线上，命名为“定义窗口”，在其中输入“ResizeWindow(400,300)”，定义“演示”窗口尺寸为400×300。 （3）拖动一个【显示】 图标到流程线上，命名 为“背景”，导入素材图片。 9.2.2 按钮的个性化设置 （4）拖动一个【交互】图标到流程线上，命名为“交互”。 （5）在【交互】图标的右下方放置一个【显示】图标，在自动弹出的“交互类型”选择对话框中进行设置。 （6）双击“花卉”按钮响应类型符号 ，弹出按钮响应类型的属性设置对话框。 （7）单击属性对话框中 按钮 ，弹出“按钮” 对话框，当前按钮样式 用蓝色光条选择。 9.2.2 按钮的个性化设置 （8）单击该对话框左下角的