Authorware开发交互开发PPT教学课件

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
设置按钮始终有效
第23页/共81页
3. 改变按钮的大小、位置与外观 单击【属性:交互图标】面板中的【按钮…】,弹出【按钮】对话框,如下图。
第24页/共81页
单击【添加…】或者【编辑…】,打开【按钮添加】或【按钮编辑】对话框,如下 图。
第25页/共81页
4. 按钮响应实例 下面,使用按钮响应制作一个简单的多媒体课件。 1) 建立一个新文件。在流程线上添加一个计算图标,命名为“窗口”。 2) 双击流程线上的“窗口”计算图标,将演示窗口大小设为(500,200)。 3) 向“窗口”计算图标的下方添加一个显示图标,命名为“题目”。
第31页/共81页
6-2.5.3 热区域交互
1. 使用热区域交互 将前面用按钮控制的课件修改为用热区控制的课件。其具体的操作步骤如下: 1) 打开前面保存的课件。 2) 在“A)美国”分支的交互类型标记上双击鼠标左键,弹出【属性:交互图标】 面板。 3) 在面板的【类型】下拉列表中选择【热区域】选项。这时可以看到“A)美国” 分支的交互类型标记发生了变化,由按钮交互的形状变为热区域交互的形状。
2. 设置按钮交互属性 1)在设计窗口中双击按钮交互类型标记 打开【属性:交互图标】面板,如下图。
2)在面板的左侧可以预览到按钮形状;单击【按钮…..】按钮,可以在打开的【按钮】 对话框中编辑按钮。 3)在面板的【按钮】标签中可以设置按钮的各种属性。
第22页/共81页
4)在面板的【响应】标签中提供了对响应分支的各种设计。例如:选择了【永久】 选项后,就可以定义按钮始终有效,同时我们发现设计窗口中的交互图标下面又出 现了主流程线,如下图。
第32页/共81页
4) 运行程序,可以发现画面中的按钮消失了,但当光标指向按钮所在区域 时仍将变为手形光标,单击鼠标左键将出现“正确”的提示,如下图。
运行画面
第33页/共81页
5) 如果需要修改热区域,可以双击交互图标,打开演示窗口。 6) 单击“A)美国”热区域标志,则热区域周围出现八个控制点。将光标指 向控制点按住鼠标左键拖曳,可以改变热区域的大小;将光标指向热区标志后 按住鼠标左键拖曳,可以改变热区的位置。如果仍要在演示窗口中出现“A)美 国”字样,可以重新输入“A)美国”字样,然后用热区域将其覆盖即可。
第34页/共81页
7) 用同样的方法修改其他按钮。运行程序时的画面如下图。
运行画面
第35页/共81页
2. 设置热区域交互的属性
【响应】标签
第36页/共81页
选择【重试】时的流程走向
第37页/共81页
选择【继续】时的流程走向
第38页/共81页
选择【退出交互】时的流程走向
第39页/共81页
选择【返回】时的流程走向
第40页/共81页
6-2.5.4 热对象交互
制作一个热对象交互课件,对几张动物的图片加以介绍,要求光标指向对象时出 现相应文字介绍,移开光标停止介绍。
制作该课件的具体操作步骤如下: 1) 建立一个新文件。在流程线上添加一个计算图标,命名为“窗口”,并将演 示窗口的大小设为(420,280)。 2) 在“窗口”图标下面添加三个显示图标,分别命名为“牛”、“马”和 “羊”,并分别导入相应的图片,设置各图片的遮盖模式为【透明】。 3) 在流程线上选择这三个显示图标,单击菜单栏中的【修改】/【群组】命令, 将三个显示图标组合为一个群组图标,并将其命名为“对象”。
第28页/共81页
8) 继续向交互图标的右侧添加三个显示图标,并命名为“B)英国”、“C) 法国”、“D)中国”。此时流程线如下图。
第29页/共81页
9)运行程序,如果发现按钮分布不合要求,可以直接在演示窗口中调整按 钮的位置,调整后的效果如下图。
第30页/共81页
10)为每一个按钮选择手形光标。运行程序时,当光标指向按 钮时将出现手形光标。 11)依次双击交互图标右侧的显示图标,分别在各显示图标的 演示窗口中输入汉字“正确”、“错误”、 “错误”、 “错误”。 至此,一个由按钮控制的简单多媒体课件制作完成。运行程序 时,当选择其中的某一个答案时,程序将自动判断对错。
第7页/共81页
输入的文本
第8页/共81页
3)双击“移动”图标,打开【属性:移动图标】面板,设置【执行方式】为 “等待直到完成”。 4)运行程序,可以看到企鹅移动完成后才出现文字。 5)在【属性:移动图标】面板中重新设置【执行方式】为“同时”。 6)运行程序,可以看到企鹅移动的同时出现了文字。
第9页/共81页
第18页/共81页
4)在【交互类型】对话框中选择所需的交互类型。
5)单击
按钮,则在设计窗口中建立了相应的交互分
之结构,将计算图标命名为“计算”,如下图所示 。
第19页/共81页
6-2.5.2 按钮交互
1. 使用按钮交互 制作一个能使程序退出演示窗口的按钮,具体步骤如下:
1) 新建一个文件。 2) 向流程线上添加一个计算图标,命名为“重设窗口”。 3) 双击该计算图标,在打开的计算窗口中输入语句“ResizeWindow(320,280)”, 重设演示窗口的大小。 4) 向流程线上添加一个交互图标,并命名为“交互”。 5) 再拖曳一个计算图标至交互图标的右侧,在弹出的【交互类型】对话框中选择 【按钮】选项。
第46页/共81页
6) 用同样的方法,在流程线上再添加两个显示图标,并分别命名为“猪”和 “鸟”,然后在其演示窗口中分别输入单词“pig”和“bird” 。
7) 在“鸟”图标的下方添加一个交互图标,命名为“判断”。 8) 向交互图标的右侧添加一个群组图标,在弹出的【响应类型】对话框中选 择【目标区】响应,将该图标命名为“鸟正确”;在“鸟正确”图标的右侧再添 加一个群组图标,命名为“鸟错误” 。 9)运行程序,则弹出【属性:交互图标】面板,同时演示窗口中将出现一个 标有“鸟正确”的虚线框,用于标记目标对象应拖到的目标区域。
6-2.5 交互功能的实现
6-2.5.1 认识交互图标
建立交互分支结构的具体操作步骤: 1)建立一个新文件。 2)向流程线上添加一个交互图标,命名为“交互”。 3)向交互图标的右侧添加一个计算图标,释放鼠标后将出现 一个交互分支结构,并同时弹出【交互类型】对话框,如后 图所示。
第17页/共81页
【交互类型】对话框
设定目标区域
第50页/共81页
14) 在【目标区】标签下的【放下】选项中选择【返回】选项,在【响应】标 签下的【状态】选项中选择【错误响应】选项。
第20页/共81页
6) 单击 出”。
按钮,则在设计窗口中建立了交互分支结构,将计算图标命名为“退
7) 双击“退出”计算图标,在打开的计算窗口中输入“Quit()”语句后 关闭计算 窗口,如下图所示。
8)运行程序时可以看到,在空白的演示窗口中有一个 按钮,单击该按钮可以结束程序运行。
第21页/共81页
7) 在面板中设置各项参数,如后图所示。 8)运行程序时就会发现红色的圆跟随鼠标移动。
第13页/共81页
【属性:移动图标】面板
第14页/共81页
6-2.3.4 指向固定路径的终点
【属性:移动图标】面板
第15页/共81页
6-2.3.5 指向固定路径上的任意点
【属性:移动图标】面板
第16页/共81页
12) 在【响应】标签下的【状态】选项中选择【正确响应】选项。 13) 重新运行程序,又弹出另一个【属性:交互图标】面板,这是“鸟错误”
分支响应的属性对话框。此处仍然选择“bird”单词为目标对象,然后拖动“bird” 单词到演示窗口的中央位置,调整虚线框使之包围演示窗口的下方窗格,如后图 所示。
第49页/共81页
6-2.3.2 指向固定直线上的某点
【属性:移动图标】面板
第10页/共81页
6-2.3.3 指向固定区域内的某点
【属性:移动图标】面板
第11页/共81页
下面做一个鼠标跟随动画的练习: 1) 建立一个新文件,向流程线上添加一个计算图标,命名为 “重设窗口”,并将演示窗口设定为(300,200)。 2)在流程线上添加一个显示图标,命名为“圆形”。双击“圆形”显示图标,在 演示窗口中画一个红色的圆。 3) 向流程线上添加一个移动图标,并命名为“跟随”。
程序暂停并出现【属性:移动图标】对话框
第1页/共81页
7)根据面板右侧的提示,单击演示窗口中的“企鹅”,拾取运 动对象,则“企鹅”成为被选中的运动对象。这时,面板中的提 示信息发生了改变,如下图所示。
【属性:移动图标】对话框
第2页/共81页
8)根据属性面板的提示,在演示窗口中将“企鹅”拖动到目的 地。
使用目标区交互制作该课件的操作步骤如下: 1) 建立一个新文件。在流程线上添加一个计算图标,命名为“窗口”,并将 演示窗口的大小设为(420,280)。 2) 在“窗口”图标的下面添加一个显示图标,命名为“目标区域”。 3) 双击“目标区域”图标,在打开的演示窗口中绘制一个简单的上下窗格。 在上方的窗格中输入“将右侧的单词拖放到左侧相应的图片上”;在下方窗格 导入三幅图片。 4) 在“目标区域”图标的下方添加一个显示图标,命名为“苹果”。 5) 双击“苹果”图标,在打开的演示窗口中输入单词“apple”。
第47页/共81页
10) 根据对话框的提示,单击演示窗口中的“bird”单词作为目标对象,则虚线 框将自动附着到单词上。再根据对话框的提示,将“bird”单词(注意不是虚线框) 拖到鸟图片上,然后调整虚线框使之完全包围鸟图片,如下图所示。
第48页/共81页
11) 在【目标区】标签下的【放下】选项中选择【在中心定位】,注意此处不 选择【允许任何对象】选项,以便使本响应只对“鸟”有效。
第41页/共81页
4) 在“对象”群组图标的下面添加一个交互图标,命名为“介绍”。 5) 在交互图标的右侧添加一个群组图标,在弹出的【响应类型】对话框
中选择【热对象响应】类型。将该群组图标命名为“介绍牛” 。 6) 双击“介绍牛”群组图标,在其二级流程线上添加一个显示图标,载
入一段文字。
第42页/共81页
第3页/共81页
6-2.2 移动图标的属性
在Aurthorware的移动图标中,用户可以使用五种不同的动画 设计方式,如下图所示。
五种动画设计方式
第4页/共81页
【属性:移Leabharlann 图标】面板第5页/共81页
6-2.3 五种动画设计方式
6-2.3.1 指向固定点
【属性:移动图标】面板
第6页/共81页
通过实例来验证一下选择不同的【执行方式】时程序的运行情况。 1)继续上一节制作的“小企鹅移动”的例子,在移动图标的下面 添加一个显示图标,命名为“文字”。 2)双击“文字”图标,在打开的演示窗口中输入“同步方式验证”, 如后图所示。
第12页/共81页
4) 运行程序,当程序遇到空白的移动图标后会自动停止,并弹出【属性:移动图 标】面板。
5) 在面板中选择【指向固定区域内的某点】方式,然后拾取演示窗口中的红色的 圆,通过拖曳鼠标确定移动区域。
6) 在【目标】选项中输入两个系统变量:cursorX和cursorY。这两个变量的作用 是让红色的圆捕捉光标位置。
7) 运行程序,弹出【属性:响应】对话框,单击演示窗口中的“牛”图片, 将它的【类型】定义为热对象,则“牛”图片出现在对话框左上角的预览窗口 中,同时其图标名称出现在【热对象】选项文本框中,说明该对象已被选中。
8) 在【匹配】选项中选择【指针在对象上】选项,再用前面介绍的方法将 【鼠标指针】设置为手形光标。
9) 运行程序,当光标移到“牛”图片上时就会出现文字和解说词。
第43页/共81页
10) 用同样的方法,可以为“马”和“羊”进行上述设置,其最终程序如 下图所示。
程序流程线
第44页/共81页
6-2.5.5 目标区交互
我们将制作一个目标区交互的实例,通过实例来学习目标区交互的相关操 作和属性设置。
第45页/共81页
第26页/共81页
4) 双击“题目”显示图标,打开演示窗口,输入一道题目,如下图,然后关 闭演示窗口。
第27页/共81页
5) 向流程线上添加一个交互图标,并命名为“交互”。 6) 拖曳一个显示图标至交互图标的右侧,在弹出的【交互类型】对话框中选 择【按钮】选项,然后单击【确定】按钮,将图标命名为“A)美国”。 7)双击交互类型标记,在打开的【属性:交互图标】面板中单击【按钮…】, 在弹出的【按钮】对话框中选择如下图所示的按钮并确认。
相关文档
最新文档