热对象响应与热区响应非常类似,本节将首先介绍热对象响应的特点,然后是创建热对象响应的步骤。由于热对象响应的属性对话框与热区响应的属性对话框非常类似,因此这里 就不再说明对话框内各选项的使用。用户可通过本节后面的实例,体会热对象响应的运用过 程。
热对象响应与热区响应都能够通过单击、双击和鼠标进入这 3 种方式进行用户与课件之间的交互,从而触发相应的结果图标。热对象处理的是一个显示对象,它可以是任意形状,而热区处理的是一块矩形区域,因此在实现交互功能方面,热对象响应比热区响应的效率更高一些。如果建立响应的对象是一个不规则的图标,并且要求严格与对象相匹配的情况下,热对象响应的作用就显得非常突出。不管对象位于屏幕上的何处,它的形状如何,用户都可以通过热对象实现交互。
从响应区域来说,一旦将对象设置为热对象之后,无论将它移动到演示窗口的任何位置,都可以通过单击、双击或鼠标进入的方式触发显示图标。一旦将对象设置为热区之后,则只能是对屏幕上固定的矩形区域作响应,因此热对象响应是动态区域响应,热区响应是静态区域响应。
创建热对象响应
(1) 执行 file → new 命令,新建一个课件文件。
(2) 将显示图标拖动到流程线上,并对其进行命名。
(3) 将交互图标放置在显示图标的下方,并对其进行命名。
(4) 将结果图标放置在交互图标的右侧,打开 response type 对话框。
(5) 选择 hot object 单选按钮之后,单击 ok 按钮,关闭该对话框。
(6) 对结果图标进行命名。
(7) 重复上述 (4) ~ (6) 步的操作,在交互图标的右边添加更多的结果图标,并分别进行 命名。
(8) 双击打开显示图标,在演示窗口内添加及绘制作为热对象的显示内容。
(9) 编辑交互图标,设置交互图标的显示对象的属性。
(10) 双击热对象响应的标识符,通过属性对话框和演示窗口把热对象与显示对象连接起来。
(11) 设计结果图标的功能及其显示内容。
为了确保包含热对象的演示窗口和热对象的属性窗口同时出现在屏幕上, authorware 6.0 提供了两种方法。第一种方法就是直接运行程序,当 authorware 6.0 检测到某个热对象响应的属性还没有进行设置时,就会自动停止该程序的运行,并打开该热对象响应的属性对话框。第二种方法就是首先打开热对象所在的演示窗口,然后切换到程序设计窗口中,双击热对象响应标识符打开属性窗口。
注释:
由于 authorware 6.0 将一个显示图标中的所有显示对象都看作热对象,因此如果希望对某一个对象实现交互响应的功能,必须将热对象放置在一个单独的显示图标中。
热对象响应比热区响应更精确一些,它能够响应目标定位于任何形状的物体,而热区响应则只能使用矩形区域作为响应的目标。本节将先后使用文字及图形作为热对象,详细地介绍它们在制作课件时的应用方法。
由于文字形状的不规则性,这就决定着只有将它作为热对象,创建的响应就是足够精确的。如果在此使用热区响应,那么当鼠标移动到热区的边缘,但并没有接触到文字时,就可能触发响应事件。类似的情况,还适用于一切不规则的物体。
在本例中,将“热对象”三个字经过 photoshop 处理,依次把它们设置成“旗帜”、“挤压”及“鱼形”之后,将它们存储为 jpeg 格式的图形文件,然后导入到 authorware 6.0 的显示图标内。为了响应用户的鼠标操作,我们在结果图标内使用了声音文件。
将文字作为热对象
(1) 打开 photoshop 的编辑窗口,在画布上输入“热对象”。
(2) 使用“华文行楷”及 24 磅格式化输入的文字。
(3) 将“热对象”的外观设置为“旗帜” ( 如图 7-21 所示 ) 。
(4) 将“热对象”移动到画布的中央,将画布的大小调整为 2cm × 1.5cm 。
(5) 将文件命名为 jpeg 文件。
(6) 重复上述 (2) ~ (6) 步的操作,依次将“热对象”的外观设置为“鱼形”及“挤压” ( 如图 7-22 所示 ) 。
图 7-21 设置文字的外观之一 图 7-22 设置文字的外观之二
(7) 在课件创建窗口内,单击 new 按钮,创建新的课件文件。
(8) 选择 modify → file → properties 命令,打开文件的属性设置对话框。
(9) 将演示窗口的大小定义为 variable 。
(10) 保持演示窗口的背景色为默认的白色。
(11) 单击 ok 按钮,关闭打开文件属性对话框。
(12) 将计算图标拖动到流程线上,并命名为“窗口大小”。
(13) 双击“窗口大小”图标,打开计算图标的编辑窗口。
(14) 将演示窗口的大小定义为 300 × 320 像素。
(15) 将显示图标拖动到流程线上,将其命名为“文字 1 ”。
(16) 双击“文字 1 ”图标,在打开的演示窗口内导入“旗帜”型的热对象图片。
(17) 双击箭头工具,将导入图片的显示模式设置为 matted 。
(18) 选择导入的图片,使用 ctrl+i 组合键,打开图片的属性设置对话框。
(19) 在 layout 选项卡内,将图片的位置定义为 (75 , 50) 。
[1] [2] 下一页
新闻热点
疑难解答