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