《中文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条件交互类型 条件交互一般不是通过用户的操作来执行响应图标,而是根据所设置的条件是否满足