Authorware多媒体设计标准教程第五章.ppt

1、第5章 交互图标,5.1交互图标的介绍及属性设置 5.2 按钮交互实例 5.3 热区域交互实例 5.4 热对象交互实例 5.5 目标区域和条件交互实例 5.6 下拉菜单交互实例 5.7 按键交互实例 5.8 文本输入和重试限制交互实例,5.1交互图标的介绍及属性设置,交互图标是Authorware中非常重要的设计图标，Authorware作品中的人机交互主要是通过交互图标来实现的。本节将详细介绍交互图标的组成及其属性设置对话框。 5.1.1交互的组成 如图5.1所示，一个交互图标的流程线包括一个交互图标、若干个响应类型标志、同样数目的响应图标和响应图标组成的响应分支4个部分。 其中： 响应标志

2、：表示交互图标的每一分支的响应方式。 响应图标：只能是显示、清除、计算、组图标、数字电影、声音、导航和动画等图标，而不能是分支、框架和交互图标本身，如果需要添加后三个图标，则在交互图标的右边添加一组图标。然后显示这个组图标，进入二级程序流程线，此时即可添加。 响应分支：定义程序执行响应后的流向。,下一页,返回,5.1交互图标的介绍及属性设置,5.1.2 交互图标的属性设置 下面介绍交互图标的属性设置对话框，首先拖动一个交互图标到流程线上，如图5.2所示。 双击流程线上的交互图标，出现该交互图标的属性设置对话框，如图5.3所示。 1. 选中“交互作用”选项卡 （1）在“擦除”下拉列表中，选中“在

3、退出之前”选项，该交互图标的显示内容会一直保留到退出交互时才会被擦除；选中“在下次输入之后”选项，当交互图标中的其他分支被执行时，便擦除该交互图标的显示内容；选中“不擦除”选项，交互图标中的内容会被保留，若想擦除其内容，只能用擦除函数或擦除图标。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,（2）擦除特效选项，同样用于擦除显示内容时的过渡效果。 （3）“选项”中，选中“在退出前中止”选项，表示在程序退出该交互图标时，暂停，当用户单击鼠标或按下键盘上的任意键时，程序才正式退出交互，继续沿流程线向下执行。当选中“在退出前中止”选项，下面的“显示按钮”选项会被激活，选中该项，表示在退出交互

4、的暂停期间，屏幕上会出现一个等待按钮。当单击该按钮，不再等待，程序继续向下执行。 2. 选中“显示”选项卡 如图5.4所示，在“选项”中，更新显示变量，禁止文本查找，防止自动擦除，擦除以前内容和直接写屏的功能，同显示图标属性设置对话框中的“选项”各项含义相同，这里不再赘述。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,接上面的操作，拖动一个“群组图标”到交互图标的右方，然后释放鼠标左键，这时会弹出交互类型对话框，如图5.5所示。 在Authorware的交互图标中，共设有11种交互类型，分别是：按钮、热区域、热对象、目标区、下拉菜单、条件、文本输入、按键、重试限制、时间限制和事件。下

5、面分别介绍每个选项的功能。 （1）按钮：选择该选项后，双击交互图标，在其演示窗口中会出现一个按钮，只要将鼠标移动到按钮上并单击鼠标左键，即会执行设置的动作，程序将会进入该按钮响应标志的下方分支，执行其响应图标。按钮图标是Authorware所提供的，也可以由设计者从其他文件中导入。 （2）热区域：选择该选项后，当程序进入交互图标时，系统会提供一个矩形热区域，用户可以用鼠标单击、双击或经过热区即可激活交互响应，从而转入相应的响应分支，执行其响应图标。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,（3）热对象：选择该选项后，此响应类型与热区域基本类似，但相应内容不是矩形区域，而是某个显示

6、图标中的对象。 （4）目标区：选择该选项后，要求用户把显示对象移动到特定区域中。当用户拖动对象到达目标区域即完成响应，之后程序会执行对应的响应分支。该响应方式一般适用于拼图、选择题等的制作。 （5）下拉菜单：选择该选项后，交互图标演示窗口的左上角会出现一个标准Windows的下拉菜单，用户可以通过选择设置的菜单项来激活相应的交互分支。 （6）条件：选择该选项后，允许设计者设置一个条件，该条件可以是变量、函数或表达式，当条件符合时会执行该条件响应标志的下方分支。 （7）文本输入：选择该选项后，在交互图标的演示窗口中会出现一个文本输入区，用户可以通过输入与要求内容相匹配的文字，来执行响应标志的下方

7、分支。此交互式用于希望用户回答文字信息来响应交互的场合，例如密码、用户名等。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,（8）按键：选择该选项后，当用户按下键盘上的指定按键后，将执行该按键响应标志的下方分支。这种交互方式适用于为用户提供特殊功能键以控制程序的运行。 （9）重试限制：选择该选项后，可以设置用户响应交互的次数，当达到指定次数时，将执行对应的响应分支。图5.6 建立分支的交互图标 （10）时间限制：选择该选项后，可以设置用户进入交互的时间限制，一旦超过规定时间，将会退出相应的交互图标。 （11）事件：选择该选项后，该响应对应于Authorware提供的Active X控件

8、。 在此，选中按钮交互类型，单击“交互类型”对话框中的“确定”按钮，即建立了一个按钮交互分支，其流程线如图5.6所示。单击按钮响应标志，弹出按钮交互属性设置对话框，如图5.7所示。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,在按钮交互的属性设置对话框中，单击“响应”选项卡，如图5.8所示，其中各项的作用如下： （1）范围：用于设置此响应的作用范围。如果选中“永久”，则无论是否已离开交互循环，该按钮都处于激活状态。不选，则一旦退出该交互循环，不能再控制该按钮。不能设置为永久性响应的有文本输入、按键、重试限制和时间限制。 （2）激活条件：在该文本中可以输入变量或表达式来设置匹配该响应的

9、条件。 （3）擦除：在下拉列表中，可以设置退出响应分支时擦除的动作效果。各项的具体含义如下：,上一页,下一页,返回,5.1交互图标的介绍及属性设置,“在下一次输入之后”：选择该选项，则在执行下一次响应之后，即当用户进行其他交互时，便自动擦除本交互响应图标的显示内容。 “在下一次输入之前”：选择该选项，则在执行下一次响应之前，擦除本交互响应图标的显示内容。 “在退出时”：选择该选项，则本交互标的显示内容将保留到退出交互时再擦除。 “不擦除”：选择该选项，则不擦除交互图标中显示的内容。 （4）分支：在下拉列表中，可以确定程序的流向。各项的具体含义如下： “重试”：选择该项后，当程序执行完本响应分支

10、后，继续返回到交互图标，用户可以继续进行交互。,上一页,下一页,返回,5.1交互图标的介绍及属性设置,“继续”：选择该项后，当执行完该响应分支后，继续查看下面的交互分支，是否符合条件，若符合，则执行，直到右侧没有符合条件的其他响应时，才返回交互图标处。 “退出交互”：选择该项后，当执行完该响应分支后，退出交互图标。 （5）状态：在下拉列表中，可以用来跟踪响应是否正确。各项的具体含义如下： “不判断”：该项为默认选项，选择该选项，表示不跟踪响应分支的执行情况。 “正确响应”：选择该选项，则在相应图标的名称前会出现一个+号，表示跟踪正确响应。 “错误响应”：选择该选项，则在相应图标的名称前会出现一

11、个号，表示跟踪错误响应。 （6）计分：在“计分”栏中输入表达式，当该响应是正确的，则所得分数是正数；当该响应是错误的，则所得分数是负数。,上一页,返回,5.2 按钮交互实例,本节主要介绍按钮交互的使用，具体的操作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框，单击“取消”按钮即可。此时便建立一个新文件。 第2步，依次单击菜单中“文件”“保存”命令，弹出“保存文件为”保存对话框。然后选择文件的保存路径，在“文件名”栏中输入文件名称，这里将文件重命名为“地球围着太阳转”，单击“保存”按钮即可。 第3步，拖动一个显示图标到流程线上，重命名为“背景”。双击该

12、显示图标，打开其演示窗口，导入一幅图片，如图5.11所示。,下一页,返回,5.2 按钮交互实例,第4步，拖动一个“交互图标”到流程线上，重命名为“诗交互”。流程线如图5.12所示。 第5步，拖动一个群组图标到交互图标的右方，释放鼠标左键，建立交互的第一个分支，并重命名为“诗欣赏”。双击“按钮”响应类型标志，出现其属性设置对话框，如图5.13所示，然后将鼠标的形状改为“小手”。 第6步，双击“诗欣赏”分支的响应图标，打开其分支流程，然后拖动一个“显示图标”到流程线上，重命名为“诗歌”，双击“诗歌”显示图标，打开其演示窗口，编辑如图5.14所示。,上一页,下一页,返回,5.2 按钮交互实例,第7步

13、，拖动一个“等待图标”到“诗歌”显示图标的下方，将其属性设置如图5.15所示。 第8步，再拖动一个“群组图标”到交互图标的右方，重命名为“作者简介”（这时，交互类型和属性会自动复制第一分支的交互类型和属性）。同第一分支的制作步骤，打开“作者简介”分支，拖动一个“显示图标”到二层流程线上，重命名为“作者简介”，在其演示窗口中输入作者介绍，如图5.16所示，并复制第一分支的“等待图标”到“作者简介”显示图标的下方。,上一页,下一页,返回,5.2 按钮交互实例,第9步，拖动一个“群组图标”到交互图标的右方，建立第三分支，命名为“词语解释”。同样，双击该分支的响应图标，打开其二层分支。然后拖动一个“显

14、示图标”到流程线上，重命名为“词语解释”，输入词语解释内容，如图5.17所示，并复制第一分支的“等待图标”到“词语解释”显示图标的下方。 第10步，再拖动一个“群组图标”到交互图标的右方，建立第四分支，重命名为“诗文解释”。同样双击其响应图标，打开第二层分支，拖动一个“显示图标”到二层流程线上，命名为“诗文解释”，输入诗文解释内容，如图5.18所示，并复制第一分支的“等待图标”到“词语解释”显示图标的下方。 第11步，制作完毕，总流程线如图5.19所示。单击工具栏上的“执行”按钮，运行程序，运行结果如图5.20所示。,上一页,返回,5.3 热区域交互实例,本例主要介绍热区域交互方式的使用，具体

15、的制作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框，单击“取消”按钮，此时便建立一个默认名称为“未命名”的新文件。 第2步，单击菜单“文件”“保存”命令，弹出“保存文件为”对话框，选择该文件的保存路径，在“文件名”栏中输入文件名称，对文件进行重命名，这里输入“热区域”，单击“保存”按钮即可。 第3步，拖动一个显示图标到流程线上，重命名为“背景”，双击该显示图标，打开其演示窗口，导入一幅图片；然后，选中文本编辑框中的“椭圆”选项，按住Shift键的同时，拖动鼠标绘制一个正圆，并将其背景色填充为黄色。如图5.23所示。,下一页,返回,5.3 热区域交互

16、实例,第4步，拖动一个显示图标到流程线上，重命名为“诗歌”，双击该显示图标，打开其演示窗口，输入诗歌内容，并在其左下角输入“退出”二字。 第5步，拖动一个交互图标到流程线上，重命名为“诗交互”，然后拖动一个显示图标到交互图标的右方释放鼠标左键，然后在弹出的“交互类型”对话框中，选择“热区域”响应类型。此时便建立了交互图标的第一个响应分支，重命名为“独酌”。流程线如图5.25所示。 第6步，按下Shift键的同时，分别双击“背景”显示图标和“诗歌”显示图标，打开它们的演示窗口，然后，按下Shift键，再双击“独酌”响应类型标志，这时，在演示窗口出现了一个虚线框，然后将虚线框拖动到演示窗口中指定位

17、置，调整其大小，如图5.26所示。,上一页,下一页,返回,5.3 热区域交互实例,第7步，双击交互图标中“独酌”分支的响应图标，打开该显示图标的演示窗口，输入解释内容。到此，我们就做完了第一个热字的交互。单击工具栏上的“执行”按钮，运行程序，当把鼠标箭头移动到文本“独酌”二字的上面时，鼠标箭头变为“小手”形状，然后单击鼠标左键，便出现相应文本的解释，如图5.28所示。 第8步，以相同的步骤分别作“成三人”、“既”、“不解”等字词的解释。值得注意的是，交互图标的第二分支以及后面的分支会自动复制第一分支的交互类型及属性设置。 第9步，拖动一个计算图标到“诗交互”的最右端，释放鼠标左键，做“退出”文

18、本所在区域的热交互，双击打开响应图标即“计算图标”，在编辑区输入语句“Quit()”，用来退出交互，如图5.29所示。,上一页,下一页,返回,5.3 热区域交互实例,第10步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.30所示。当把鼠标箭头移动到指定热区位置（这里放在“独酌”二字的上方）时，鼠标箭头变成“小手”形状，单击鼠标左键，出现该二字的解释，如图5.31所示。 最后，总流程如图5.32所示。,上一页,返回,5.4 热对象交互实例,本例主要介绍热对象交互方式的使用，具体的制作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框单击“取消”按

19、钮，便建立一个文件名默认为“未命名”的新文件。 第2步，单击菜单中“文件”“保存”命令，弹出“保存文件为”对话框。选择该文件的保存路径，在“文件名”栏中输入文件名称，将文件重命名，这里输入“地球围着太阳转”，单击“保存”按钮即可。 第3步，拖动一个显示图标到新建文件的流程线上，重命名为“绿叶”，双击该显示图标，打开其演示窗口，导入一幅图片，如图5.35所示。,下一页,返回,5.4 热对象交互实例,第4步，再拖动一个显示图标到流程线上，重命名为“红花”，双击该显示图标，打开其演示窗口，也导入一幅图片，如图5.36所示。 第5步，拖动一个交互图标到流程线上，重命名为“热对象交互”，然后拖动一个显示

20、图标到交互图标的右方释放鼠标左键，在弹出的“交互类型”对话框中，选择“热对象”响应类型。此时，建立了交互的第一个分支，重命名为“叶”，流程线如图5.37所示。 第6步，双击“叶”分支下方的响应图标显示图标，打开该显示图标的演示窗口，利用绘图工具箱中的“文本工具”，输入文本内容“绿叶”。,上一页,下一页,返回,5.4 热对象交互实例,第7步，双击“绿叶”显示图标，打开其演示窗口；然后，按住Shift键的同时，双击“叶”分支的响应类型标志，出现交互图标的属性设置对话框；单击“绿叶”显示图标中的图片，该图片处于选中状态，如图5.39所示。这时，在交互图标的属性设置对话框的预览框中将出现被选中的图片，

21、如图5.40所示，表示该图片为热对象，然后将鼠标形状改为“ ”形状。到此，我们就做好了第一个热对象交互分支。 第8步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.41。这时，把鼠标箭头移动到绿叶图片的上方，鼠标箭头变为“ ”形状，代表该图片已成为一个热对象，程序运行时，把鼠标箭头移动到热对象上，单击鼠标，就会执行相应的交互分支的响应图标，这里显示图标中的内容“绿叶”显示出来，如图5.42所示。,上一页,下一页,返回,5.4 热对象交互实例,第9步，以同样的步骤做交互图标的第二分支，并将该分支重命名为“花”，即以“红花”显示图标中的图片为热对象进行交互。双击“花”分支的响应图标，打开其

22、演示窗口，输入文本内容“红花”，如图5.43所示。其余步骤同第一分支的制作过程，不再赘述。 第10步，单击工具栏上的“执行”按钮，运行程序，当把鼠标箭头移动到图片对象上时，鼠标箭头变为“小手”形状，然后单击鼠标左键，会出现该图片的名称，如图5.44所示。 程序的最终流程如图5.45所示：,上一页,返回,5.5 目标区域和条件交互实例,本例主要介绍目标区和条件两种交互方式的使用，具体的操作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件对话框，单击“取消”按钮，便建立一个默认名称为“未命名”的新文件。 第2步，依次单击菜单中“文件”“保存”命令，弹出“保存文件为”

23、对话框。选择该文件的保存路径，在“文件名”栏中输入文件名称，将文件重命名为“目标和条件”，单击“保存”按钮即可。 第3步，拖动一个显示图标到新建文件流程线上，重命名为“案底”，双击该显示图标，打开其演示窗口，编辑如图5.48所示。,下一页,返回,5.5 目标区域和条件交互实例,第4步，再拖动一个显示图标到流程线上，重命名为“碎片1”，双击该显示图标，打开其演示窗口，导入事先准备好的图片，如图5.49所示。 第5步，同步骤4，连续拖动5个显示图标到流程线上，分别重命名为“碎片2”至“碎片6”，然后将其余5个碎片分别放入其中，所有碎片的显示图标都设置好后，其流程线如图5.50所示。同时选中“碎片1

24、”至“碎片6”6个显示图标，按下组合键“Ctrl+G”，将6个显示图标组合成一个群组图标，将群组图标重命名为“所有碎片”，流程线如图5.51所示。单击工具栏上的“执行”按钮，运行程序，运行结果如图5.52所示。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第6步，拖动一个交互图标到流程线上，重命名为“拼图”，再拖动一个群组图标到“拼图”交互图标的右方，释放鼠标左键，在弹出的“交互类型”对话框中，选择“目标区”交互响应方式，然后将该分支重命名为“碎片1交互”。此时，流程如图5.53所示。 第7步，下面设置第一个碎片的目标区域响应方式。双击“案底”显示图标，打开其演示窗口。然后按下Shi

25、ft键不放，同时双击“碎片1”显示图标，打开其演示窗口，接着单击“碎片1交互”分支的响应类型标志，这时，在演示窗口出现一个虚线框。 然后，单击演示窗口中的图片，则虚线框移到图片的上面，如图5.54所示。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第8步，这时，在“交互图标”属性设置对话框的预览框中显示被选中的图片，然后，选中虚线框，拖动虚线框到指定的目标区域，该目标区域即为该图片的目标区域，然后调整虚线框的大小，如图5.55所示。 第9步，修改“碎片1交互”分支的交互图标属性设置对话框： 选中“目标区”选项卡，在“放下”下拉列表中，选择“在中心定位”选项，如图5.56所示； 然后，

26、选中“响应”选项卡，在“状态”下拉列表中，选择“正确响应”选项。如图5.57所示。 该交互图标的其他属性采用默认设置，不作修改。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第10步，双击“碎片1交互”分支的响应图标，打开其分支流程线，然后，拖动一个显示图标到流程线上，重命名为“正确”，此时该分支的流程线如图5.58所示。双击“正确”显示图标，打开其演示窗口，在其演示窗口中输入文本内容“好样的”，编辑如图5.59所示。 然后拖动一个等待图标到流程线上，其属性不作修改。 第11步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.60所示。当把碎片1拖放到其目标区域后，会自动在目标

27、区域的中心位置定位，并出现鼓励的话“好样的”。 第12步，以同样的步骤制作其余碎片的目标区交互响应分支。所有碎片制作完毕，流程如图5.61所示。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第13步，拖动一个群组图标到交互图标的最右方，重命名为“错误响应”。运行程序，将显示前面分支的演示窗口中的内容，然后按下Shift键的同时，双击“错误响应”分支的响应类型标志，在演示窗口出现一个虚线框，然后调整该虚线框的大小，使其将整个演示窗口全部覆盖住，如图5.62所示。 第14步，修改“错误响应”分支的交互图标属性设置对话框： 选中“目标区”选项卡，选中“允许任何对象”选项；在“放下”下拉列表

28、中，选择“返回”选项，如图5.63所示。 然后单击“响应”选项卡，在“状态”下拉列表中，选择“错误响应”选项，如图5.64所示。,上一页,下一页,返回,5.5 目标区域和条件交互实例,单击工具栏上的“执行”按钮，运行程序，当把一个碎片拖放到正确的目标区域时，则碎片停放在目标区的中心位置，若该碎片被拖放到错误区域时，会返回到该碎片的初始位置。 第15步，双击“错误响应”分支的响应图标，打开其分支流程，然后拖动一个显示图标到其分支流程线上，重命名为“错误”，流程如图5.65所示。双击“错误”显示图标，打开其演示窗口，输入文本内容“要加油哦！”。 第16步，拖动一个群组图标到“错误响应”交互分支的右

29、方，然后，双击该分支的响应类型标志，打开其属性设置对话框，修改其属性： 在“类型”下拉列表中，选择“条件”交互方式； 选中“条件”选项卡，在“条件”文本框中输入语句“AllcorrectMatched”，在“自动”下拉列表中选择“为真”选项，如图5.67所示。 该交互图标属性设置对话框的其他选项不作修改。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第17步，双击“AllcorrectMatched”条件分支的响应图标，打开其分支流程线。然后拖动一个显示图标到其分支流程线上，重命名为“通过游戏”。然后双击“通过游戏”显示图标，打开其演示窗口，导入一幅图片，并输入文本内容“呵呵！过关了

30、，吃个苹果吧”，表示对拼图成功的一个奖励。 第18步，拖动一个等待图标到“通过游戏”显示图标的下方，属性设置如图5.69所示。此时流程线如图5.70所示。 第19步，制作完毕，总流程如图5.71所示。,上一页,下一页,返回,5.5 目标区域和条件交互实例,第20步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.72所示。下面看一下运行过程： （1）选中一个碎片，拖动到其正确目标位置，则该图片会停留在其正确区域的中心位置，且出现鼓励的话“好样的！”，如图5.73所示。 （2）再选中一个碎片，将它拖动到除正确区域以外的任意位置，释放鼠标左键，这时，该碎片将会返回初始位置，并出现提示“要加油

31、哦！”，如图5.74所示。 （3）当所有碎片都被移动到其正确区域后，游戏结束，会出现游戏通过的一个提示，如图5.75所示。当单击对话框右下方的“exit”时，将退出程序的执行。,上一页,返回,5.6 下拉菜单交互实例,本例主要介绍下拉菜单交互方式的使用，具体的操作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框，单击“取消”按钮，此时便建立一个默认名称为“未命名”的新文件。 第2步，依次单击菜单中“文件”“保存”命令，弹出“保存文件为”对话框，选择该文件的保存路径，在“文件名”栏中输入文件名称，这里将文件重命名为“地球围着太阳转”，单击“保存”按钮。

32、第3步，拖动一个显示图标到该文件的流程线上，重命名为“背景”，双击该显示图标，打开其演示窗口，导入事先准备好的图片，编辑如图5.78所示。,下一页,返回,5.6 下拉菜单交互实例,第4步，拖动一个交互图标到流程线上，重命名为“诗交互”。然后，拖动一个群组图标到该交互图标的右方，在弹出的“交互类型”对话框中选择“下拉菜单”交互方式，此时建立“诗交互”第一个分支，并重命名为“诗歌”。 第5步，双击“诗歌”分支的响应图标，打开其分支流程，然后拖动一个显示图标到其分支流程线上，重命名为“诗歌内容”。双击“诗歌内容”显示图标，在其演示窗口输入诗歌内容，如图5.79所示。 第6步，拖动一个群组图标到“诗歌

33、”交互分支的右方，重命名为“拼音”。双击“拼音”交互分支的响应图标，打开其分支流程，拖动一个显示图标到流程线上，重命名为“拼音内容”。双击“拼音内容”显示图标，打开其演示窗口，输入诗的拼音形式，如图5.80所示。,上一页,下一页,返回,5.6 下拉菜单交互实例,第7步，再拖动一个群组图标到“拼音”交互分支的右方，重命名为“解释”。双击“解释”分支的响应图标，打开其分支流程，拖动一个显示图标到其分支流程线上，重命名为“解释内容”。双击“解释内容”显示图标，打开其演示窗口，输入诗的解释，如图5.81所示。 第8步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.82所示，选择“诗交互”菜单中

34、的“拼音”选项，将出现“拼音”显示内容，如图5.83所示。 最后总流程如图5.84所示：,上一页,返回,5.7 按键交互实例,本例主要介绍按键交互方式的使用，具体的操作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框，单击“取消”按钮，此时便建立一个默认名称为“未命名”的新文件。 第2步，依次单击菜单“文件”“保存”命令，弹出“保存文件为”对话框。选择该文件的保存路径，在“文件名”栏中输入文件名称，这里将文件重命名为“按键”，单击“保存”按钮。 第3步，拖动一个显示图标到新建文件的流程线上，重命名为“方格”。双击“方格”显示图标，打开其演示窗口，编辑如

35、图5.87所示。,下一页,返回,5.7 按键交互实例,第4步，拖动一个显示图标到“方格”显示图标的下方，重命名为“小小”。双击“小小”显示图标，打开其演示窗口，导入一幅图片，编辑如图5.88所示。 第5步，依次单击“修改”“图标”选项，执行“属性”命令，或按下“Ctrl+I”组合键，弹出“小小”显示图标的属性设置对话框。 第6步，单击演示窗口中的图片，此时，该图片出现在“小小”显示图标的属性设置对话框的预览框中。然后修改显示图标属性，如图5.89所示。 在“位置”下拉列表中，选择“在区域内”选项； 在“活动”下拉列表中，选择“在区域内”选项；,上一页,下一页,返回,5.7 按键交互实例,选中“

36、基点”，然后选中“小小”显示图标中的对象，并将其拖动到演示窗口左下角，以确定对象在演示窗口中移动区域的基点位置；然后再选中“终点”，选中“小小”显示图标中的对象，并将其拖动到演示窗口右上角，以确定对象在演示窗口中移动区域的终点位置；“初始”点的X坐标值和Y值设置与“基点”的值相同。 设置完成，演示窗口如图5.90所示。 第7步，拖动一个交互图标到流程线上，重命名为“爬台阶”。然后再拖动一个群组图标到“爬台阶”交互图标的右边，在弹出的“交互类型”对话框中，选择“按键”交互方式，单击“交互类型”对话框中的“确定”按钮，便建立了“爬台阶”交互图标的第一个分支，然后将该交互分支重命名为“downarr

37、ow”。,上一页,下一页,返回,5.7 按键交互实例,第8步，双击“小小”显示图标，打开其演示窗口。然后按下Shift键的同时，双击“downarrow”分支的响应图标“移动图标”，弹出移动图标的属性设置对话框。然后选中“小小”显示图标中的图片，这时，图片将出现在移动图标属性设置对话框的预览框中。下面修改移动图标属性设置对话框的属性，如图5.91所示。 在“定时”下拉列表中选择“时间（秒）”选项，在时间栏中输入数值“0.2”； 在“执行方式”下拉列表中，选择“等待直到完成”选项； 在“远端范围”下拉列表中，选择“在终点停止”； 在“类型”下拉列表中，选择“指向固定区域内的某点”； 在“目标”栏

38、中分别设置移动对象要移动到的目标点的X值和Y值，这里“X值”栏中输入语句“PositionX小小”，在“Y值”栏中输入语句“PositionY小小-25”。表示每当按下键盘上的“向下箭头”，“小小”中的图片向下移动25个点，而X值不变。,上一页,下一页,返回,5.7 按键交互实例,第9步，再拖动一个移动图标到“downarrow”交互分支的右方，将该分支重命名为“uparrow”。该分支的制作过程同第一分支，只需修改图片移动的目标点，其中X值不变，将Y值设为“PositionY”小小“+25”。表示，每当按下键盘上的“向上箭头”，“小小”中的图片向上移动25个点。如图5.92所示。 第10步，

39、再拖动一个移动图标到“uparrow”交互分支右方，将该分支重命名为“rightarrow”。该分支的制作过程也同第一分支，只需修改图片移动的目标点，其中X值设为“PositionX小小+20”，将Y值设为“PositionY小小”。表示，每当按下键盘上的“向右箭头”，“小小”中的图片向右移动20个点。如图5.93所示。,上一页,下一页,返回,5.7 按键交互实例,第11步，再拖动一个移动图标到流程线上，将该分支重命名为“leftarrow”。该分支的制作过程也同第一分支，只需修改图片移动的目标点，其中X值设为“PositionX”小小“-20”，Y值不变。表示，每当按下键盘上的“向左箭头”，

40、“小小”中的图片向左移动20个点。如图5.94所示。 第12步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.95所示。按下键盘上的方向键，察看执行结果，如图5.96所示，为多次按下向上方向键和向右方向键的执行结果。 最后，该程序的总流程如图5.97所示。,上一页,返回,5.8 文本输入和重试限制交互实例,本例主要介绍文本输入和重试限制交互方式的使用，具体的操作步骤如下： 第1步，依次单击“文件”“新建”选项，执行“文件”命令，打开新建文件类型对话框，单击“取消”按钮，此时便建立一个默认名称为“未命名”的新文件。 第2步，依次单击菜单中“文件”“保存”命令，弹出“保存文件为”对话框，选

41、择该文件的保存路径，在“文件名”栏中输入文件名称，这里将文件重命名为“文本输入和限次”，单击“保存”按钮。 第3步，拖动一个显示图标到新建文件的流程线上，重命名为“背景”，双击“背景”显示图标，打开其演示窗口，编辑如图5.100所示。,下一页,返回,5.8 文本输入和重试限制交互实例,第4步，拖动一个交互图标到“背景”显示图标的下方，重命名为“账号”。然后再拖动一个群组图标到“账号”交互图标的右方，释放鼠标左键，在弹出的“交互类型”对话框中选项“文本输入”交互方式，然后单击“交互类型”对话框中“确定”按钮，并将该交互分支重命名为“*”。 第5步，双击“*”交互分支的响应类型标志，打开其属性设置

42、对话框，如图5.101所示。选中“响应”选项卡，在“分支”下拉列表中，选择“退出交互”选项，该对话框的其他属性保持默认设置。 第6步，单击工具栏上的“执行”按钮，运行程序，将显示出的演示窗口的对象排列如图5.102所示。,上一页,下一页,返回,5.8 文本输入和重试限制交互实例,第7步，拖动一个显示图标到“账号”交互图标的下方，重命名为“背景2”，双击“背景2”显示图标，打开其演示窗口，编辑如图5.103所示。 第8步，拖动一个交互图标到“背景2”显示图标的下方，重命名为“密码”。 第9步，然后再拖动一个群组图标到“密码”交互图标的右方，释放鼠标左键，在弹出的“交互类型”对话框中，选择“文本输

43、入”交互方式，然后单击“交互类型”对话框中的“确定”按钮，即建立了“密码”交互图标的第一个分支，将该分支重命名为“123456”。,上一页,下一页,返回,5.8 文本输入和重试限制交互实例,第10步，双击“123456”交互分支的响应类型标志，打开其属性设置对话框，选中“响应”选项卡，在“分支”下拉列表中选择“退出交互”选项，如图5.104所示。然后，按下Shift键，将“背景2”演示窗口和“密码”交互图标的演示窗口同时打开，将两个演示窗口的对象排列如图5.105所示。 第11步，拖动一个群组图标到“密码”交互分支的右方，建立“密码”交互的第二分支，重命名为“限3次”。 第12步，双击“限3次

44、”交互分支的响应类型标志，弹出其属性设置对话框，如图5.106所示。然后修改其属性：在“类型”下拉列表中，选中“重试限制”选项；选中“重试限制”选项卡，在“最大限制”文本栏中输入限制次数“3”。,上一页,下一页,返回,5.8 文本输入和重试限制交互实例,该属性对话框中的其他设置不作修改。 第13步，双击“限3次”交互分支的响应图标，打开其分支流程。然后拖动一个显示图标到流程线上，重命名为“退出提示”，双击“退出提示”显示图标，打开其演示窗口，编辑如图5.107所示。 第14步，拖动一个等待图标到“退出提示”显示图标的下方，属性设置如图5.108所示。 第15步，拖动一个计算图标到等待图标的下方

45、，重命名为“程序结束”，双击“程序结束”计算图标，在其编辑对话框输入退出程序语句“Quit()”，如图5.109所示。这时分支“限3次”的流程线如图5.110所示。,上一页,下一页,返回,5.8 文本输入和重试限制交互实例,第16步，拖动一个显示图标到“密码”交互图标的下方，重命名为“进入游戏”。双击“进入游戏”显示图标，打开其演示窗口，编辑如图5.111所示。 第17步，拖动一个等待图标到“进入游戏”显示图标的下方，将其属性设置如图5.112所示。 第18步，将第5.5节制作的“目标与条件”中的程序复制到第17步中等待图标的下方，只是将“案底”显示图标的属性进行修改。在“案底”显示图标属性设

46、置对话框中，选中“选项”列表中的“擦除以前内容”复选框。如图5.113所示。,上一页,下一页,返回,5.8 文本输入和重试限制交互实例,第19步，单击工具栏上的“执行”按钮，运行程序，运行结果如图5.114所示。 该程序的执行步骤如下： （1）在演示窗口的文本框中输入任意字符，如“nihao”，按下回车键，弹出输入密码对话框，如图5.115所示。 （2）在演示窗口的文本框中输入密码“123456”，按下键盘上的回车键，弹出对话框5.116所示。提示“游戏马上开始”。 （3）然后进入游戏界面，如图5.117所示，游戏开始。 总流程如图5.119所示。,上一页,返回,图5.1 交互图标流程线的组成

47、,返回,图5.2 流程线上的交互图标,返回,图5.3 交互图标属性设置对话框,返回,图5.4 “显示”选项卡,返回,图5.5 交互类型对话框,返回,图5.6 建立分支的交互图标,返回,图5.7 按钮交互的属性设置对话框,返回,图5.8 “响应”选项卡,返回,图5.11 “背景”显示图标,返回,图5.12 流程线,返回,图5.13 “诗欣赏”交互图标属性设置对话框,返回,图5.14 “诗歌”显示图标,返回,图5.15 等待图标属性设置对话框,返回,图5.16 “作者简介”显示图标,返回,图5.17 “词语解释”显示图标,返回,图5.18 “诗文解释”显示图标,返回,图5.19 总流程线,返回,图5.20 运行结果,返回