中文Authorware7.0案例教程 第4章交互图标.ppt

第第4 4章章 交交 互互 图图 标标【案例案例1717】“选择正确答案选择正确答案”程序程序 4.1【案例案例1818】“简单加法练习简单加法练习”程序程序 4.2【案例案例1919】“看图识字看图识字1”1”程序程序4.3 【案例案例2020】“猜字母游戏猜字母游戏1”1”程序程序4.4【案例案例2121】“猜字母游戏猜字母游戏2”2”程序程序 4.5【案例案例2222】“拼图游戏拼图游戏”程序程序 4.64.1 4.1 【案例案例1717】“选择正确答案选择正确答案”程序程序4.1.1 学习目标学习目标 “选择正确答案选择正确答案”程序运行后，屏幕显程序运行后，屏幕显示的示的“选择正确答案选择正确答案”画面，如图画面，如图4-1-1所所示。单击题目下面的按钮，选择正确的答示。单击题目下面的按钮，选择正确的答案。如果选错了，会显示案。如果选错了，会显示“错误！错误！”文字，文字，如图如图4-1-2所示。所示。图图4-1-1 程序运行后的画面之一程序运行后的画面之一 图图4-1-2 程序运行后的画面之二程序运行后的画面之二 如果选对了，会显示如果选对了，会显示“正确！正确！”文字，文字，如图如图4-1-3所示。接着显示成绩和做题所用所示。接着显示成绩和做题所用的时间，如图的时间，如图4-1-4所示。然后擦除画面，所示。然后擦除画面，显示结束的画面。通过本案例的学习，应显示结束的画面。通过本案例的学习，应该掌握交互图标组成的交互结构特点、交该掌握交互图标组成的交互结构特点、交互的种类和按钮交互的设计方法等。互的种类和按钮交互的设计方法等。图图4-1-3 程序运行后的画面之三程序运行后的画面之三 图图4-1-4 程序运行后的画面之四程序运行后的画面之四 4.1.2 操作过程操作过程1“出题目出题目”群组图标设计群组图标设计2“选择答题选择答题”交互图标设计交互图标设计3答题程序设计答题程序设计4“显示成绩显示成绩”群组图标设计群组图标设计 4.1.3 相关知识相关知识1交互类型的种类和特点交互类型的种类和特点（1）交互结构）交互结构（2）交互图标的演示窗口）交互图标的演示窗口（3）11种交互类型的含义种交互类型的含义 2“属性：交互图标属性：交互图标”（交互作用）（交互作用）面板面板（1）“擦除擦除”下拉列表框下拉列表框（2）“擦除特效擦除特效”栏栏（3）“选项选项”栏栏3“属性：交互图标属性：交互图标”（显示）面板（显示）面板（1）“文本区域文本区域”按钮按钮（2）“打开打开”按钮按钮（1）“类型类型”下拉列表框下拉列表框（2）“大小大小”和和“位置位置”文本框文本框（3）“标签标签”文本框文本框（4）“快捷键快捷键”文本框文本框（5）“选项选项”栏栏（6）“鼠标鼠标”栏栏（7）“按钮按钮”按钮按钮4按钮交互的按钮交互的“属性：判断图标属性：判断图标”面面板板（1）“范围范围”栏的栏的“永久永久”复选框复选框（2）“激活条件激活条件”文本框文本框（3）“擦除擦除”下拉列表框下拉列表框（4）“分支分支”下拉列表框下拉列表框（5）“状态状态”下拉列表框下拉列表框（6）“计分计分”文本框文本框5按钮交互的按钮交互的“属性：判断图标属性：判断图标”（响应）面板（响应）面板 单击交互判断图标单击交互判断图标“属性：交互属性：交互”面面板内的板内的“按钮按钮”按钮，调出按钮，调出“按钮按钮”对话对话框。框。6更换按钮更换按钮 利用利用“按钮编辑按钮编辑”对话框可以设定按对话框可以设定按钮的形状、图案、名字和伴音。钮的形状、图案、名字和伴音。7创建和编辑按钮创建和编辑按钮 1【拓拓展展实实例例20】“了了解解公公式式”程程序序2【拓拓展展实实例例21】“按按钮钮标标题题更更换换1”程序程序3【拓拓展展实实例例22】“按按钮钮标标题题更更换换2”程序程序 4.1.4 案例拓展案例拓展4.2.1 学习目标学习目标 “简单加法练习简单加法练习”程序运行后演示窗口程序运行后演示窗口如图如图4-2-1左图所示，输入的默认值为左图所示，输入的默认值为1，按，按回车键即可进行回车键即可进行1位数加法练习，如图位数加法练习，如图4-2-1右图所示；输入右图所示；输入2后的效果如图后的效果如图4-2-2左图所左图所示，按回车键即可进行示，按回车键即可进行2位数加法练习，如位数加法练习，如图图4-2-2右图所示。其他与右图所示。其他与“初学加法初学加法2”程程序一样。通过本案例的学习，应该掌握文序一样。通过本案例的学习，应该掌握文本交互的设计方法。本交互的设计方法。4.2 4.2 【案例案例1818】“简单加法练习简单加法练习”程序程序图图4-2-1 “简单加法练习简单加法练习”程序运行画面程序运行画面图图4-2-2 “简单加法练习简单加法练习”程序运行画面程序运行画面1编编写写可可以以产产生生1位位或或2位位加加法法练练习习题的程序题的程序2修改修改4.2.2 操作过程操作过程1文文本本输输入入交交互互类类型型的的“属属性性：判判断图标断图标”面板面板 双击双击“文本输入文本输入”交互的判断图标，交互的判断图标，可调出文本输入交互的可调出文本输入交互的“属性：判断图标属性：判断图标”面板。面板。文本输入交互类型的文本输入交互类型的“属性：判断图属性：判断图标标”（文本输入）面板如图（文本输入）面板如图4-2-7所示，其所示，其中各选项的作用如下。中各选项的作用如下。4.2.3 相关知识相关知识图图4-2-7 文本输入交互类型的文本输入交互类型的“属性：判断图标属性：判断图标”（文本输入）面板（文本输入）面板（1）“模式模式”文本框文本框 在其内输入用双引号括起来的字符或在其内输入用双引号括起来的字符或文字，用户执行文本交互时，必须输入这文字，用户执行文本交互时，必须输入这些字符或文字。可以使用分隔符些字符或文字。可以使用分隔符“|”来连来连接两个对等的交互文字，也可使用通配符接两个对等的交互文字，也可使用通配符“*”（代表一串字符或文字）和（代表一串字符或文字）和“?”（代表一个字符）。如果不输入任何内容，（代表一个字符）。如果不输入任何内容，则响应图标的名字决定可以产生响应的输则响应图标的名字决定可以产生响应的输入内容。入内容。（2）“最低匹配最低匹配”文本框文本框 在此文本框内输入一个数字在此文本框内输入一个数字n，表示用，表示用户只要输入户只要输入n个符合个符合“模式模式”文本框中的字文本框中的字符，就能继续执行交互图标。例如：在符，就能继续执行交互图标。例如：在“最低匹配最低匹配”文本框内输入数字文本框内输入数字3，在，在“模式模式”文本框内输入文本框内输入“ABCDEF”，那么用户只，那么用户只要输入要输入“ABC”三个字符就能执行相应的交三个字符就能执行相应的交互图标。互图标。（3）“增强匹配增强匹配”复选框复选框 选中它后，允许用户输入文字时可以选中它后，允许用户输入文字时可以有多次输入的机会。例如：有多次输入的机会。例如：“模式模式”文本文本框内是框内是“A B”，用户输入，用户输入“A”后按回车键，后按回车键，此时不交互，再输入此时不交互，再输入“B”并按回车键，并按回车键，就可以执行交互图标了。就可以执行交互图标了。（4）“忽略忽略”栏栏 它有它有5个复选框，用来确定对用户输入个复选框，用来确定对用户输入的文字可以忽略什么内容。各复选框作用的文字可以忽略什么内容。各复选框作用如下。如下。“大小大小”：忽略字母大小写，例如输入：忽略字母大小写，例如输入“AAA”与输入与输入“Aaa”或或“AaA”一样。一样。“空格空格”：忽略文字中的空格，例如输：忽略文字中的空格，例如输入入“AUTH”与输入与输入“A U T H”一样。一样。“附加单词附加单词”：忽略多余的字符，例如：忽略多余的字符，例如“AUTHORWARE”与与“AU”一样。一样。“附加符号附加符号”：忽略标点符号，例如输：忽略标点符号，例如输入入“A,U”与输入与输入“AU”一样。一样。“单词顺序单词顺序”：忽略文字顺序，例如输：忽略文字顺序，例如输入入“AUTHORWARE”与输入与输入“UATHORWAER”一样。一样。单击单击“响应响应”标签，切换到文本输入标签，切换到文本输入交互类型的交互类型的“属性：判断图标属性：判断图标”（响应）（响应）面板，如图面板，如图4-2-8所示。该面板与按钮交互所示。该面板与按钮交互类型的类型的“属性：判断图标属性：判断图标”（响应）面板（响应）面板基本一样。基本一样。图图4-2-8 文本输入交互类型的文本输入交互类型的“属性：判断图标属性：判断图标”（响应）面板（响应）面板 按住按住【Ctrl】键，双击交互图标，调键，双击交互图标，调出出“属性：交互图标属性：交互图标”面板。单击该面板面板。单击该面板中的中的“文本区域文本区域”按钮，可调出按钮，可调出“属性：属性：交互作用文本字段交互作用文本字段”（版面布局）对话框，（版面布局）对话框，如图如图4-2-9所示。双击交互图标演示窗口内所示。双击交互图标演示窗口内的虚线矩形框内部，也可以调出的虚线矩形框内部，也可以调出“属性：属性：交互作用文本字段交互作用文本字段”对话框。对话框。2“属性：交互作用文本字段属性：交互作用文本字段”对话对话框框（1）“属性：交互作用文本字段属性：交互作用文本字段”（版面布局）对话框（版面布局）对话框 该对话框如图该对话框如图4-2-6所示。该对话框内所示。该对话框内各选项的作用如下。各选项的作用如下。“大小大小”和和“位置位置”文本框：在这四个文本框：在这四个文本框内可以输入变量和表达式，它们的文本框内可以输入变量和表达式，它们的值可精确调整文本输入框的位置和大小。值可精确调整文本输入框的位置和大小。“字符限制字符限制”文本框：其内输入允许用文本框：其内输入允许用户在文本输入交互时输入的最多字符个数。户在文本输入交互时输入的最多字符个数。“自动登录限制自动登录限制”复选框：选中该复选复选框：选中该复选框后，当用户输入的字符个数超过框后，当用户输入的字符个数超过“字符字符限制限制”文本框内的限制数时，立即读取输文本框内的限制数时，立即读取输入的数据。入的数据。（2）“属性：交互作用文本字段属性：交互作用文本字段”（交互作用）对话框（交互作用）对话框 该对话框如图该对话框如图4-2-9所示，其中各选项所示，其中各选项的作用如下。的作用如下。图图4-2-9 “属性：交互作用文本字段属性：交互作用文本字段”（交互作用）对话框（交互作用）对话框“作用键作用键”文本框：在此输入某一按键文本框：在此输入某一按键的名称（默认为回车键的名称（默认为回车键Return），用户在），用户在文本输入完后，按所设定的这个键，即可文本输入完后，按所设定的这个键，即可让计算机接收输入的字符。让计算机接收输入的字符。“输入标记输入标记”复选框：不选中它时，文复选框：不选中它时，文本输入框左边没有黑三角的标记；选中它本输入框左边没有黑三角的标记；选中它时，在文本输入交互执行时，文本输入框时，在文本输入交互执行时，文本输入框左边有一个黑三角标记。左边有一个黑三角标记。“忽略无内容的输入忽略无内容的输入”复选框：选中它复选框：选中它时，则忽略在文本输入交互时输入内容中时，则忽略在文本输入交互时输入内容中的空格。的空格。“退出时擦除输入的内容退出时擦除输入的内容”复选框：不复选框：不选中它时，退出文本输入交互时，不擦除选中它时，退出文本输入交互时，不擦除文本交互信息；选中它时，在退出文本输文本交互信息；选中它时，在退出文本输入交互时，擦除文本交互信息。入交互时，擦除文本交互信息。（3）“属性：交互作用文本字段属性：交互作用文本字段”（文本）对话框（文本）对话框 该对话框如图该对话框如图4-2-4所示，其中各选项所示，其中各选项的作用如下。的作用如下。“字体字体”和和“大小大小”下拉列表框：设置下拉列表框：设置输入文字的字体和字大小。输入文字的字体和字大小。“风格风格”的的3个复选框：决定输入文字的个复选框：决定输入文字的风格。风格。“颜色颜色”栏：用来选定颜色，栏：用来选定颜色，“文本文本”色块可确定文字颜色，色块可确定文字颜色，“背景背景”色块可确色块可确定文字的背景颜色；单击色块可调出定文字的背景颜色；单击色块可调出“颜颜色色”对话框，利用该对话框可以设置颜色。对话框，利用该对话框可以设置颜色。“模式模式”下拉列表框：用来选择显示方下拉列表框：用来选择显示方式，其中有式，其中有“不透明不透明”、“透明透明”、“反反转转”（即反相显示）、（即反相显示）、“擦除擦除”（即不显（即不显示输入的内容）等选项。示输入的内容）等选项。1【拓拓展展实实例例23】“通通讯讯录录数数据据输输入入”程序程序2【拓拓展展实实例例24】“猜猜数数游游戏戏”程程序序4.2.4 案例拓展案例拓展4.3.1 学习目标学习目标 “看图识字看图识字1”程序运行后，屏幕会显示程序运行后，屏幕会显示多种不同的动物图像，如图多种不同的动物图像，如图4-3-1左图所示。左图所示。4.3 4.3 【案例案例1919】“看图识字看图识字1”1”程程序序 单击某一个动物图像或按快捷键，在单击某一个动物图像或按快捷键，在屏幕中就会显示出该动物的名称；单击屏幕中就会显示出该动物的名称；单击“植物植物”按钮后，画面更换为如图按钮后，画面更换为如图4-3-1右图右图所示的所示的“了解植物了解植物”画面。通过本案例的画面。通过本案例的学习，应该掌握热对象交互和热区域交互学习，应该掌握热对象交互和热区域交互的设计方法。的设计方法。图图4-3-1 “看图识字看图识字1”程序运行后的两个画面程序运行后的两个画面 4.3.2 操作过程操作过程4.3.3 相关知识相关知识1热对象交互类型热对象交互类型 热对象交互类型也叫热件交互。所谓热对象交互类型也叫热件交互。所谓“热热”，是指，是指“激活激活”的意思，比如单击、的意思，比如单击、双击或鼠标指针移到指定的对象之上，以双击或鼠标指针移到指定的对象之上，以及按快捷键等，都可以及按快捷键等，都可以“激活激活”相应的对相应的对象，被激活的对象就叫热对象。象，被激活的对象就叫热对象。热对象交互就是在激活某对象后，使热对象交互就是在激活某对象后，使程序立即执行相应的响应图标。程序立即执行相应的响应图标。双击热对象交互的判断图标，调出热双击热对象交互的判断图标，调出热对象交互判断图标的对象交互判断图标的“属性：判断图标属性：判断图标”（热对象）对话框，如图（热对象）对话框，如图4-3-3所示。所示。图图4-3-3 热对象交互类型的热对象交互类型的“属性：判断图标属性：判断图标”（热对象）面板（热对象）面板 同时调出以前的图标对象。单击某一同时调出以前的图标对象。单击某一对象，使该对象成为热对象。不同的热对对象，使该对象成为热对象。不同的热对象应附属于不同的图标。象应附属于不同的图标。“属性：判断图属性：判断图标标”（热对象）对话框内各选项的作用如（热对象）对话框内各选项的作用如下。下。（1）“匹配匹配”下拉列表框下拉列表框 该下拉列表框中有该下拉列表框中有3项，它们分别表示项，它们分别表示用鼠标激活对象的一种方法，三个选项的用鼠标激活对象的一种方法，三个选项的含义如下。含义如下。单击：单击热对象（即热件）后，程序单击：单击热对象（即热件）后，程序执行相应的交互图标，此选项是默认设置。执行相应的交互图标，此选项是默认设置。双击：双击热对象后，程序执行相应的双击：双击热对象后，程序执行相应的交互图标。交互图标。指针在对象上：当鼠标指针移到热对象指针在对象上：当鼠标指针移到热对象之上时，程序执行相应的交互图标。之上时，程序执行相应的交互图标。（2）“快捷键快捷键”文本框文本框 该文本框内输入按键（快捷键）的名该文本框内输入按键（快捷键）的名称，当用户按在此规定的按键时，就可达称，当用户按在此规定的按键时，就可达到与单击按钮相同的效果。例如：输入到与单击按钮相同的效果。例如：输入F8，则快捷键是，则快捷键是【F8】，按，按【F8】键与单击键与单击按钮的作用一样；输入按钮的作用一样；输入AltA，则快捷键是，则快捷键是【Alt】+【A】。（3）“匹配时加亮匹配时加亮”复选框复选框 选此项后，被鼠标单击等操作激活的选此项后，被鼠标单击等操作激活的对象以互补色高亮度显示一下，提示用户对象以互补色高亮度显示一下，提示用户已开始执行相应的交互程序。已开始执行相应的交互程序。（4）“鼠标指针鼠标指针”按钮按钮 单击它可以调出单击它可以调出“鼠标指针鼠标指针”对话框，对话框，用来确定鼠标指针形状。用来确定鼠标指针形状。热对象交互的热对象交互的“属性：判断图标属性：判断图标”（响应）面板与按钮交互类型的（响应）面板与按钮交互类型的“属性：属性：判断图标判断图标”（响应）面板基本一样。（响应）面板基本一样。热区域交互类型也叫热区交互。热区热区域交互类型也叫热区交互。热区域是用户设定的一个矩形区域。程序运行域是用户设定的一个矩形区域。程序运行后，只要单击、双击或鼠标指针进入该热后，只要单击、双击或鼠标指针进入该热区域，以及按快捷键，都可使相应的交互区域，以及按快捷键，都可使相应的交互图标得到执行。采用热区域交互类型可以图标得到执行。采用热区域交互类型可以对一幅图像的不同区域产生交互。对一幅图像的不同区域产生交互。2热区域交互类型热区域交互类型 双击热区域交互判断图标，调出热区双击热区域交互判断图标，调出热区域交互的域交互的“属性：判断图标属性：判断图标”（热区域）（热区域）面板，如图面板，如图4-3-4所示，演示窗口内会出现所示，演示窗口内会出现的一个虚线矩形框，的一个虚线矩形框，“属性：判断图标属性：判断图标”（热区域）面板标题栏会显示相应的响（热区域）面板标题栏会显示相应的响应图标的名称。应图标的名称。图图4-3-4 热区域交互的热区域交互的“属性：判断图标属性：判断图标”（热区域）面板（热区域）面板 虚线框四周有虚线框四周有8个控制柄，用鼠标拖曳个控制柄，用鼠标拖曳这些控制柄或虚线框可调整虚线框的大小这些控制柄或虚线框可调整虚线框的大小与位置，这个虚线矩形框就表示相应热区与位置，这个虚线矩形框就表示相应热区域的范围。域的范围。“属性：判断图标属性：判断图标”（热区域）（热区域）面板中各选项的作用如下。面板中各选项的作用如下。（1）“大小大小”文本框与文本框与“位置位置”文文本框本框 分别用来确定热区域的大小与位置，分别用来确定热区域的大小与位置，可以修改这些数据，使热区域的大小与位可以修改这些数据，使热区域的大小与位置更精确。如果从热对象交互类型转到热置更精确。如果从热对象交互类型转到热区域交互类型，则热区域的大小会自动调区域交互类型，则热区域的大小会自动调整到与原热对象大小一样。热区域的位置整到与原热对象大小一样。热区域的位置会自动调整到原热对象处。会自动调整到原热对象处。（2）“匹配匹配”下拉列表框下拉列表框 它与热对象交互相应的选项类似，它它与热对象交互相应的选项类似，它有三个选项，但是用有三个选项，但是用“指针处于指定区域指针处于指定区域内内”选项取代了原来的选项取代了原来的“指针在对象上指针在对象上”选项。它表示当鼠标单击、双击或移入热选项。它表示当鼠标单击、双击或移入热区域时，就执行相应的交互图标。区域时，就执行相应的交互图标。（3）“匹配时加亮匹配时加亮”复选框复选框 选中此复选框后，激活热区域时，热选中此复选框后，激活热区域时，热区域会瞬间出现互补色。如果热区域为灰区域会瞬间出现互补色。如果热区域为灰色长方形按钮，则按钮被激活时会产生被色长方形按钮，则按钮被激活时会产生被按下去的感觉。按下去的感觉。（4）“匹配标记匹配标记”复选框复选框 选中此复选框后，在热区域内部左侧选中此复选框后，在热区域内部左侧会出现一个小矩形标记，热区域没被激活会出现一个小矩形标记，热区域没被激活时，小矩形标记为白色；热区域被激活后，时，小矩形标记为白色；热区域被激活后，小矩形标记为黑色。小矩形标记为黑色。热区域交互的热区域交互的“属性：判断图标属性：判断图标”（响应）面板与图（响应）面板与图4-3-2的按钮交互类型的的按钮交互类型的“属性：判断图标属性：判断图标”（响应）对话框基本（响应）对话框基本一样。一样。【拓展实例拓展实例25】“看图识字看图识字2”程序程序4.3.4 案例拓展案例拓展4.4.1 学习目标学习目标 “猜字母游戏猜字母游戏1”程序运行后，用户可以程序运行后，用户可以输入大写字母。如果所猜的字母比随机字输入大写字母。如果所猜的字母比随机字母小，则显示母小，则显示“太小了！太小了！”，如图，如图4-4-1左左图所示；如果所猜的字母比随机字母大，图所示；如果所猜的字母比随机字母大，则显示则显示“太大了！太大了！”，如图，如图4-4-1中图所示。中图所示。4.4 4.4 【案例案例2020】“猜字母游戏猜字母游戏1”1”程序程序图图4-4-1 “猜字母游戏猜字母游戏1”程序运行后的三幅画面程序运行后的三幅画面 如果猜对了，则显示所猜的次数，如如果猜对了，则显示所猜的次数，如图图4-4-1右图所示。通过本案例的学习，应右图所示。通过本案例的学习，应该掌握条件交互和下拉菜单交互的设计方该掌握条件交互和下拉菜单交互的设计方法。法。4.4.2 操作过程操作过程4.4.3 相关知识相关知识1条件交互类型条件交互类型 条件交互一般不是通过用户的操作来条件交互一般不是通过用户的操作来执行响应图标，而是根据所设置的条件是执行响应图标，而是根据所设置的条件是否满足来决定是否执行其相应的响应图标。否满足来决定是否执行其相应的响应图标。所设置的条件就是逻辑型的变量、函所设置的条件就是逻辑型的变量、函数或表达式，其值为真（数或表达式，其值为真（TRUE）时执行）时执行响应图标，为假（响应图标，为假（FALSE）时不执行响应）时不执行响应图标。条件交互的图标。条件交互的“属性：判断图标属性：判断图标”（条件）面板如图（条件）面板如图4-4-3所示。其中各选项所示。其中各选项的作用如下。的作用如下。图图4-4-3 条件交互的条件交互的“属性：判断图标属性：判断图标”（条件）面板（条件）面板（1）“条件条件”文本框文本框 其内输入逻辑型变量、函数或表达式，其内输入逻辑型变量、函数或表达式，它也是相应的响应图标的名字。当它的值它也是相应的响应图标的名字。当它的值为真（为真（TRUE）时执行响应图标，为假）时执行响应图标，为假（FALSE）时不执行响应图标。）时不执行响应图标。（2）“自动自动”下拉列表框下拉列表框 该下拉列表框有该下拉列表框有3个选项，用来确定是个选项，用来确定是否自动匹配。否自动匹配。“关关”：关闭自动匹配，表示在：关闭自动匹配，表示在“条件条件”文本框内的值为真（文本框内的值为真（TRUE，即条件成，即条件成立时）、而且用户有交互操作（如单击对立时）、而且用户有交互操作（如单击对象）时，才会执行相应的响应图标。象）时，才会执行相应的响应图标。“为真为真”：表示在条件成立时，不用等：表示在条件成立时，不用等待用户有交互操作，就自动执行相应的响待用户有交互操作，就自动执行相应的响应图标。（由于条件为真时，它会重复匹应图标。（由于条件为真时，它会重复匹配，为了能使它与其他交互再匹配，应在配，为了能使它与其他交互再匹配，应在其响应图标中将条件设为假）。其响应图标中将条件设为假）。“当由假为真当由假为真”：只有当条件由假变为：只有当条件由假变为真时，才自动执行相应的响应图标。真时，才自动执行相应的响应图标。注意，选中条件交互的注意，选中条件交互的“属性：判断属性：判断图标图标”（响应）面板内的（响应）面板内的“永久永久”复选框复选框后，只要在图后，只要在图4-4-3所示的面板中设置了自所示的面板中设置了自动匹配或动匹配或“条件条件”文本框中的变量的值为文本框中的变量的值为真，则在执行程序中，条件交互会一直存真，则在执行程序中，条件交互会一直存在。在。条件交互的条件交互的“属性：判断图标属性：判断图标”（响（响应）面板与其他交互类型的应）面板与其他交互类型的“属性：判断属性：判断图标图标”（响应）面板基本一样。（响应）面板基本一样。双击下拉菜单交互的判断图标，就能双击下拉菜单交互的判断图标，就能调出下拉菜单交互的调出下拉菜单交互的“属性：判断图标属性：判断图标”（菜单）面板，如图（菜单）面板，如图4-4-4所示。其中各所示。其中各选项的作用如下。选项的作用如下。2下拉菜单交互类型下拉菜单交互类型图图4-4-4 下拉菜单交互的下拉菜单交互的“属性：判断图标属性：判断图标”（菜单）面板（菜单）面板（1）“菜单条菜单条”文本框文本框 应输入下拉菜单的菜单命令名称，主应输入下拉菜单的菜单命令名称，主菜单名称就是交互图标的名字，如果不输菜单名称就是交互图标的名字，如果不输入任何内容，则下拉菜单的菜单命令名称入任何内容，则下拉菜单的菜单命令名称与响应图标的名称一样。与响应图标的名称一样。如果菜单命令名称第一个是字母，且如果菜单命令名称第一个是字母，且在字母左边加一个在字母左边加一个“&”字符，则该字母成字符，则该字母成为菜单命令的快捷键，按相应的字母键即为菜单命令的快捷键，按相应的字母键即可产生交互。这时，该菜单命令中，该字可产生交互。这时，该菜单命令中，该字母的下面会出现一条下划线。母的下面会出现一条下划线。如果菜单命令名称左边加一个如果菜单命令名称左边加一个“(”左左括号，可使该子菜单名呈浅灰色，表示不括号，可使该子菜单名呈浅灰色，表示不可选。如果菜单命令名称处只有一个可选。如果菜单命令名称处只有一个“(”左括号，则空一行，起到菜单分栏作用。左括号，则空一行，起到菜单分栏作用。（2）“快捷键快捷键”文本框文本框 应输入一个字母，例如应输入一个字母，例如“R”，则建立，则建立的子菜单名右边会出现的子菜单名右边会出现Ctrl+字母（例如：字母（例如：Ctrl+R）快捷键提示。在不用调出下拉菜）快捷键提示。在不用调出下拉菜单的情况下可以使用该快捷键。单的情况下可以使用该快捷键。下拉菜单交互的下拉菜单交互的“属性：判断图标属性：判断图标”（响应）面板与其他交互类型相应的面（响应）面板与其他交互类型相应的面板基本一样。板基本一样。1程序走向的跳转函数程序走向的跳转函数2【拓拓展展实实例例26】“菜菜单单调调外外部部程程序序”程序程序3将将“菜单程序菜单程序”保存为模块文件保存为模块文件4【拓拓展展实实例例27】“看看图图识识字字3”程程序序4.4.4 案例拓展案例拓展4.5.1 学习目标学习目标 “猜字母游戏猜字母游戏2”程序运行后，要求用户程序运行后，要求用户输入限制的时间和次数（例如：输入输入限制的时间和次数（例如：输入“100，20”，表示限制的时间为，表示限制的时间为100秒，限制的秒，限制的次数为次数为20次），如图次），如图4-5-1左图所示。左图所示。4.5 4.5 【案例案例2121】“猜字母游戏猜字母游戏2”2”程序程序 回车后，开始输入英文大写字母。如回车后，开始输入英文大写字母。如果在限定时间内没猜对字母，则显示如图果在限定时间内没猜对字母，则显示如图4-5-1右图所示的画面；如果在限定次数内右图所示的画面；如果在限定次数内没猜对字母，也会显示相应的提示信息；没猜对字母，也会显示相应的提示信息；如果猜对了字母，则显示所用的时间和猜如果猜对了字母，则显示所用的时间和猜的次数。通过本案例的学习，应该掌握限的次数。通过本案例的学习，应该掌握限制时间和重试限制交互的设计方法。制时间和重试限制交互的设计方法。图图4-5-1 “猜字母游戏猜字母游戏2”程序运行后的两幅画面程序运行后的两幅画面4.5.2 操作过程操作过程4.5.3 相关知识相关知识1限制时间交互类型限制时间交互类型 限制时间交互类型是用来限制用户的限制时间交互类型是用来限制用户的交互时间的，通常它与其他交互类型一起交互时间的，通常它与其他交互类型一起使用。如果在限定时间内没能完成全部正使用。如果在限定时间内没能完成全部正确交互，则程序会自动执行该判断图标下确交互，则程序会自动执行该判断图标下面的响应图标。面的响应图标。限制时间的判断图标的限制时间的判断图标的“属性：判断属性：判断图标图标”（响应）面板与其他交互类型判断（响应）面板与其他交互类型判断图标的图标的“属性：判断图标属性：判断图标”（响应）面板（响应）面板基本一样。单击限制时间的判断图标基本一样。单击限制时间的判断图标 ，可调出它的，可调出它的“属性：判断图标属性：判断图标”（限制（限制时间）面板，如图时间）面板，如图4-5-5所示。其中各选项所示。其中各选项的作用如下。的作用如下。图图4-5-5 限制时间交互类型的限制时间交互类型的“属性：判断图标属性：判断图标”（限制时间）面板（限制时间）面板（1）“时限时限”文本框文本框 应输入限制交互的时间，单位为秒。应输入限制交互的时间，单位为秒。可以是常量、变量或表达式。可以是常量、变量或表达式。（2）“中断中断”下拉列表框下拉列表框 用于在其他交互图标选中用于在其他交互图标选中“永久永久”复复选框后，程序跳转到其他图标时，限制时选框后，程序跳转到其他图标时，限制时间采取何种计时方式。它有四个选项，各间采取何种计时方式。它有四个选项，各自的作用如下。自的作用如下。“继续计时继续计时”：当程序跳转到其他图标：当程序跳转到其他图标时，限制时间继续计时。时，限制时间继续计时。“暂停，在返回时计时暂停，在返回时计时”：限制时间计：限制时间计时暂停，当程序返回后继续计时。时暂停，当程序返回后继续计时。“暂停，在返回时重新开始计时暂停，在返回时重新开始计时”：当：当程序跳转到其他图标时，限制时间计时暂程序跳转到其他图标时，限制时间计时暂停，当程序返回后重新从零开始计时；如停，当程序返回后重新从零开始计时；如果程序跳转前，限制的时间已用完，程序果程序跳转前，限制的时间已用完，程序返回后仍能重新从零开始计时。返回后仍能重新从零开始计时。“暂停，如运行时重新开始计时暂停，如运行时重新开始计时”：它：它的作用与的作用与“暂停，在返回时重新开始计时暂停，在返回时重新开始计时”选项类似，只是如果程序跳转前，限制选项类似，只是如果程序跳转前，限制的时间已用完，则程序返回后不再重新计的时间已用完，则程序返回后不再重新计时。时。（3）“显示剩余时间显示剩余时间”复选框复选框 选中它后，在屏幕上显示一个小钟，选中它后，在屏幕上显示一个小钟，用来显示用户交互的剩余时间。用来显示用户交互的剩余时间。（4）“每次输入重新计时每次输入重新计时”复选框复选框 选中它后，每执行一次交互，就重新选中它后，每执行一次交互，就重新从零开始计时。从零开始计时。重试限制（即限制次数）交互类型是重试限制（即限制次数）交互类型是用来限制用户的交互次数的，通常它应与用来限制用户的交互次数的，通常它应与其他交互类型一起使用。程序中加入重试其他交互类型一起使用。程序中加入重试限制交互类型的图标后，可以增加限制用限制交互类型的图标后，可以增加限制用户进行交互操作的次数。户进行交互操作的次数。2重试限制交互类型重试限制交互类型 单击重试限制交互图标的判断图标单击重试限制交互图标的判断图标 ，可调出它的，可调出它的“属性：判断图标属性：判断图标”（重试（重试限制）面板，如图限制）面板，如图4-5-4所示。该所示。该“属性属性”面板中只增加了一个面板中只增加了一个“最大限制最大限制”文本框，文本框，其中输入限制的次数，可以是常量、变量其中输入限制的次数，可以是常量、变量或表达式。或表达式。图图4-5-4 “属性：判断图标属性：判断图标”（重试限制）面板（重试限制）面板1【拓拓展展实实例例28】“加加法法练练习习”程程序序2【拓拓展展实实例例29】“日日历历与与记记事事簿簿”程序程序事件交互事件交互3“日历控件日历控件10.0”控件的特点控件的特点4.5.4 案例拓展案例拓展4.6.1 学习目标学习目标 “拼图游戏拼图游戏”程序运行后，屏幕显示一程序运行后，屏幕显示一幅小样图像、要拼图的幅小样图像、要拼图的9幅图像和幅图像和“退出退出”按钮，如图按钮，如图4-6-1左图所示。玩游戏时，用左图所示。玩游戏时，用鼠标将拼图拖曳到某一个小方格内，如果鼠标将拼图拖曳到某一个小方格内，如果拖曳得正确，则拼图停在小方格的正中间；拖曳得正确，则拼图停在小方格的正中间；如果拖曳得不正确，则拼图会自动移到原如果拖曳得不正确，则拼图会自动移到原来的位置处。来的位置处。4.6 4.6 【案例案例2222】“拼图游戏拼图游戏”程程序序图图4-6-1 “拼图游戏拼图游戏”程序运行后的两个画面程序运行后的两个画面 拼图游戏完成后，会自动清除画面，拼图游戏完成后，会自动清除画面，显示拼图，如图显示拼图，如图4-6-1右图所示。通过本案右图所示。通过本案例的学习，应该掌握目标区和按键交互程例的学习，应该掌握目标区和按键交互程序设计方法，了解部分交互类系统变量的序设计方法，了解部分交互类系统变量的使用方法。使用方法。4.6.2 操作过程操作过程4.6.3 相关知识相关知识1目标区交互类型目标区交互类型 目标区交互类型就是在程序执行到此目标区交互类型就是在程序执行到此交互状态时，用户可用鼠标拖曳某一对象交互状态时，用户可用鼠标拖曳某一对象移至一个指定的目标区中，如果该目标区移至一个指定的目标区中，如果该目标区设定为正确交互区域，则对象会停留在此设定为正确交互区域，则对象会停留在此区域中。区域中。如果该目标区设定为错误交互区域，如果该目标区设定为错误交互区域，则对象会自动返回原处。一个目标区可以则对象会自动返回原处。一个目标区可以对应多个可移动对象，一个可移动对象也对应多个可移动对象，一个可移动对象也可以对应多个目标区。可以对应多个目标区。在建立目标区交互后，运行程序或单在建立目标区交互后，运行程序或单击目标区交互的判断图标击目标区交互的判断图标 ，均可以调，均可以调出目标区交互的出目标区交互的“属性：判断图标属性：判断图标”（目（目标区）面板和相应的目标区虚线框。目标标区）面板和相应的目标区虚线框。目标区交互的区交互的“属性：判断图标属性：判断图标”（目标区）（目标区）面板如图面板如图4-6-3所示。所示。图图4-6-3 目标区判断图标的目标区判断图标的“属性：判断图标属性：判断图标”（目标区）面板（目标区）面板 要改变目标区的位置，可用鼠标拖曳要改变目标区的位置，可用鼠标拖曳目标区虚线框的边框线或它的名字；要改目标区虚线框的边框线或它的名字；要改变目标区的大小，可用鼠标拖曳目标区虚变目标区的大小，可用鼠标拖曳目标区虚线框的灰色控制柄。该线框的灰色控制柄。该“属性：判断图标属性：判断图标”（目标区）面板中新增选项的作用如下。（目标区）面板中新增选项的作用如下。（1）提示栏）提示栏 提示栏在提示栏在“图标名称图标名称”文本框的下边，文本框的下边，显示有关的信息。当没有选中要拖曳的对显示有关的信息。当没有选中要拖曳的对象时，提示栏的内容是象时，提示栏的内容是“选择目标对象选择目标对象”，提示用户选择一个目标对象；单击选中，提示用户选择一个目标对象；单击选中目标对象（在一个显示图标内）后，提示目标对象（在一个显示图标内）后，提示栏内容是栏内容是“拖曳对象到目标位置拖曳对象到目标位置”，提示，提示用户用鼠标拖曳目标区虚线框对象到目标用户用鼠标拖曳目标区虚线框对象到目标位置再释放。位置再释放。单击对象（例如单击对象（例如“P11正确正确”对象）后，对象）后，则该对话框左上角显示框中会显示该对象则该对话框左上角显示框中会显示该对象的缩小图，说明已经建立了对象和目标区的缩小图，说明已经建立了对象和目标区的链接，即当用鼠标拖曳该对象到链接的的链接，即当用鼠标拖曳该对象到链接的目标区中并释放时，会产生相应的交互，目标区中并释放时，会产生相应的交互，程序会立即执行相应的响应图标。将目标程序会立即执行相应的响应图标。将目标区虚