第九章交互中国水利水电出版社多媒体技术与应用第九章 交互在多媒体应用程序中,良好的人机交互界面是用户对应用程序的共同需求 。
交互使得多媒体作品在展示过程中用户能与计算机之间进行的双向交流 。
交互作用的控制是通过交互响应分支结构来实现的 。 Authorware一共提供了 11种响应方式,以实现不同的交互类型 。 11种交互响应类型如表 9-
1所示 。
多媒体技术与应用多媒体技术与应用案例 22 创建交互图标知识点,认识交互类型和设置交互图标属性把一个交互图标放在流程线上,再将一个图标(除交互、分支和框架图标)
放在交互图标右下方时,会自动弹出,交互类型,对话框,如图 9-1所示。
选中一种交互类型选项,再单击 【 确定 】 按钮,即可选择相应的交互类型。
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 例题 9.1】 交互响应控制的图片循环展示多媒体技术与应用多媒体技术与应用
【 实训 9.1】 交互简介操作要点:制作一个以文字为对象,用按钮实现文字展示控制。
程序流程如图 9-8所示,程序运行效果如图 9-9 所示。
多媒体技术与应用案例 23 按钮交互知识点:利用按钮实现交互,设置按钮交互属性按钮响应方式是最常见的一种交互方式
,按钮响应方式会在演示窗口中出现一个 【 按钮 】
用户按下按钮就相当于打开开关,计算机执行该响应分支中的内容 。
打开按钮属性面板如图 9-10,各选项的含义如表 9-2所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 例题 9.2】 按钮 --图片的放大与缩小多媒体技术与应用多媒体技术与应用
【 实训 9.2】 按钮响应 —数码产品的展示操作要点:按钮激活属性的设置 。
( 1) 程序运行后,除激活按钮外其它按钮不可用,用户操作激活按钮后,其它按钮才能使用 。
( 2) 图片设置为阿尔法模式,与背景融合效果更好 。
( 3) 表达式 show,= ~show中,,=”是 Authorware中的赋值运算符,
,~,是逻辑非运算符 。
( 4) 在按钮分支中要设置激活变量 show,如图 9-17 所示 。
( 5) 程序流程如图 9-16所示,最后效果如图 9-18所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用案例 24 按键交互知识点:利用按键实现交互,设置按键交互属性按键交互就是按下键盘上的特定键而产生交互效果。运行程序后,用户按下预先设好的与按键名称对应的按键,即可执行相应的响应分支。按键交互可以响应键盘上的所有键,分支图标的名称就是预设的按键名。
多媒体技术与应用
【 例题 9.3】 火箭发射多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 9.3】 单项选择题操作要点:
( 1) 程序流程如图 9-29 所示 。 程序最后效果如图 9-30所示 。 初始化计算图标给变量 TotalCorrect 和变量 TotalWrong清 0。 变量 TotalCorrect返回用户在整个程序中匹配被设置为,正确,状态的响应总次数 。 变量 TotalWrong返回用户在整个程序中匹配被设置为,错误,状态的响应总次数 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用案例 25 热区域交互知识点:利用热区域实现交互,设置热区域交互属性所谓热区指的是在演示窗口中由用户设定的的一个矩形区域,利用此区域可以得到相应的反馈信息 。 程序运行后,在热区域内单击,双击鼠标或鼠标指针进入该热区域,以及按快捷键,都可使相应的交互分支得到执行 。 和按钮响应相比,这种响应类型更容易与背景风格协调一致 。
多媒体技术与应用多媒体技术与应用
【 例题 9.4】 几何画板多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 9.4】 热区 -图片放大缩小操作要点:
1,将窗口设置为 400× 400
放大虚线框和退出虚线框分别移至各自对象,如图 9-37所示。要注意虚线框的大小。
多媒体技术与应用多媒体技术与应用案例 26 热对象交互知识点:利用热对象实现交互,设置热对象交互属性热对象就是屏幕上的特定显示对象,它与普通显示对象的区别就是可以对用户的操作作出反应。 热区域与 热对象的属性设置近乎一致,只是热区域交互的是规则的矩形区域,而热对象响应的是边界不规则的热区,它的交互区域就是整个对象所占的区域。
热对象可以是任意的复杂形状,而且可以在演示窗口中移动 。
打开热对象属性面板如图 9-40,各选项的含义如表 9-6所示 。
多媒体技术与应用多媒体技术与应用
【 例题 9.5】 认识运动多媒体技术与应用多媒体技术与应用
【 实训 9.5】 热对象交互 -数码产品操作要点:鼠标指向图 9-45 下方的数码产品时,鼠标变为手形,同时在上方显示该产品的大图片 。 程序流程如图 9-44 所示 。
多媒体技术与应用多媒体技术与应用案例 27 文本输入交互知识点:利用文本输入实现交互,设置文本输入交互属性文本响应是一类以文本为交互媒介的交互类型 。 与以前所讲的按钮,热区,
热对象交互都有所不同,它只在用户输入的文本与制作者的设置相符时,
计算机才会执行相应的分支 。
使用文本交互可以接受从键盘上输入的文字,数字和符号等,并判断其输入与响应的标题是否吻合 。 图 9-46 文本交互面板打开文本输入属性面板如图 9-46,各选项的含义如表 9-7所示。
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 例题 9.6】 小球碰撞多媒体技术与应用多媒体技术与应用
【 实训 9.6】 填空题多媒体技术与应用多媒体技术与应用多媒体技术与应用案例 28 目标区交互知识点:利用目标区实现交互,设置目标区交互属性目 目标区域响应主要应用于希望用户将特定对象移动到指定区域的交互作用场合。程序执行目标区交互时,用户可用鼠标拖曳某一对象移至一个指定的目标区中,如果该目标区设定为正确交互区域,则对象会停留在此区域中;如果该目标区设定为错误交互区域,则对象会自动返回原处。
与我们前面介绍的静态交互类型所不同的是,目标区响应需要用户移动对象进入已经预设好并且与之相匹配的区域内方可进行交互,相对来说它是一较特殊的动态交互。
一个目标区可以对应多个可移动对象,一个可移动对象也可以对应多个目标区。
多媒体技术与应用多媒体技术与应用
【 例题 9.7】 福娃迎奥运多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 9.7a】 认识蔬菜水果操作要点:程序流程如图 9-64所示。运行效果如图 9-65所示。
多媒体技术与应用
【 实训 9.7b】 油画拼图操作要点:
程序流程如图 9-66所示 。
运行效果如图 9-67所示 。
多媒体技术与应用多媒体技术与应用案例 29 下拉菜单交互知识点:利用下拉菜单实现交互,设置下拉菜单交互属性使用下拉菜单响应可以设置菜单栏,利用菜单来选择命令来执行需要的响应分支。在默认情况下,演示窗口菜单栏上只有一个“文件”菜单,其选项只有一个“退出”命令,为了进一步控制程序,我们可以使用下拉菜单响应添加新的菜单和命令。下拉菜单响应的交互与其他响应的交互方式有一个很大的区别,就是菜单通常需要在屏幕上保留很长一段时间,
以便用户能够随时与它进行交互。因此,在运用菜单响应时,通常把各个菜单的交互方式设置成“永久”类型的交互方式,以便菜单能够始终处于激活状态。如果运行程序时,演示窗口中没有菜单栏,可以打开
,修改,>“文件,>“属性,对话框,选中,选项,下的,显示菜单栏,
复选框。
打开下拉菜单属性面板如图 9-68,各选项的含义如表 9-9所示。
多媒体技术与应用多媒体技术与应用
【 例题 9.8】 生日快乐多媒体技术与应用多媒体技术与应用
【 实训 9.8】 下拉菜单 —数码产品多媒体技术与应用案例 30 重试限制交互知识点:利用重试限制实现交互,设置重试限制交互属性重试限制响应与时间限制响应较相似,它们都属于限制响应,如果说时间限制响应是以时间为变量的条件响应,那么重试限制响应就是以重试次数为变量的条件响应 。 重试次数就是用户在此交互作用分支结构中进入其他分支路径的累计次数 。 重试限制通常用于验证用户口令时限制用户尝试次数的场合 。 用户可以数次尝试,超过次数限制后,程序自动退出该交互分支 。
打开重试限制属性面板如图 9-74,各选项的含义如表 9-10所示。
多媒体技术与应用多媒体技术与应用
【 例题 9.9】 密码输入与验证多媒体技术与应用多媒体技术与应用
【 实训 9.9】 限次登录操作要点:
( 1) 设置主流程如图 9-79 所示 。 在背景中添加文字如图 9-80 所示 。
( 2) 变量 numb记录登录次数,初值为 3。
( 3) *分支的二层窗口如图 9-81 所示,提示输入内容,你还有 {numb}
次机会,。 如图 9-82所示 。
( 4) 最后效果如图所示 9-83所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用案例 31 时间限制交互知识点:利用时间限制实现交互,设置时间限制交互属性限制时间交互类型是用来限制用户的交互时间的 。 时间交互控制中可以看成是以时间为变量的条件响应,即当计算机读到交互作用分支结构以后,
系统便从此刻开始计时如果在限制时间内没能完成全部正确交互,则程序会自动执行该判断图标下面的交互图标 。 时间限制响应与我们前面所讲的交互类型有所不同,很少单独使用,通常它与其他交互类型一起使用作为一个完整程序的限制项目 。
图 9-84时间限制面板打开时间限制属性面板如图 9-84,各选项的含义如表 9-11所示。
多媒体技术与应用多媒体技术与应用
【 例题 9.10】 限时交互多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 9.10】 在 【 实训 9.9】 的限次登录中,加入限时效果 。
操作要求:时限设为 10秒,在登录窗口中有提示 。 时限超过 10秒后,在窗口中显示,已超时,将退出系统,,然后退出系统 。
多媒体技术与应用案例 32 条件交互知识点:利用条件实现交互,设置重试限制交互属性条件响应属于系统性交互,是 Authorware中最,理性化,的交互类型,当用户的操作符合制作者所设置的交互条件时,计算机才会进入交互分支路径,读取响应图标中的程序。
打开条件属性面板如图 9-90,各选项的含义如表 9-12所示 。
多媒体技术与应用多媒体技术与应用
【 例题 9.11 】 限时答题多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 9.11】 奇偶检测操作要点:
( 1) 将窗口设置为 350× 250,制作过程参看图 9-96,9-98
( 2) 函数 EntryText:包含用户最后一次匹配文本输入响应时输入的文本,使用 EntryText@”IconTitle”返回指定交互作用分支结构中的相应值 。
( 3) 图 9-96 实训 9,设置 1
流程图如图 9-98 所示 。 最后效果如图 9-97所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用案例 33 综合实训知识点:对交互进行综合应用
【 综合实训 1】 多媒体世界操作要点:
( 1) 在,登录,交互中用文本交互设置登录口令,限制为 3次,限时 10
秒,显示剩余时间 。
( 2) 在,选择服务,交互中,用菜单交互设置三个服务,歌曲播放,,拼图游戏,,图片欣赏,。 在,歌曲播放,的计算分支属性中设置 GoTo(IconID@"选歌曲 ")。 在,拼图游戏,的计算分支属性中设置
GoTo(IconID@"背景 ")。 在,图片欣赏,的计算分支属性中设置
GoTo(IconID@"欣赏图片 ")。
( 3) 在歌播放显示图标中,加入背景,歌曲名称和返回按钮在,歌播放,交互中。用热区域交互设置曲名的选择。如图 9-99所示,在返回中设置属性 GoTo(IconID@"选择服务 ")
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 综合实训 2】 音乐播放器操作要点,
图 9-104 1层热区域设置图 9-103 程序主流程在音乐播放器计算图标里设置演示窗口为 SetWindowText(WindowHandle,"音乐播放器 ")。导入背景图片,加入两个热区域分支如图 9-103,9-104所示。
多媒体技术与应用多媒体技术与应用多媒体技术与应用