第十一 实现交互交互图标的功能创建交互的基本操作交互图标的属性设置教学目标第十一 实现交互
11.1 交互图标概述
11.1.1交互图标的功能与交互响应类型
1.交互图标的功能若要在多媒体作品中实现交互功能,就要用到交互图标。但交互图标本身并不具有交互性,它只是创建交互的基础,实际上可以把交互图标看作是显示图标、判断图标、等待图标和擦除图标的组合,因此可以说交互图标具有显示功能、判断功能、等待功能和擦除功能。
交互的响应类型
2.交互的响应类型响应类型名称 功能描述按钮响应 点击按钮程序将转入相应的响应分支热区域响应 用鼠标单击、双击或经过所设定的区域,
程序将转入相应的响应分支热对象响应 用鼠标单击、双击或经过所设定的对象,
程序将转入相应的响应分支。这种响应方式一般适用于不规则的物体交互的响应类型响应类型名称 功能描述目标区响应 当将指定的对象拖动到设定的目标区域时,
程序将转入相应的响应分支。这种响应方式适用于拼图、搭积木等游戏的制作下拉菜单响应 当选择了菜单中所需的选项后,程序将转入相应的响应分支条件响应 当满足条件时执行此条件对应的响应分支交互的响应类型响应类型名称 功能描述输入文本响应 由键盘输入文本,当输入文本与指定的内容相匹配时,程序将转入相应的响应分支。
按键响应 根据用户所按的键执行该键所对应的响应分支。这种响应方式适用于为用户提供特殊功能键以控制程序的运行。
重试限制响应 可以设置响应交互的次数,当到达指定次数时,将执行对应的响应分支交互的响应类型响应类型名称 功能描述时间限制响应 可以规定用户进入交互的时间限制,当超过规定的时间即会退出相应的响应分支事件响应 用于响应 ActiveX控件事件第十一 实现交互
11.1.2创建交互图标
(1)新建一个 Authorware应用程序。
(2)单击设计图标面板中的交互图标,将其拖动到流程线上,并为其命名。
(3)单击设计图标面板中的所需图标,并将其拖动到流程线上交互图标的右侧,此时将显示“响应类型”
对话框,选择所需的响应类型选项,然后单击“确定”
按钮。此时就生成了具有一个响应分支的交互分支结构,交互图标右下方的图标即为其中的响应图标。
(4)为该响应图标命名。
第十一 实现交互第十一 实现交互说明第一个响应图标生成后,该图标的响应类型以及各种相关的设置将具有继承性,即在创建下一个响应图标时,会自动采用与前一个响应图标相同的响应类型和有关设置。
第十一 实现交互
11.1.3了解交互图标属性对话框
1.打开交互图标属性对话框
(1)打开程序文件。
(2)右击交互图标,从其快捷菜单中选择,属性,
选项,打开,属性:交互图标,对话框,包含,交互作用,,
,显示,,,版面布局,和,CMI”四个选项卡。
第十一 实现交互
2.“交互作用,选项卡
(1)擦除:用于确定是否擦除交互图标中的内容。
该列表框提供了三个选项可供选择:
在退出之前:退出整个交互分支结构执行主流程线上的下一个图标前擦除。
在下次输入之后:当其他任何一个响应图标被激活时擦除。
不擦除:退出整个交互分支结构后,系统仍会保留交互图标的显示内容,只有用擦除函数或擦除图标才能将其擦除。
第十一 实现交互
(2)擦除特效:用于设置擦除交互图标中的显示内容时所采用的过渡效果,操作方法与擦除图标属性对话框中的,过渡,选项相同。
(3)选项复选框组:该复选框组包含两个复选框:
在退出前中止:若选择了该复选框,则程序在退出整个交互分支结构时暂停,单击鼠标或按任意键后,程序继续执行。
显示按钮:若选择了,在退出前中止,复选框,该复选框处于可用状态。若选择了该复选框,则在程序退出整个交互分支结构时的暂停期间,屏幕会显示一个,继续,按钮,单击该按钮,程序才会继续执行。
第十一 实现交互第十一 实现交互
3.“CMI”选项卡该选项卡是计算机管理教学系统,简称 CMI。
Authorware中提供了大量的系统变量和系统函数来对学生的交互操作、响应操作和文件操作进行全面的跟踪。
(1)知识对象轨迹:选择该复选框后,系统将会对学生在每个交互中的操作进行跟踪。选择该选项后,还需要在,属性:文件,对话框的,CMI”选项卡中选中
,知识对象轨迹,复选框组中的所需选项。
第十一 实现交互
(2)交互标识:指定该交互图标中 CMI系统中的标识,该标识只能是惟一的 。
(3)重要:指明该交互在 CMI系统中的重要性 。
(4)类型:用于选择交互的类型 。
第十一 实现交互
4.“显示,和,版面布局,选项卡
,显示,选项卡用于设置交互图标显示对象的显示层次、特效效果及显示时的一些其他属性。,版面布局,选项卡用于设置交互图标的显示内容在演示窗口中的布局。这两个选项卡中的内容和显示图标属性对话框中的使用方法完全相同。
第十一 实现交互
11.2 按钮响应
11.2.1按钮响应实例 —— 图片的放大与缩
,按钮,响应方式是最常见的一种交互控制方式,选择,按钮,选项后,交互图标的演示窗口中将出现一个按钮,单击该按钮即会执行该按钮所对应的响应图标。
第十一 实现交互设置当鼠标移动到按钮上时的形状
(1)双击响应图标上方的响应类型图标,打开“属性:判断图标”对话框。
(2)单击“按钮”选项卡,再单击“鼠标”右侧的按钮,打开“鼠标指针”对话框,选择手形鼠标指针。
(3)单击“确定”按钮返回“属性:判断图标”对话框。
(4) 关闭“属性:判断图标”对话框。
第十一 实现交互
11.2.2自制精美按钮
(1)双击“按钮”响应类型图标,打开“属性:判断图标”对话框。
(2)单击“按钮”按钮,打开“按钮”对话框。
(3)单击“添加”按钮,打开“按钮编辑”对话框。
(4)设置按钮弹起时的样子:单击左上角“未按放 /
未选中”所对应的图形选择块,再单击“图案”右侧的
“导入”按钮,打开“导入哪个文件?”对话框,导入一个已经制作好的按钮。
第十一 实现交互
(5)设置鼠标按下按钮时的样子:单击左上角“按下时 /未选中”所对应的图形选择块,再单击“图案”右侧的“导入”按钮,打开“导入哪个文件?”对话框,
导入一个已经制作好的按钮。
(6)单击“确定”按钮,返回“按钮”对话框,可以看到该对话框中新增加了一种按钮。
(7)选择新添加的按钮,然后单击“确定”按钮,
返回“属性:判断图标”对话框。
(8)此时选中的按钮样式会显示在按钮预览框中。
第十一 实现交互
11.2.3了解按钮响应属性对话框
1.“按钮,选项卡
,按钮,选项卡各选项含义如下:
(1)大小:用于设置按钮的大小。其中 X代表按钮的宽度,Y代表高度,单位为像素。
(2)位置:用于设置按钮在演示窗口中的位置。以按钮的左上角为参考点,其中 X代表按钮距左边界的距离,Y代表按钮距上边界的距离,单位为像素。
第十一 实现交互
(3)标签:用于定义文字的标题,在该文本框中输入的文字将显示在按钮上。
(4)快捷键:用于设置按钮的快捷键。
(5)选项复选框组:包含两个选项,若选择,默认按钮,复选框,该按钮会作为默认的按钮,即按下 Enter键就相当于按下了该按钮;若选择,非激活状态下隐藏,
复选框,则该按钮不可用时将被隐藏,否则按钮不可用时以灰色表示。
(6)鼠标指针:用于设置当鼠标移动到按钮上时鼠标的形状。
第十一 实现交互
2.“响应,选项卡
,响应,选项卡各选项含义如下:
(1)范围:若选中该复选框,则该响应被设置为永久性响应,即在程序运行过程中始终处于被激活状态。
但文本响应、按键响应、时间响应和尝试响应不能设置为永久性响应。
(2)激活条件:用于设置按钮被激活的条件。当条件满足即为真时,设置为,永久的,按钮将出现在屏幕上。
第十一 实现交互
(3)擦除:用于设置响应图标执行完毕后,图标中的内容何时被擦除。该列表框提供了四个选项可供选择:
在下一次输入之后:在执行下一个响应图标后擦除。
在下一次输入之前:在执行下一个响应图标前擦除。
在退出时:在退出交互图标后擦除。
不擦除:不擦除响应图标中的内容,只有用擦除图标才能将其擦除。
第十一 实现交互
(4)分支:用于设置响应图标执行完毕后程序的流向。该列表框提供了三个选项可供选择:
重试:当程序执行完该响应图标后返回到交互图标,
等待下一次响应。
继续:当程序执行完该响应图标后,继续查看其右侧是否有符合条件的其他响应图标,若有则执行,直至右侧没有符合条件的响应图标时,才返回交互图标。
退出交互:退出交互图标,执行交互图标下面的图标。
第十一 实现交互
(5)状态:用来跟踪响应是否正确。该列表框提供了三个选项可供选择:
不判断:不跟踪响应的执行情况。
正确响应:跟踪正确的响应。选择该选项后,该响应图标名称前会出现一个,+”号,此时系统将正确响应次数进行累加,并存入系统变量中。
错误响应:跟踪正确的响应。选择该选项后,该响应图标名称前会出现一个,-”号,此时系统将错误响应次数进行累加,并存入系统变量中。
第十一 实现交互
(6)计分:得分情况。当设置了响应图标的状态为正确响应或错误响应后,可以在该文本框中输入一个表达式,用于记录得分情况。
如果该响应是正确的,可设置分值为正数;如果该响应是错误的,可设置分值为负数。
11.1 交互图标概述
11.1.1交互图标的功能与交互响应类型
1.交互图标的功能若要在多媒体作品中实现交互功能,就要用到交互图标。但交互图标本身并不具有交互性,它只是创建交互的基础,实际上可以把交互图标看作是显示图标、判断图标、等待图标和擦除图标的组合,因此可以说交互图标具有显示功能、判断功能、等待功能和擦除功能。
交互的响应类型
2.交互的响应类型响应类型名称 功能描述按钮响应 点击按钮程序将转入相应的响应分支热区域响应 用鼠标单击、双击或经过所设定的区域,
程序将转入相应的响应分支热对象响应 用鼠标单击、双击或经过所设定的对象,
程序将转入相应的响应分支。这种响应方式一般适用于不规则的物体交互的响应类型响应类型名称 功能描述目标区响应 当将指定的对象拖动到设定的目标区域时,
程序将转入相应的响应分支。这种响应方式适用于拼图、搭积木等游戏的制作下拉菜单响应 当选择了菜单中所需的选项后,程序将转入相应的响应分支条件响应 当满足条件时执行此条件对应的响应分支交互的响应类型响应类型名称 功能描述输入文本响应 由键盘输入文本,当输入文本与指定的内容相匹配时,程序将转入相应的响应分支。
按键响应 根据用户所按的键执行该键所对应的响应分支。这种响应方式适用于为用户提供特殊功能键以控制程序的运行。
重试限制响应 可以设置响应交互的次数,当到达指定次数时,将执行对应的响应分支交互的响应类型响应类型名称 功能描述时间限制响应 可以规定用户进入交互的时间限制,当超过规定的时间即会退出相应的响应分支事件响应 用于响应 ActiveX控件事件第十一 实现交互
11.1.2创建交互图标
(1)新建一个 Authorware应用程序。
(2)单击设计图标面板中的交互图标,将其拖动到流程线上,并为其命名。
(3)单击设计图标面板中的所需图标,并将其拖动到流程线上交互图标的右侧,此时将显示“响应类型”
对话框,选择所需的响应类型选项,然后单击“确定”
按钮。此时就生成了具有一个响应分支的交互分支结构,交互图标右下方的图标即为其中的响应图标。
(4)为该响应图标命名。
第十一 实现交互第十一 实现交互说明第一个响应图标生成后,该图标的响应类型以及各种相关的设置将具有继承性,即在创建下一个响应图标时,会自动采用与前一个响应图标相同的响应类型和有关设置。
第十一 实现交互
11.1.3了解交互图标属性对话框
1.打开交互图标属性对话框
(1)打开程序文件。
(2)右击交互图标,从其快捷菜单中选择,属性,
选项,打开,属性:交互图标,对话框,包含,交互作用,,
,显示,,,版面布局,和,CMI”四个选项卡。
第十一 实现交互
2.“交互作用,选项卡
(1)擦除:用于确定是否擦除交互图标中的内容。
该列表框提供了三个选项可供选择:
在退出之前:退出整个交互分支结构执行主流程线上的下一个图标前擦除。
在下次输入之后:当其他任何一个响应图标被激活时擦除。
不擦除:退出整个交互分支结构后,系统仍会保留交互图标的显示内容,只有用擦除函数或擦除图标才能将其擦除。
第十一 实现交互
(2)擦除特效:用于设置擦除交互图标中的显示内容时所采用的过渡效果,操作方法与擦除图标属性对话框中的,过渡,选项相同。
(3)选项复选框组:该复选框组包含两个复选框:
在退出前中止:若选择了该复选框,则程序在退出整个交互分支结构时暂停,单击鼠标或按任意键后,程序继续执行。
显示按钮:若选择了,在退出前中止,复选框,该复选框处于可用状态。若选择了该复选框,则在程序退出整个交互分支结构时的暂停期间,屏幕会显示一个,继续,按钮,单击该按钮,程序才会继续执行。
第十一 实现交互第十一 实现交互
3.“CMI”选项卡该选项卡是计算机管理教学系统,简称 CMI。
Authorware中提供了大量的系统变量和系统函数来对学生的交互操作、响应操作和文件操作进行全面的跟踪。
(1)知识对象轨迹:选择该复选框后,系统将会对学生在每个交互中的操作进行跟踪。选择该选项后,还需要在,属性:文件,对话框的,CMI”选项卡中选中
,知识对象轨迹,复选框组中的所需选项。
第十一 实现交互
(2)交互标识:指定该交互图标中 CMI系统中的标识,该标识只能是惟一的 。
(3)重要:指明该交互在 CMI系统中的重要性 。
(4)类型:用于选择交互的类型 。
第十一 实现交互
4.“显示,和,版面布局,选项卡
,显示,选项卡用于设置交互图标显示对象的显示层次、特效效果及显示时的一些其他属性。,版面布局,选项卡用于设置交互图标的显示内容在演示窗口中的布局。这两个选项卡中的内容和显示图标属性对话框中的使用方法完全相同。
第十一 实现交互
11.2 按钮响应
11.2.1按钮响应实例 —— 图片的放大与缩
,按钮,响应方式是最常见的一种交互控制方式,选择,按钮,选项后,交互图标的演示窗口中将出现一个按钮,单击该按钮即会执行该按钮所对应的响应图标。
第十一 实现交互设置当鼠标移动到按钮上时的形状
(1)双击响应图标上方的响应类型图标,打开“属性:判断图标”对话框。
(2)单击“按钮”选项卡,再单击“鼠标”右侧的按钮,打开“鼠标指针”对话框,选择手形鼠标指针。
(3)单击“确定”按钮返回“属性:判断图标”对话框。
(4) 关闭“属性:判断图标”对话框。
第十一 实现交互
11.2.2自制精美按钮
(1)双击“按钮”响应类型图标,打开“属性:判断图标”对话框。
(2)单击“按钮”按钮,打开“按钮”对话框。
(3)单击“添加”按钮,打开“按钮编辑”对话框。
(4)设置按钮弹起时的样子:单击左上角“未按放 /
未选中”所对应的图形选择块,再单击“图案”右侧的
“导入”按钮,打开“导入哪个文件?”对话框,导入一个已经制作好的按钮。
第十一 实现交互
(5)设置鼠标按下按钮时的样子:单击左上角“按下时 /未选中”所对应的图形选择块,再单击“图案”右侧的“导入”按钮,打开“导入哪个文件?”对话框,
导入一个已经制作好的按钮。
(6)单击“确定”按钮,返回“按钮”对话框,可以看到该对话框中新增加了一种按钮。
(7)选择新添加的按钮,然后单击“确定”按钮,
返回“属性:判断图标”对话框。
(8)此时选中的按钮样式会显示在按钮预览框中。
第十一 实现交互
11.2.3了解按钮响应属性对话框
1.“按钮,选项卡
,按钮,选项卡各选项含义如下:
(1)大小:用于设置按钮的大小。其中 X代表按钮的宽度,Y代表高度,单位为像素。
(2)位置:用于设置按钮在演示窗口中的位置。以按钮的左上角为参考点,其中 X代表按钮距左边界的距离,Y代表按钮距上边界的距离,单位为像素。
第十一 实现交互
(3)标签:用于定义文字的标题,在该文本框中输入的文字将显示在按钮上。
(4)快捷键:用于设置按钮的快捷键。
(5)选项复选框组:包含两个选项,若选择,默认按钮,复选框,该按钮会作为默认的按钮,即按下 Enter键就相当于按下了该按钮;若选择,非激活状态下隐藏,
复选框,则该按钮不可用时将被隐藏,否则按钮不可用时以灰色表示。
(6)鼠标指针:用于设置当鼠标移动到按钮上时鼠标的形状。
第十一 实现交互
2.“响应,选项卡
,响应,选项卡各选项含义如下:
(1)范围:若选中该复选框,则该响应被设置为永久性响应,即在程序运行过程中始终处于被激活状态。
但文本响应、按键响应、时间响应和尝试响应不能设置为永久性响应。
(2)激活条件:用于设置按钮被激活的条件。当条件满足即为真时,设置为,永久的,按钮将出现在屏幕上。
第十一 实现交互
(3)擦除:用于设置响应图标执行完毕后,图标中的内容何时被擦除。该列表框提供了四个选项可供选择:
在下一次输入之后:在执行下一个响应图标后擦除。
在下一次输入之前:在执行下一个响应图标前擦除。
在退出时:在退出交互图标后擦除。
不擦除:不擦除响应图标中的内容,只有用擦除图标才能将其擦除。
第十一 实现交互
(4)分支:用于设置响应图标执行完毕后程序的流向。该列表框提供了三个选项可供选择:
重试:当程序执行完该响应图标后返回到交互图标,
等待下一次响应。
继续:当程序执行完该响应图标后,继续查看其右侧是否有符合条件的其他响应图标,若有则执行,直至右侧没有符合条件的响应图标时,才返回交互图标。
退出交互:退出交互图标,执行交互图标下面的图标。
第十一 实现交互
(5)状态:用来跟踪响应是否正确。该列表框提供了三个选项可供选择:
不判断:不跟踪响应的执行情况。
正确响应:跟踪正确的响应。选择该选项后,该响应图标名称前会出现一个,+”号,此时系统将正确响应次数进行累加,并存入系统变量中。
错误响应:跟踪正确的响应。选择该选项后,该响应图标名称前会出现一个,-”号,此时系统将错误响应次数进行累加,并存入系统变量中。
第十一 实现交互
(6)计分:得分情况。当设置了响应图标的状态为正确响应或错误响应后,可以在该文本框中输入一个表达式,用于记录得分情况。
如果该响应是正确的,可设置分值为正数;如果该响应是错误的,可设置分值为负数。