《中文Authorware7.0案例教程 教学课件 ppt 作者 崔玥 第4章 交 互 图 标》由会员分享，可在线阅读，更多相关《中文Authorware7.0案例教程 教学课件 ppt 作者 崔玥 第4章 交 互 图 标（123页珍藏版）》请在金锄头文库上搜索。
1、第4章 交 互 图 标,4.1 【案例17】“选择正确答案”程序,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
2、-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）“按钮”
3、按钮,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、后演示窗口如图4-2-1左图所示，输入的默认值为1，按回车键即可进行1位数加法练习，如图4-2-1右图所示；输入2后的效果如图4-2-2左图所示，按回车键即可进行2位数加法练习，如图4-2-2右图所示。其他与“初学加法2”程序一样。通过本案例的学习，应该掌握文本交互的设计方法。,4.2 【案例18】“简单加法练习”程序,图4-2-1 “简单加法练习”程序运行画面,图4-2-2 “简单加法练习”程序运行画面,1编写可以产生1位或2位加法练习题的程序 2修改,4.2.2 操作过程,1文本输入交互类型的“属性：判断图标”面板 双击“文本输入”交互的判断图标，可调出文本输入交互的“属性：判断图标”面板
5、。 文本输入交互类型的“属性：判断图标”（文本输入）面板如图4-2-7所示，其中各选项的作用如下。,4.2.3 相关知识,图4-2-7 文本输入交互类型的“属性：判断图标”（文本输入）面板,（1）“模式”文本框 在其内输入用双引号括起来的字符或文字，用户执行文本交互时，必须输入这些字符或文字。可以使用分隔符“|”来连接两个对等的交互文字，也可使用通配符“*”（代表一串字符或文字）和“?”（代表一个字符）。如果不输入任何内容，则响应图标的名字决定可以产生响应的输入内容。,（2）“最低匹配”文本框 在此文本框内输入一个数字n，表示用户只要输入n个符合“模式”文本框中的字符，就能继续执行交互图标。例
6、如：在“最低匹配”文本框内输入数字3，在“模式”文本框内输入“ABCDEF”，那么用户只要输入“ABC”三个字符就能执行相应的交互图标。,（3）“增强匹配”复选框 选中它后，允许用户输入文字时可以有多次输入的机会。例如：“模式”文本框内是“A B”，用户输入“A”后按回车键，此时不交互，再输入“B”并按回车键， 就可以执行交互图标了。,（4）“忽略”栏 它有5个复选框，用来确定对用户输入的文字可以忽略什么内容。各复选框作用如下。,“大小”：忽略字母大小写，例如输入“AAA”与输入“Aaa”或“AaA”一样。 “空格”：忽略文字中的空格，例如输入“AUTH”与输入“A U T H”一样。 “附加
7、单词”：忽略多余的字符，例如“AUTHORWARE”与“AU”一样。,“附加符号”：忽略标点符号，例如输入“A,U”与输入“AU”一样。 “单词顺序”：忽略文字顺序，例如输入“AUTHORWARE”与输入“UATHORWAER”一样。,单击“响应”标签，切换到文本输入交互类型的“属性：判断图标”（响应）面板，如图4-2-8所示。该面板与按钮交互类型的“属性：判断图标”（响应）面板基本一样。,图4-2-8 文本输入交互类型的“属性：判断图标”（响应）面板,按住【Ctrl】键，双击交互图标，调出“属性：交互图标”面板。单击该面板中的“文本区域”按钮，可调出“属性：交互作用文本字段”（版面布局）对话
8、框，如图4-2-9所示。双击交互图标演示窗口内的虚线矩形框内部，也可以调出“属性：交互作用文本字段”对话框。,2“属性：交互作用文本字段”对话框,（1）“属性：交互作用文本字段”（版面布局）对话框 该对话框如图4-2-6所示。该对话框内各选项的作用如下。,“大小”和“位置”文本框：在这四个文本框内可以输入变量和表达式，它们的值可精确调整文本输入框的位置和大小。 “字符限制”文本框：其内输入允许用户在文本输入交互时输入的最多字符个数。,“自动登录限制”复选框：选中该复选框后，当用户输入的字符个数超过“字符限制”文本框内的限制数时，立即读取输入的数据。,（2）“属性：交互作用文本字段”（交互作用）
9、对话框 该对话框如图4-2-9所示，其中各选项的作用如下。,图4-2-9 “属性：交互作用文本字段”（交互作用）对话框,“作用键”文本框：在此输入某一按键的名称（默认为回车键Return），用户在文本输入完后，按所设定的这个键，即可让计算机接收输入的字符。 “输入标记”复选框：不选中它时，文本输入框左边没有黑三角的标记；选中它时，在文本输入交互执行时，文本输入框左边有一个黑三角标记。,“忽略无内容的输入”复选框：选中它时，则忽略在文本输入交互时输入内容中的空格。 “退出时擦除输入的内容”复选框：不选中它时，退出文本输入交互时，不擦除文本交互信息；选中它时，在退出文本输入交互时，擦除文本交互信息
10、。,（3）“属性：交互作用文本字段”（文本）对话框 该对话框如图4-2-4所示，其中各选项的作用如下。,“字体”和“大小”下拉列表框：设置输入文字的字体和字大小。 “风格”的3个复选框：决定输入文字的风格。 “颜色”栏：用来选定颜色，“文本”色块可确定文字颜色，“背景”色块可确定文字的背景颜色；单击色块可调出“颜色”对话框，利用该对话框可以设置颜色。,“模式”下拉列表框：用来选择显示方式，其中有“不透明”、“透明”、“反转”（即反相显示）、“擦除”（即不显示输入的内容）等选项。,1【拓展实例23】“通讯录数据输入”程序 2【拓展实例24】“猜数游戏”程序,4.2.4 案例拓展,4.3.1 学习
11、目标 “看图识字1”程序运行后，屏幕会显示多种不同的动物图像，如图4-3-1左图所示。,4.3 【案例19】“看图识字1”程序,单击某一个动物图像或按快捷键，在屏幕中就会显示出该动物的名称；单击“植物”按钮后，画面更换为如图4-3-1右图所示的“了解植物”画面。通过本案例的学习，应该掌握热对象交互和热区域交互的设计方法。,图4-3-1 “看图识字1”程序运行后的两个画面,4.3.2 操作过程 4.3.3 相关知识 1热对象交互类型 热对象交互类型也叫热件交互。所谓“热”，是指“激活”的意思，比如单击、双击或鼠标指针移到指定的对象之上，以及按快捷键等，都可以“激活”相应的对象，被激活的对象就叫热
12、对象。,热对象交互就是在激活某对象后，使程序立即执行相应的响应图标。 双击热对象交互的判断图标，调出热对象交互判断图标的“属性：判断图标”（热对象）对话框，如图4-3-3所示。,图4-3-3 热对象交互类型的“属性：判断图标”（热对象）面板,同时调出以前的图标对象。单击某一对象，使该对象成为热对象。不同的热对象应附属于不同的图标。“属性：判断图标”（热对象）对话框内各选项的作用如下。,（1）“匹配”下拉列表框 该下拉列表框中有3项，它们分别表示用鼠标激活对象的一种方法，三个选项的含义如下。,单击：单击热对象（即热件）后，程序执行相应的交互图标，此选项是默认设置。 双击：双击热对象后，程序执行相
13、应的交互图标。 指针在对象上：当鼠标指针移到热对象之上时，程序执行相应的交互图标。,（2）“快捷键”文本框 该文本框内输入按键（快捷键）的名称，当用户按在此规定的按键时，就可达到与单击按钮相同的效果。例如：输入F8，则快捷键是【F8】，按【F8】键与单击按钮的作用一样；输入AltA，则快捷键是【Alt】+【A】。,（3）“匹配时加亮”复选框 选此项后，被鼠标单击等操作激活的对象以互补色高亮度显示一下，提示用户已开始执行相应的交互程序。,（4）“鼠标指针”按钮 单击它可以调出“鼠标指针”对话框，用来确定鼠标指针形状。 热对象交互的“属性：判断图标”（响应）面板与按钮交互类型的“属性：判断图标”（
14、响应）面板基本一样。,热区域交互类型也叫热区交互。热区域是用户设定的一个矩形区域。程序运行后，只要单击、双击或鼠标指针进入该热区域，以及按快捷键，都可使相应的交互图标得到执行。采用热区域交互类型可以对一幅图像的不同区域产生交互。,2热区域交互类型,双击热区域交互判断图标，调出热区域交互的“属性：判断图标”（热区域）面板，如图4-3-4所示，演示窗口内会出现的一个虚线矩形框，“属性：判断图标”（热区域）面板标题栏会显示相应的响应图标的名称。,图4-3-4 热区域交互的“属性：判断图标”（热区域）面板,虚线框四周有8个控制柄，用鼠标拖曳这些控制柄或虚线框可调整虚线框的大小与位置，这个虚线矩形框就表
15、示相应热区域的范围。“属性：判断图标”（热区域）面板中各选项的作用如下。,（1）“大小”文本框与“位置”文本框 分别用来确定热区域的大小与位置，可以修改这些数据，使热区域的大小与位置更精确。如果从热对象交互类型转到热区域交互类型，则热区域的大小会自动调整到与原热对象大小一样。热区域的位置会自动调整到原热对象处。,（2）“匹配”下拉列表框 它与热对象交互相应的选项类似，它有三个选项，但是用“指针处于指定区域内”选项取代了原来的“指针在对象上”选项。它表示当鼠标单击、双击或移入热区域时，就执行相应的交互图标。,（3）“匹配时加亮”复选框 选中此复选框后，激活热区域时，热区域会瞬间出现互补色。如果热
16、区域为灰色长方形按钮，则按钮被激活时会产生被按下去的感觉。,（4）“匹配标记”复选框 选中此复选框后，在热区域内部左侧会出现一个小矩形标记，热区域没被激活时，小矩形标记为白色；热区域被激活后，小矩形标记为黑色。,热区域交互的“属性：判断图标”（响应）面板与图4-3-2的按钮交互类型的“属性：判断图标”（响应）对话框基本一样。,【拓展实例25】“看图识字2”程序,4.3.4 案例拓展,4.4.1 学习目标 “猜字母游戏1”程序运行后，用户可以输入大写字母。如果所猜的字母比随机字母小，则显示“太小了！”，如图4-4-1左图所示；如果所猜的字母比随机字母大，则显示“太大了！”，如图4-4-1中图所示。,4.4 【案例20】“猜字母游戏1”程序,图4-4-1 “猜字母游戏1”程序运行后的三幅画面,如果猜对了，则显示所猜的次数，如图4-4-1右图所示。通过本案例的学习，应该掌握条件交互和下拉菜单交互的设计方法。,4.4.2 操作过程 4.4.3 相关知识 1条件交互类型 条件交互一般不是通过用户的操作来执行响应图标，而是根据所设置的条件是否满足
