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

Authorware基础教程:7.1 运用Authorware 热区响应(2)

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

2. 热区随鼠标移动

在制作提示信息时,每当触发热区之后,都能够在演示窗口内显示提示信息。本例将更进一步使得当鼠标进入热区时,显示提示信息,而一旦鼠标离开热区时,提示信息随之消失。为了区别起见,首先给背景上添加了一些说明文字,然后利用擦除图标将它擦除。

热区随鼠标移动

(1) 单击工具栏的 new 按钮,新建一个课件文件。

(2) 将计算图标拖动到流程线上,并命名为“窗口大小”。

(3) 双击“窗口大小”图标,在编辑窗口内输入 resizewindow (260 , 220) ,将演示窗口的大小定义为 260 × 220 像素。

(4) 将显示图标拖动到“窗口大小”的下方,将其命名为“背景”。

(5) 双击“背景”打开演示窗口,将背景图片导入到演示窗口 ( 如图 7-8 所示 ) 。

(6) 将显示图标拖动到“背景”图标的下方,将其命名为“标题”。

(7) 双击“标题”图标,打开演示窗口。

(8) 在演示窗口内输入“漂亮的背景”,并使用绿色、 24 及宋体格式化文字。

(9) 将显示图标拖动到“标题”图标的下方,将其命名为“文字”。

(10) 双击“文字”显示图标,打开演示窗口。

(11) 在演示窗口内分别输入“我来了”与“退出”。

(12) 同时选择“我来了”与“退出”,将它格式化为宋体、 14 及蓝色。

(13) 将“交互”图标拖动到流程线上,将它命名为“热区响应”。

(14) 将群组图标拖动到“热区响应”的右下方,打开 response type 对话框。

(15) 选中 hot spot 单选按钮之后,单击 ok 按钮,关闭打开的对话框。

(16) 将群组图标命名为 come 。

(17) 双击 come 图标上方的热区响应标识符,打开热区响应的属性对话框。

(18) 打开 match 下拉列表框,选择 cursor in area 选项。

(19) 单击 cursor 右侧的按钮,打开 cursor 对话框。

(20) 选择手形作为鼠标的形状之后,单击 ok 按钮返回热区响应的属性对话框。

(21) 选择演示窗口的热区,将矩形框拖动到“我来了”的上方 ( 如图 7-9 所示 ) 。

   

图 7-8 导入背景图片    图 7-9 拖动热区边框

(22) 选择热区边框上的控制柄,改变热区边框的大小。

(23) 在 response 选项卡内,选择 erase 下拉列表框的 before next erase 。

(24) 单击 ok 按钮,关闭打开的热区响应属对话框。

(25) 双击 come 群组图标,打开新的流程线窗口。

(26) 将擦除图标拖动到流程线窗口,并将其命名为 erase 。

(27) 双击 erase 图标,打开擦除图标的属性对话框。

(28) 在 icons 选项卡内,选中 icons to erase 单选按钮。

(29) 单击演示窗口的“标题”图标的内容。

(30) 单击 ok 按钮,关闭打开的擦除图标属性对话框。

(31) 将显示图标拖动到 erase 图标的下方,并将其命名为 come 。

(32) 双击打开 come 的演示窗口,在其中输入“我轻轻地来了”。

(33) 使用绿色、宋体及 24 格式化输入的文字。

(34) 选择输入的文字,使用 ctrl+i 组合键,打开文字属性对话框。

(35) 在 display 选项卡内,单击 transition 右侧的按钮,将提示信息的过渡效果设置为 dissolve , bits 。

(36) 在 layout 选项卡内,打开 positioning 下拉列表框,选择 on screen 。

(37) 在 initial 文本框内,将文字的坐标定义为 (140 , 75) 。

(38) 单击 ok 按钮,关闭打开的文字属性对话框。

(39) 关闭 come 群组图标的流程线窗口。

(40) 拖动计算图标到交互图标的右侧,打开 response type 对话框。

(41) 选中 hot spot 单选按钮之后,单击 ok 按钮,关闭打开的对话框。

(42) 将计算图标命名为 exit 。

(43) 双击 exit 图标上方的热区响应标识符,拖动热区使它覆盖“退出”。

(44) 改变热区的大小,使它正好与“退出”的大小相符。

(45) 将鼠标的形状设置为手形之后,单击 ok 按钮,关闭对话框。

(46) 双击 exit 图标,打开计算图标的编辑窗口。

(47) 在编辑窗口内输入 quit( ) 。

(48) 单击工具栏的播放按钮,观看并测试课件的演示窗口 ( 如图 7-10 所示 ) 。

(49) 经过修改之后,得到如图 7-11 所示的课件流程图。

   

[1] [2] [3] 下一页  

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