| 网站镜像:电信 网通 | 加入收藏 | 设为首页

7.1 使用Authorware 热区响应(2)

  • 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 所示的课件流程图。

       

    图 7-10 演示课件       图 7-11 课件流程图

    (50) 保存当前制作的课件文件。

    在设置 Come 群组图标的热区响应属性时,由于将 Erase 的选项确定为 Before Next Erase ,这样每当鼠标离开热区时,显示的“我轻轻地来了”将被擦除。由于将 Match 下拉列表框的选项确定为 Cursor in Area ,这样每当鼠标进入热区时,就会显示“我轻轻地来了”,在此之前由于在群组图标内使用了 Erase 按钮,那么它将首先把“漂亮的背景”擦除,才显示“我轻轻地来了”,否则两者将同时出现在演示窗口内。

    3. 制作电子相册

    在第 6 章里,曾经通过按钮响应制作了一个电子相册,本例将使用热区响应实现同样的功能。当第一次打开电子相册时,希望首先出现一张相片,而不是一片空白,或者是不相关的图片。在本例中使用了系统函数 PressKey ( “ keyname ” ) ,它将自动显示由 Keyname 键代表的相片。

    *制作电子相册

    (1) 在课件创建窗口内,单击 New 按钮,创建新的课件文件。

    (2) 选择 Modify → File → Properties 命令,打开文件的属性设置对话框。

    (3) 将演示窗口的大小定义为 Variable 。

    (4) 将演示窗口的背景定义为浅棕色。

    (5) 单击 OK 按钮,关闭打开文件属性对话框。

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

    (7) 双击“窗口大小”图标,打开计算图标的编辑窗口。

    (8) 将演示窗口的大小定义为 320 × 360 像素。

    (9) 将计算图标拖动到流程线上,将其命名为“显示第 1 页”。

    (10) 双击“显示第 1 页”图标,打开计算图标的编辑窗口。

    (11) 在编辑窗口内输入 PressKey ( “ 1 ” ) ( 如图 7-12 所示 ) 。

    (12) 将显示图标拖动到流程线上,将其命名为“背景”。

    (13) 双击“背景”图标,在打开的演示窗口内输入“第 1 页”、“第 2 页”、“第 3 页”、“第 4 页”及“退出”。

    (14) 双击箭头工具,将输入文字的显示模式设置为透明 ( 如图 7-13 所示 ) 。

         

     图 7-12 编辑“显示第 1 页”图标    图 7-13 确定热区响应的位置

    (15) 将交互图标拖动到“背景”的下方,并命名为“相册”。

    (16) 将群组图标拖动到“按钮”图标的右下角,打开 Response Type 对话框。

    (17) 选中 Hot Spot 单选按钮,单击 OK 按钮。

    (18) 将群组图标命名为 1 。

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

    (20) 将演示窗口的虚线框拖动到“第 1 页”上。

    (21) 在 Key 文本框内输入 1 。

    (22) 单击 OK 按钮,完成热区响应属性的设置。

    (23) 双击打开群组图标,将显示图标拖动到流程线上。

    (24) 将显示图标命名为 a 。

    (25) 双击 a 打开演示窗口,在演示窗口内导入第 1 张相片。

    (26) 使用 Ctrl+I 组合键,打开显示图标的属性设置对话框。

    (27) 在 Display 选项卡内将图片的过渡效果设置为 Zoom Open 。

    (28) 在 Layout 选项卡内打开 Positioning 下拉列表框,选择 On Screen 。

    (29) 选中 Initial 单选按钮,将图片的位置定位在 (160 , 160) 。

    文本框:    图7-14  课件的流程图

    (30) 单击 OK 按钮,完成显示图片属性的设置。

    (31) 重复上述 (16) ~ (30) 步的操作,添加群组图标 2 、 3 及 4 ,并导入相应的图片。 ( 如图 7-14 所示课件的流程图 ) 。

    (32) 将计算图标拖动到群组图标 4 的右侧,将它命名为“退出”。

    (33) 双击“退出”图标,打开编辑窗口。

    (34) 在编辑窗口内输入 quit (1) ,并关闭和保存对话框。

    (35) 单击播放按钮,观看并测试课件文件。

    (36) 保存课件文件。

    为了使插入的图片出现在显示图标相同的位置,可导入相同尺寸的图片。此例使用 PhotoShop 将图片的大小定义为 250 × 320 像素。在确定图片的位置时,将它的位置统一定义在 (160 , 160) 处。

    在热区响应属性对话框内,其中的 Response 选项卡里有一个重要的 Perpetual 复选框,启用该复选框之后,将使课件始终接受用户的响应。例如,将第一个相片的显示时间定义为 10 秒时,在此期间单击“第 1 页”、“第 2 页”、“第 3 页”或“第 4 页”时,都不会得到响应,这是由于未启用 Perpetual 复选框的缘故。一旦启用 Perpetual 复选框之后,在相片的显示时间之内,只要单击热区,都会触发相应的响应。

    4. 自动绘制折线

    本例的折线是由横坐标及纵坐标的顶点加上用户单击的位置组成的。 Authorware 6.0 使 用的坐标系是将水平向右作为 X 轴的正方向,假设 X 轴正方向的顶点位于 a 点,垂直向下作为 Y 轴的正方向,假设 Y 轴正方向的顶点位于 b 点,因此单击演示窗口的任意一点 c 之后,将在 acb 之间连成一条折线。

    *自动绘制折线

    (1) 在课件创建窗口内,单击 New 按钮,创建新的课件文件。

    (2) 选择 Modify → File → Properties 命令,打开文件的属性设置对话框。

    (3) 将演示窗口的大小定义为 Variable 。

    (4) 单击 OK 按钮,关闭打开文件属性对话框。

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

    (6) 双击“窗口大小”图标,打开计算图标的编辑窗口。

    (7) 将演示窗口的大小定义为 300 × 320 像素。

    (8) 将显示图标拖动到流程线上,将其命名为“背景”。

    (9) 双击“背景”图标,打开演示窗口。

    (10) 在演示窗口内导入如图 7-15 所示的背景图片。

    图 7-15 导入背景图片

    (11) 将交互图标拖动到“背景”图标的下方,将它命名为“折线”。

    (12) 在“折线”的右侧添加一个计算图标,打开 Response Type 对话框。

    (13) 选中 Hot Spot 单选按钮之后,单击 OK 按钮。

    (14) 将计算图标命名为“单击”。

    (15) 双击计算图标的交互属性对话框,打开 Properties:Response 对话框。

    (16) 打开 Erase 下拉列表框,选择 Don't Erase 。

    (17) 打开 Branch 下拉列表框,选择 Continue( 如图 7-16 所示 ) 。

    (18) 在演示窗口内拖动虚线框,将整个窗口作为热区响应的范围。

    图 7-16 设置“单击”图标的交互属性

    (19) 单击 OK 按钮关闭打开的热区响应属性对话框。

    (20) 双击“单击”图标,打开计算图标的编辑窗口。

    (21) 在其中输入 PointX:=ClickX 、 PointY:=ClickY( 如图 7-17 所示 ) 。

    (22) 在“单击”计算图标的右侧添加一个群组图标,打开 Response Type 对话框。

    (23) 选中 Conditional 单选按钮之后,单击 OK 按钮。

    (24) 双击群组图标上方的交互标识符,打开 Properties: Response 对话框。

    (25) 单击 Conditional 标签,打开 Conditional 选项卡。

    (26) 在 Condition 文本框内输入 True 。

    (27) 单击 Response 标签,打开 Response 选项卡。

    (28) 打开 Erase 下拉列表框,选择 Don't Erase 。

    (29) 打开 Branch 下拉列表框,选择 Try Again 。

    (30) 单击 Open 按钮,打开二级流程窗口。

    (31) 在二级流程窗口内添加一个计算图标,并将它命名为“画折线”。

    (32) 双击打开计算图标的编辑窗口,在其中输入如图 7-18 所示的程序代码。

        

    图 7-17 编辑计算图标    图 7-18 编辑“画折线”计算图标

    (33) 将计算图标拖动到群组图标的右侧,将它命名为“退出” ( 如图 7-19 所示 ) 。

    (34) 双击“退出”图标,打开编辑窗口。

    (35) 在编辑窗口内输入 quit (1) ,并关闭与保存对话框。

    (36) 单击播放按钮,观看并测试课件文件。

    (37) 保存课件文件。

    播放课件时,每当用户在演示窗口内单击一次,都会产生一条折线。由于没有使用擦除图标,这样再次单击时,一条新的折线将添加到演示窗口 ( 如图 7-20 所示 ) 。在本例中,调用了 Line(Pensize,x1,y1,x2,y2) 函数,该函数是绘制一条由点 (x1,y1) 到点 (x2,y2) 的直线,线的宽度由 Pensize 控制。

        

    图 7-19 课件的流程图    图 7-20 添加新的折线