第五章Authrware70交互响应 多媒体是将图文声像等各种媒体.pptVIP

  • 10
  • 0
  • 约1.47万字
  • 约 65页
  • 2018-06-30 发布于福建
  • 举报

第五章Authrware70交互响应 多媒体是将图文声像等各种媒体.ppt

第五章Authrware70交互响应 多媒体是将图文声像等各种媒体

5.6目标区域交互响应 在多媒体程序中,常要求用户将某个对象拖动到指定的位置,例如将画面上错位的图片复位等。Authorware7.0提供的【目标区域】交互类型就能够实现这种要求。下面我们用一个“对号入座”的示例来说明这种交互类型的用法。 练习要求将文字拖动到与之对应的颜色上,如果对应正确,就被锁定到该颜色中央,否则就返回到初始位置。 本例主要使用了目标区交互结构来实现上述功能。需要设计者选定操作对象,并设置拖放的正确区域和错误区域。这里的错误区域对应的交互分支可以通过勾选“允许任何对象”来简化程序设计,这样我们就可以只设一路,而不用和正确分支数量相同。 1. 建立一个新文件,命名为a75-5.a7p。设置显示窗口大小可变、居中并选中标题栏、菜单栏。主流程以及操作对象二级流程图如图所示。 2. 设置背景显示图标,在显示窗口中央输入标题“对号入座”,字体“华文行楷”字号“36”,利用绘图工具箱的矩形工具绘制六个颜色块,分别为“红”、“黄”、“蓝”、“绿”、“棕”、“黑”,并调整好各颜色块的位置,在演示窗口的底边输入提示信息,效果如图所示。 3. 由于我们是要拖动对象,为了防止在拖动文字时不小心将“背景”图标中的内容拖动,我们可以用函数定义图标中的内容不可移动。用鼠标右键单击图标,从弹出的快捷菜单中选择【计算】命令,会出现一个计算窗口,在其中输入如图所示的表达式内容,定义显示图标内容不可移动。 Movable是一个系统变量,当其值为“假”时,所定义的图标的内容不可被移动,可以从【变量】对话框中获得这个变量。这里由于要定义显示图标“说明”不可移动,所以表达式为“Movable :=FALSE或Movable :=0”。 关闭计算窗口,会发现一个小的“=”符号附着在显示图标“背景”上,这种结构相当于一个显示图标加上一个计算图标,我们将其叫做附属计算图标。 4. 在操作对象群组中的显示图标中分别输入与颜色块对应的文字,在输入文字之前先将文字的颜色改为与文字所描述的颜色不同的颜色。在我们这个程序中,由于每个文字在不同的显示图标中,所以不容易排列。我们可以先运行程序,然后按Ctrl+P组合键暂停程序。使用【修改】/【排列】命令,使所有文字水平等距。 5. 设置交互。首先设置“红”交互分支,运行程序,将会停在交互分支处等待设置属性。单击“红”字作为操作对象,此时虚线框套在“红”字上,然后拖动“红”字到红色块上,调整虚线框大小使其刚好包围红色块,目标区选项卡和响应选项卡设置参照图和图所示。 6. 运行程序,将会停在第二路交互分支处等待设置属性。参照第一路分支,首先选择操作对象,然后将对象拖放到目标区,最后设置属性面板。按照相同的方式,以此类推,完成前六路正确分支的设置。 7. 再次运行程序,将会停在第七路错误交互分支处等待设置属性。不选任何对象,将“错误”虚线框调整为覆盖全窗口,设置属性面板的“目标区”选项卡。勾选“允许任何对象”,将“放下”下拉列表设置为“返回”;“响应”选项卡的“状态”下拉列表为“错误响应”。 8. 反馈群组图标中不放任何图标,这里是利用了群组图标可以执行“空操作”的特性。 9. 最后一路分支为“退出”按钮交互,在计算图标中输入函数:Quit ( ),将类型图标属性面板“响应”选项卡的“范围”选项勾选“永久”,其余为默认设置。 10. 运行程序,拖放文字到相应的颜色块上,如果正确匹配,文字就会被锁定在相应的颜色块上,如果匹配不正确,则返回原位置。效果如图所示。 注意:在程序设计过程中,正确分支和错误分支的前后位置不能颠倒,否则图片总是要返回初始位置的。这是为什么呢? 当我们拖动图片到某一位置后,程序要从前向后判断是否符合分支条件。由于错误分支的目标区域覆盖整个显示窗口,所以不管把图片拖放到什么位置都符合其目标区域条件,因此若将错误分支放在正确分支前面,就会总是执行错误分支。 5.7下拉菜单交互响应 5.7.1下拉菜单响应实例 1. 新建一个文件,命名为a75-6.a7p。设置显示窗口大小可变,窗口居中,保留标题栏和菜单栏。 2. 拖动一个显示图标到流程线上,命名为“标题”。双击打开显示窗口,调整画面大小,导入一幅背景图片,输入标题文字“唐诗鉴赏”。 3. 拖动一个交互图标到流程线上,命名为“作者简介”。再拖动三个群组图标到交互图标右侧,从出现的【响应类型】对话框中选择“下拉菜单”交互类型。关闭对话框,分别定义三个分支名称为“李白”、“杜甫”、“白居易”,如图所示。 4. 双击“李白”群组图标,打开二级流程,在其中拖放一个显示图标,命名为“李白简介”。双击“标题”显示图标,按住Shift键同时双击“李白简介”显示图标,在演示窗口中引入李白图片

文档评论(0)

1亿VIP精品文档

相关文档