中文Authorware多媒体制作教程 第3版 教学课件 作者 冯建平 符策群 孙洪涛等 第7章 交互控制.ppt

《中文Authorware多媒体制作教程 第3版 教学课件 作者 冯建平 符策群 孙洪涛等 第7章 交互控制.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第7章交互控制Authorware拥有强大的交互功能，并且为我们提供了包括按钮、热区域、条件等在内的共11种交互类型。对于它们的具体应用及属性设置将会在接下来的各节中向大家做详细的介绍。7.1交互作用分支结构7.1.1交互的类型与特点Authorware为用户提供了强大的交互功能，而这些功能均由交互作用分支结构来实现，如图7-1所示。交互作用分支结构由“交互”图标和“响应”图标共同构成。单独的交互图标没有任何意义，同时也没有单独的响应图标存在。图7-1交互作用分支结构图7-2交互类型7.1.2互响应的属性设置图7-3“响应”选项卡中的属性设置

2、重试：当选择此分支类型时，系统在响应完此处交互后将会回到主流程线的交互分支起点开始读取程序，在此等待用户做出另一次交互操作。对照图中重试路径上的箭头指向，我们可以很容易理解计算机读取程序的方向。继续：当用户选择此分支类型时，沿箭头的方向看，此时计算机读取程序的路径是其分支结构上方的闭合矩形，计算机会在此流程线上反复检查，等待用户匹配该响应的操作。在系统响应完此处交互后，计算机又回到闭合矩形的路径上等待下一次匹配响应的操作。退出交互：当系统响应完具有此分支类型的交互程序后，顺着箭头的指向，计算机将回到主流程线上读取程序。返回：选择了此交互分支类

3、型的响应，只要始终处于激活状态，系统等待用户的匹配操作并随时响应，从而进入该分支路径读取程序；该分支执行完毕后，返回到原来调转起点继续往下执行。7.1.3交互图标的属性设置7.2按钮响应在众多交互类型当中按钮是最传统、最实用也最容易为用户所接受的交互类型。它就可以认为是我们现实生活中的按钮，按下按钮就可执行某项任务。或者你可以这样认为，按钮（其他交互类型也一样）就好像“响应类型”处的一个开关，计算机沿着流程线读取程序，读到此处如果用户按下按钮也就相当于打开开关，那么计算机继续往下读取该响应分支中的程序。7.2.1按钮响应及其属性设置程序流程图按钮

4、类型对话框7.3热区域响应7.3.1热区域响应及其属性设置首先进入如图7-30（a）所示的界面，当用户在小图上单击鼠标左键时就会进入图7-30（b）的演示窗口，给人一种放大的效果。再单击大图则又返回到左图，这样就使得图像可以不断地放大和还原。当单击演示窗口右下“退出”字样时便会退出程序。图7-31热区交互程序图7-30热区交互效果(a)(b)7.3.2动手实践：几何画板制作一个“几何画板”，绘制几何图形，从中体会热区响应图标的应用。效果如图7-35所示。图7-35外观效果与流程图（1）新建一个文件，在流程线上拖放一个显示图标，命名为“背景”，并导

5、入一张图片作为背景，在“背景”显示图标上添加一个“附属计算”图标，在其中输入“Movable@”背景“:=0”用于固定背景图像。拖放一个交互图标，并拖放一个计算图标，三个群组图标，一个擦除图标到交互图标右侧，依次命名为“退出”，“绘制矩形”，“绘制椭圆”，“绘制直线”和“全部擦除”。并分别设置“交互”图标属性为“不擦除”，按钮响应的属性除设置它们的按钮形状和位置外，也设置为“不擦除”，并将它们的“范围”都设置为“永久”。（2）在计算图标中输入表达式“Quit（0）”用于退出程序。（3）打开“绘制矩形”群组图标，在其中添加如图7-36所示流程线，

6、将“交互类型”设置为“热区域”，使热区覆盖图像中的绘图区域，将“矩形交互”图标属性设置为“不擦除”，“热区域”响应也设置为“不擦除”。图7-36“绘制矩形”“群组”图标设置在计算图标中，导入函数“DrawBox（pensize,x1,y1,x2,y2）”用于绘制矩形，由于不设定起止位置，只设置线型粗细3像素，修改参数为“DrawBox（3）”。用同样的方法，在“绘制椭圆”和“绘制直线”中进行类似的设置，分别在它们的计算图标中设置函数为“DrawCircle（5）”和“DrawLine（4）”，绘制椭圆和矩形。（4）在交互图标右侧在拖入一个擦除图

7、标，设置擦除对象如图7-37所示。图7-37设置擦除对象（5）运行程序，绘制一个“自行车”，如果不满意，点击“全部擦除”按钮，擦除全部对象，重来。7.4热对象响应回忆一下我们前面已经学过的热区交互，交互的区域只是规则的矩形区域，而在很多情况下交互的对象很可能是不规则的区域，此时就需要用到热对象响应，它的交互区域就是整个对象所占的区域。这样就解决了上面的这样一个问题。7.4.1热对象响应及其属性设置在进入其属性设置以前，我们先来看一道例题。运行程序就会产生图7-42所示的效果。当用户将鼠标移至图片的范围内，单击鼠标左键，就会看见整个图片加亮，而图形

8、以外的空白区域则不会，并且在图片的下方显示出图的解释。此时用户单击图形以外的任何空白区域都不会产生此效果。图7-42程序运行效果接下来介