本节将通过实例,说明应用按钮响应的方法及其技巧。
6.5.1 选择地名
将地名作为按钮响应的名称,然后让用户选择,根据选择不同的结果,制作相应的结果图标。由于将按钮响应的属性设置为 After Next Entry ,这样结果图标的内容将一直显示在演示窗口内,直到单击其他的按钮响应为止。
选择地名(1) 将计算图标拖动到流程线上,命名为“窗口大小”。
(2) 双击“窗口大小”图标,将演示窗口的大小定义为 400 × 300 。
(3) 将显示图标拖动到流程线上,命名为“背景”。
(4) 双击“背景”图标,将一幅背景图导入到演示窗口内 ( 如图 6-18 所示 ) 。
图 6-18 导入背景图
(5) 将显示图标拖动到流程线上,命名为“选项”。
(6) 双击“选项”图标,打开演示窗口。
(7) 选择文字工具,在其中输入“请选择背景所在地?”。
(8) 双击箭头工具,将输入的文字定义为透明。
(9) 打开 Text 菜单中的 Font 子菜单,将文字的字体定义为宋体。
(10) 打开 Text 菜单中的 Size 子菜单,将文字的大小定义为 20 。
(11) 双击椭圆工具,打开颜色设置对话框。
(12) 将文字的前景色设置为红色。
(13) 选择文字之后,使用 Ctrl+I 组合键,打开“选项”图标的属性设置对话框。
(14) 在 Layout 选项卡内,将 Positioning 定义为 On Screen 。
(15) 选中 Initial 单选按钮,分别将文字的横坐标及纵坐标定义为 (160 , 40) 。
(16) 单击 OK 按钮,关闭打开的“选项”图标的属性设置对话框。
(17) 拖动交互图标到“选项”图标的下方,将其命名为“回答”。
(18) 将显示图标拖动到“回答”图标的右下方,打开 Response Type 对话框。
(19) 选中 Button 单选按钮之后,单击 OK 按钮。
(20) 将添加的显示图标命名为“北京”。
(21) 双击“北京”图标上面的标识符,打开按钮响应的属性设置对话框。
(22) 选择 Button 标签,打开 Button 选项卡。
(23) 在 Size 文本框内,将按钮的大小设置为 75 × 25 。
(24) 在 Location 文本框内,将按钮的位置定义为 25 × 100 。
(25) 单击 Cursor 文本框右侧的按钮,打开 Cursors 对话框。
(26) 单击手形作为显示光标的外观,单击 OK 按钮。
(27) 单击 Response 标签,打开 Response 选项卡。
(28) 打开 Erase 下拉列表框,选择 After Next Entry 。
(29) 打开 Branch 下拉列表框,选择 Try Again 。
(30) 打开 Status 下拉列表框,选择 Not Judged 。
(31) 单击 OK 按钮,关闭打开的按钮响应属性设置对话框。
(32) 双击“背景”的结果图标,打开演示窗口。
(33) 在其中输入“正确”,并将使用宋体、红色及 16 格式化文字。
(34) 使用 Ctrl+I 组合键,打开结果图标的属性设置对话框。
(35) 在 Layout 选项卡内,将 Initial 定义为 290 × 135 像素。
(36) 单击 OK 按钮,关闭打开的属性设置对话框。
(37) 重复上述 (16) ~ (34) 步的操作,创建按钮响应“上海”,并将它的显示结果设置为“再来一次”。
(38) 重复上述 (16) ~ (34) 步的操作,创建按钮响应“香港”,并将它的显示结果设置为“再来一次” (39) 单击播放按钮,观看并测试课件。
为了使演示窗口的大小与背景图片相匹配,可选择 Modify → File → Properties 命令,或者使用 Ctrl+Shift+D 组合键,打开文件的属性设置对话框,将演示窗口的大小定义为 Variable ,这样就可根据背景图片的大小调整演示窗口。
如图 6-20 运行课件所示,运行课件时,将在演示窗口内首先出现“北京”、“上海”及“香港”等 3 个按钮响应,单击“北京”按钮时,将给出“正确”的提示。单击“上海”或“香港”按钮中的任何一个,都会显示“再来一次”的提示。
图 6-20 运行课件
6.5.2 定制按钮
通过 Button Editor 对话框,用户可以定制所需的按钮。由于 Authorware 6.0 提供的按钮非常有限,不能满足多媒体创作的需求,于是定制按钮就成为一条必由之路。对于按钮的状态, Authorware 6.0 允许用户定义它的 UP , Down , Over 及 Disabled 等四种状态,连同 Normal( 未选择 ) 、 Checked( 已选择 ) ,共计八种情况。
出于简捷的目的,本节只考虑到按钮的 Up 状态,并将其他状态都视为等同于已定义的状态。这样只需准备一个按钮,就可以代表相应的响应。由于按钮是由响应相联系的,必须将群组图标拖动到交互图标的右下角。
定制按钮(1) 在课件创建窗口内,单击 New 按钮,创建新的课件文件。
(2) 依次选择 Modify → File → Properties ,打开文件的属性设置对话框。
(3) 将演示窗口的大小定义为 Variable 。
(4) 将演示窗口的背景定义为深绿色。
(5) 单击 OK 按钮,关闭打开文件属性对话框。
(6) 将计算图标拖动到流程线上,并命名为“窗口大小”。
(7) 双击“窗口大小”图标,打开计算图标的编辑窗口。
(8) 将演示窗口的大小定义为 400 × 300 。
(9) 将交互图标拖动到“窗口大小”的下方,并命名为“按钮”。
(10) 将群组图标拖动到“按钮”图标的右下角,打开 Response Type 对话框。
(11) 选中 Button 单选按钮,单击 OK 按钮。
(12) 将群组图标命名为 A 。
(13) 双击群组图标的标识符,打开按钮响应的属性设置对话框。
(14) 选择 Button 标签,打开 Button 选项卡。
(15) 按钮的位置定义为 (100,40) 。
(16) 单击 Buttons 按钮,打开 Buttons 对话框。
(17) 单击 Add 按钮,Button Editor 对话框。
(18) 选择 State 选项组中的 Up/Normal 按钮。
(19) 单击右下角 Raphic 右侧的 Import 按钮,打开 Import Which File 对话框。
(20) 选择定制的按钮图形文件,单击 Import 按钮。
(21) 打开 Label 下拉列表框,选择 Show Label 选项。
(22) 单击 OK 按钮,依次关闭打开的 Button Editor , Buttons 及按钮响应属性对话框。
(23) 重复上述 (10) ~ (20) 步的操作,在交互按钮的右下角添加 B 、 C 、 D 等 3 个按钮 ( 如图 6-22 所示 ) 。
(24) 单击播放按钮,观看并测试课件文件。
(25) 保存课件文件。
由于按钮的大小基本一样,因为可将 4 个按钮的坐标依次定义为 (100 , 40) 、 (100 , 80) 、 (240 , 40) 和 (240 , 80) ,这样它们就可以整齐地排列在演示窗口内 ( 如图 6-23 所示按钮的排列 ) 。
图 6-22 课件的流程图
图 6-23 按钮的排列
在 Button Editor 对话框内,启用 Automatically Check 复选框时,将使所选的按钮自动处于选择状态,这样单击回车键之后,就可以启用群组图标内对应的内容。为了简便起见,在这里并没有对群组图标的内容进行定制,用户可以自行完成,单击演示窗口的按钮时,将开始启动群组图标。
注释:
在 Button Editor 对话框内,按钮 UP 是按钮处于弹起状态,等待用户进行鼠标操作。 Down 是用户在按钮上单击之后的状态。 Over 是将鼠标移动到按钮上,但没有单击的状态。 Disable 是按钮处于禁用的状态