交互响应和交互控制.ppt

第5章交互响应和交互控制 5 1建立交互及其结构设置5 2交互属性的设置5 3交互的响应类型 5 1建立交互及其结构设置 Authorware提供了交互方式 要使用所有的交互作用 必须依靠交互图标 交互是一种选择分支流程 既涉及到入口也涉及到出口 更重要的是要根据不同的内容选择不同的交互类型 单独使用交互图标没有任何意义 交互图标和响应设计图标共同构成了交互作用分支结构 5 1建立交互及其结构设置 1 交互图标判断 显示和擦除的功能 是整个交互作用分支结构的入口 在交互图标中可以直接安排交互界面 各种响应图标和相应类型都依附于交互图标 交互图标的重要功能在于它能实现程序的分支 在此基础上完成用户和计算机的交流即交互 至于显示和擦除信息的功能类似显示图标 5 1建立交互及其结构设置 2 响应图标提供了对用户的反馈信息 一旦用户与多媒体作品进行交互 它将沿着相应的分支执行 该分支被称为响应分支或交互分支 执行的内容 即图标 被称为响应 响应可以是一个单一图标 也可以是包含了许多内容的复杂模块 5 1建立交互及其结构设置 4 响应分支由于多种类型的响应可以并存 使得程序流程形成分支 在交互作用分支结构中通常存在三种类型的响应分支 它们分别是 重试 继续 退出交互 5 2交互属性的设置 属性面板一共包括4个选项卡 交互作用 显示 版面布局和CMI 管理 5 3交互的响应类型 5 3 1按钮响应5 3 2热区域响应5 3 3热对象响应5 3 4目标区响应5 3 5下拉菜单响应5 3 6条件响应5 3 7文本输入响应5 3 8按键响应5 3 9时间限制响应5 3 10重试限制响应5 3 11永久响应 5 3 1按钮响应 按钮响应是Authorware中最常用的交互方式 选择按钮响应 当程序进入交互结构时在演示窗口上会出现按钮 单击按钮即可激活交互响应使程序转入相应的交互分支 如果同时设置了多个交互响应的按钮 可以方便地在不同的交互分支之间切换 5 3 1按钮响应 1 利用按钮选择内容 1 拖动一个交互图标到流程线上 命名为 交互 再拖动一个显示图标到交互图标右侧 修改显示图标的名称为 图片1 2 双击打开显示图标 在其中导入一幅风景图片 5 3 1按钮响应 3 关闭演示窗口 再拖动一个显示图标到交互图标右侧 4 再拖动两个显示图标到交互图标右侧建立交互分支 分别为各分支命名 并在其中引入不同的风景图 5 运行程序 画面会出现3个按钮 5 3 1按钮响应 6 再次运行程序 单击不同的按钮 会出现不同的内容 7 停止运行程序 双击交互图标 能够打开一个展示窗口 其中包含了交互图标的3个分支按钮 也可以在其中添加文字 图片等内容 如加入一句提示信息 5 3 1按钮响应 2 按钮响应类型的响应属性 1 双击流程线上的响应类型按钮 打开 交互图标 面板 设置相关参数 5 3 1按钮响应 2 在面板中选择一种光标样式 一般选择手形光标 3 关闭响应属性面板 运行程序 当鼠标指向按钮时 会变化为手形 5 3 1按钮响应 3 添加和编辑按钮按钮的4个正常状态 等待状态 处于等待被选择的状态 选中状态 表示该鼠标被移动到按钮上 并且用户按下了鼠标的状态 越过状态 表示该鼠标被移动到按钮上 但用户没有按下鼠标的状态 屏蔽状态 表示该鼠标被置为不可用 5 3 1按钮响应 1 双击按钮图标上面的小矩形按钮弹出按钮交互的属性设置对话框 单击 按钮 按钮 弹出对话框 可从中选择或编辑按钮的形式 蓝色光条显示的指示出当前使用的按钮样式 5 3 1按钮响应 2 单击 添加 按钮 弹出对话框 可以利用该对话框定义新的按钮 5 3 2热区域响应 热区域响应与按钮响应类型其创建过程大致相同 只是定义的将是演示窗口中的一块矩形区域 该响应是在程序的运行窗口内画出一块矩形区域 当用户单击 双击或鼠标划过这一区域时 将执行事先设计好的程序段 在大多数的工具软件中 常常会看到工具栏 图标栏 工具箱等结构 如果将鼠标移至这些工具的上方 在鼠标的下面就会出现该工具的名称 这种功能非常方便 它会更快捷地得到帮助信息 5 3 2热区域响应 1 在设计窗口中创建流程线和相关图 然后将 小猫 导入背景图标 在响应结果的图标中输入文本 朋友们 我要刷牙了 5 3 2热区域响应 2 双击图标导入背景图片 并调整热区的位置和大小 3 在弹出的热区面板中选择热区相应的交互类型 4 双击图标流程图与图标流程图的交叉点 在打开的面板的选项卡中设置指定鼠标的动作 设置交互的流向 选择鼠标指针形状 5 3 2热区域响应 5 最后打开响应的图标 设置热区被用户响应的内容 具体为输入文本 朋友们 我要刷牙了 并设置好文本的位置 大小及显示模式 透明模式 至此 一个简单的热区域响应小程序就制作完成了 运行时 当鼠标放到热区范围内 就会变成手形 同时画面上将显示 朋友们 我要刷牙了 文本 5 3 3热对象响应 热对象响应和热区域响应类似 它们的响应方式也几乎相同 因此 有了前面制作热区域的经验 这章内容可谓轻而易举 热区域响应与热对象响应的惟一区别是 前者产生响应的对象是一个区域范围 而后者的对象是一些实实在在的物体 5 3 3热对象响应 在热区域交互响应中 可以将多个要设置的热区域的对象放在一个图标中 而在热对象的响应中却是不可以的 每一个热对象必须单独放在一个显示图标内 因为Authorware是将整个显示图标的内容设置为一个热对象 因此 热对象不必固定在某个位置上 而是可以移动的 而热区域必须要和对象放在同一个位置 不可以移动 相对来说 热对象操作起来更灵活 除以上热区域与热对象的设置基本相似 5 3 4目标区响应 有一种叫做华容道的游戏 在这个游戏中 可以用鼠标来拖动各种方块进行移动 如果用Authorware来制作这个游戏 设置的方块必须用鼠标进行移动 这时 便会想到前面曾经提到过交互图标的 版面布局 选项卡 在这个选项卡中可以将图片设置为可移动的 由上面的提示 可以想到 在5 3 3节中讲的例子中 可以通过移动各个局部图片来拼凑一个完整的 小猫 图片 但是如果不小心 就会拼凑错误 怎样才能知道拼凑发生错误 并及时改正呢 使用Authorware来解决这个问题并不难 在这节要讲的目标区域响应就能达到这种效果 若放置位置不对 就自动返回原位置 若全部放置正确 就自动退出程序 5 3 4目标区响应 1 建立一个新文件 打开文件属性面板 设置展示窗口大小可变 居中并取消菜单栏 2 在流程线上引入一个显示图标 并命名为 头文件 3 拖入一个群组图标 命名为 小猫的分割图片 在其二级流程中拖入4个显示图标 建立流程线 并在各个显示图标中导入响应的图片 5 3 4目标区响应 4 拖入一个交互图标到流程线上 命名为 拖动 再用群组图标建立一个 目标区 响应类型的交互分支 并命名为 移动小猫左脸 5 运行程序 程序遇到一个空的 未曾设置 交互响应会自动暂停 并弹出 交互图标 面板 要求对交互响应进行设置 在展示窗口上还有一个标有 移动小猫左脸 的虚线框 5 3 4目标区响应 6 属性面板上有一行提示 选择目标对象 要求选择需要拖动的目标对象 单击小猫左脸图片 则虚线框自动附着到该图片上 同时响应属性面板也会显示出当前选中的对象 7 现在属性面板上的提示变为 拖动对象到目标位置 要求拖动对象到目标区域 拖动小猫左脸图片 注意不是虚线框 到合适的拼凑位置 可见虚线框会随之移动到该位置 再调整虚线框使之与该图片基本相当 8 现在还要对响应属性面板进行设置 选择中的 在中心点定位 定义对象被拖动到目标区域后被锁定到区域中央 不勾选复选框 以便使本响应只对选定对象有效 5 3 4目标区响应 9 设置 状态 属性为 正确相应 说明将小猫左脸拖动到目标区域的操作是正确响应 确定以后 在分支名称 移动小猫左脸 前出现了一个 号 10 在流程线上引入一个群组图标放到 移动小猫左脸 右侧 选择响应类型 命名为 错误位置 打开分支响应属性面板 设置本热区域响应对任何目标对象都有效 从 放下 中选择 返回 选项 表明若拖动对象到错误位置 对象将会自动退回原处 5 3 4目标区响应 11 调整错误位置的目标区域 使其覆盖整个显示窗口 说明对任何目标对象来说 除了其确定的目标区域外 其他区域都是错误的 再设置属性面板中选项卡中的属性为 说明当执行此分支时 用户执行的拖放操作不正确 12 返回流程窗口 程序当前流程如下图 5 3 4目标区响应 13 运行程序 当拖动小猫左脸图像到正确位置时 它就会停留在目标区域位置 当被拖动到其他区域时 它将返回原位置 14 同理 在群组图标 错误位置 之前再插入多个群组图标 分别确定 小猫右脸 小猫左腿部 和 小猫右腿部 拖放的目标区域 流程如下图 5 3 5下拉菜单响应 菜单也是各种软件普遍采用的一种命令控制方式 在Authorware中 菜单被用做一种交互响应的方式 因此可以为多媒体作品制作一个或几个菜单 然后用菜单里的命令来响应各个分支 一般来说 菜单里的每一个命令都要对应一条交互分支 所以 设置每一个命令必须对应创建一条分支 5 3 6条件响应 交互响应还有一种类型是条件响应 它是用条件来控制分支的选择和执行的 条件一般是变量 函数或表达式 当条件得到满足时就执行相应的分支 条件响应也是在程序设计中经常用到的一种交互类型 要在一个程序中使用条件响应 首先可以设置一个交互作用分支结构中的直接响应部分 如按钮响应 按键响应和文本输入响应等 然后再设置条件响应部分 也就是说 先给出响应信息 然后利用条件响应确定该信息与什么分支相匹配 5 3 7文本输入响应 交互响应的文本响应类型可以实现程序直接接收来自键盘的内容 常利用这种响应类型来实现文字的输入 1 建立一个新文件 2 在流程线上拖入一个显示图标 命名为 显示 在其中输入内容 显示变量text的内容 3 为了使显示数据能够随变量值的变化而变化 需要在显示图标属性面板中勾选 更新显示变量 复选框 4 插入一个交互图标 命名为 输入 再插入一个计算图标到交互图标的右侧 建立文本输入类型的交互结构 5 3 7文本输入响应 5 命名该计算图标为 1 利用 1 作为文本输入交互类型的响应条件 可以使该分支接受任何输入 用户从键盘上输入任意内容 然后按Enter键 则会进入该分支执行 6 打开计算窗口 输入内容 定义用变量 text 记录用户输入内容 其中 EntryText 是一个系统变量 它保存了用户输入的内容 7 运行程序 会发现在画面上出现了一个小三角标记 暂停运行 后面还出现了一个虚线框 在小三角后面还出现了一个虚线框 8 虚线框就是交互文本对话框 双击它可以打开文本输入区的属性面板 5 3 7文本输入响应 9 关闭属性面板 将文字输入区移动到展示窗口的上部 10 运行程序 在小三角提示符后输入任意字母 然后按Enter键 输入内容就会被记录到变量text中 并在窗口中显示出来 5 3 8按键响应 按键响应常用于创建一个多选择的交互作用分支 尽管前面所提及的几种响应类型也能胜任多项选择交互作用分支结构 但对于喜欢用键盘操作的用户来说 使用按键响应会更快捷 当希望输入的响应为按任意键或组合键时 可以使用按键响应 该响应类型对于多项选择测试和使用按键选定演示窗口中的对象是非常有用的 5 3 8按键响应 按键响应属性设置有以下几点要注意 1 按键响应严格区分字母的大小写 2 若要将功能键作为按键响应的匹配键 可以在这里输入功能键的名称如 F10 等 3 可输入组合键 比如输入 CtrlA 4 在这里输入 用户按下任意键都可以匹配此响应 5 3 9时间限制响应 在Authorware中 还提供了一种时间限制响应的交互方式 只要用户在规定的时间内没有做出选择 交互图标就会执行时间限制响应的分支 例如 在口令设置或某些测试练习中 常常需要用户在规定时间内输入正确内容 这就需要用到Authorware交互响应的限时输入类型 5 3 9时间限制响应 这种响应方式通常与文本输入响应相结合 它可以提供给用户输入密码的时间 如果在限制的时间内没有输入正确的密码 Authorware就会进入时间限制响应分支 而不会进入文本响应分支 5 3 10重试限制响应 在5 3 9节讲过一个输入用户口令的程序 类似地 可以把时间限制响应改为重试限制响应 来控制用户输入的次数 1 建立一个新文件 2 拖入一个显示图标 命名为 欢迎 在其中建立一个简单的程序起始画面 3 再在流程线上拖入一个交互图标 命名为 限次 用显示图标为它建立一个 文本输入 响应类型的交互分支 并命名分支为 123 5 3 10重试限制响应 4 在分支的显示图标中建立对合法用户的欢迎信息 输入 密码正确 欢迎进入系统运行 5 再用显示图标为交互图标建立一个分支 命名为 中断 打开分支属性面板 设置 重试限制 类型 最大限制为3 6 在分支的显示图标中输入对错误口令的提示信息 对不起 您的输入次数已经达到最大 5 3 11永久响应 当一个响应被设置为永久性响应后 在整个程序运行过程中可以随时被匹配 永久性响应被匹配时 程序会自动跳转到该响应所在的交互作用分支结构中 执行相应的响应图标 使用永久性响应后 程序流程变得复杂 但是得到的好处也是巨大的 交互控制对象在整个程序运行过程中随时可用 摆脱了只能在某个交互作用分支结构中起作用的局限性 5 3 11永久响应 当Authorware在执行程序时遇到一个永久性响应 会先将它激活 使其处于随时待命状态 然后继续向下执行 而不是停在那里等待着用户进行某种操作或是等待