首页 > 网站 > 媒体动画 > 正文

Authorware开发实例:Authorware 6.0网上多媒体课件绘制--7.2 运用热对象响

2024-09-08 19:25:28
字体:
来源:转载
供稿:网友

7.2  使用热对象响应

热对象响应与热区响应非常类似,本节将首先介绍热对象响应的特点,然后是创建热对象响应的步骤。由于热对象响应的属性对话框与热区响应的属性对话框非常类似,因此这里就不再说明对话框内各选项的使用。用户可通过本节后面的实例,体会热对象响应的运用过程。

7.2.1  创建热对象

热对象响应与热区响应都能够通过单击、双击和鼠标进入这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将一个显示图标中的所有显示对象都看作热对象,因此如果希望对某一个对象实现交互响应的功能,必须将热对象放置在一个单独的显示图标中。

7.2.2  热对象响应实例

热对象响应比热区响应更精确一些,它能够响应目标定位于任何形状的物体,而热区响应则只能使用矩形区域作为响应的目标。本节将先后使用文字及图形作为热对象,详细地介绍它们在制作课件时的应用方法。

1. 将文字作为热对象

由于文字形状的不规则性,这就决定着只有将它作为热对象,创建的响应就是足够精确的。如果在此使用热区响应,那么当鼠标移动到热区的边缘,但并没有接触到文字时,就可能触发响应事件。类似的情况,还适用于一切不规则的物体。

在本例中,将“热对象”三个字经过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)。

(20) 单击ok按钮,关闭打开的图片属性设置对话框。

(21) 重复上述(15)~(20)步的操作,依次将“挤压”及“鱼形”型的热对象图片导入到显示图标内,并将它们的位置定义为(150,75)、(225,75),如图7-23所示。

图7-23  排列导入的图片

(22) 将交互图标拖动到“文字3”的下方,并命名为“单击文字”。

(23) 将群组图标拖动到“单击文字”图标的右下角,打开response type对话框。

(24) 选中hot object单选按钮,单击ok按钮。

(25) 将群组图标命名为单击1。

(26) 双击群组图标的标识符,打开热对象响应的属性设置对话框。

(27) 选择演示窗口的“旗帜”型热对象图片。

(28) 在key文本框内输入1。

(29) 在match下拉列表框内选择single-click。

(30) 单击cursor右侧的按钮,将鼠标响应的形状设置为十字形(如图7-24所示)。

图7-24  设置热对象响应的属性


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表