《《Authorware多媒体课件制作技术》-第6章.ppt》由会员分享，可在线阅读，更多相关《《Authorware多媒体课件制作技术》-第6章.ppt（40页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第6章 计算图标与群组图标内容概述内容概述 Authorware7使用了新的脚本引擎，允许在计算图标中使用Authorware脚本语言或javascript进行脚本编程，还可以通过计算图标参数定制对话框建立独立的参照体系。计算图标在流程中作为代码模块来使用，用来完成某种功能，也可完成以定义变量，赋植，计算等任务。另外，还可以将计算图标附着在其它图标上，使计算成为其它图标运行时功能的一部分。顾名思义，所谓附加计算图标，是指它不能单独存在，而是以附加在其它图标上的方式出现，它可以附加在任何图标上（除计算图标外），以实现和计算图标相同的功能。群组图标是一种非常实用的工具，它能够将流程线上的图标变成可
2、管理的几个模块，使得程序的流程更加清晰，这与高级程序语言中子程序或过程的作用非常相似。一方面有效地提高了编程的进程，另一方面还可以保证在一层流程线上不出现大量的图标，以至于在流程线窗口内无法显示出全部的图标。本章主要讲述了以下几点内容：计算图标介绍计算图标窗口属性设置计算图标属性设置附加计算图标群组图标介绍群组图标属性设置实例制作教学目标教学目标 1、会使用计算图标，理解计算图标在应用程序中的代码模块作用。2、能够调整计算图标编辑窗口中的代码显示形式，如字体、大小等。3、理解附加计算图标的作用，掌握附加许图标的用法与应用场合。4、理解群组图标的作用，掌握群组图标的用法与应用场合。5、能够使用计
3、算图标和群组图标与现有的Authorware知识制作出自己理想的作品。计算图标是使用函数和变量的基础，在前面的学习中，我们也多次介绍和使用过许图标。但是，我们并没有系统地学习过计算机图标的使用和设置方法。这一章，我们要系统学习计算图标，为后面要学习的变量和函数打下坚实的基础。6.1 初识计算图标6.1.1计算图标介绍 Authorware7.0使用了新的脚本引擎,允许在计算图标中使用Authorware脚本语言或javascript进行脚本编程，还可以通过计算图标参数定制对话框建立独立的参照体系。计算图标在流程中作为代码模块来使用，用来完成某种功能，也可完成以定义变量，赋植，计算等任务。将计算
4、图标拖放到程序流程线上，双击打开它，即可以看到计算图标的代码编辑区，如图6-1所示。在计算图标代码编辑窗口的代码编辑区，右击鼠标，会打开快捷菜单。其中的命令均为菜单栏中各设置对话框中的相关命令。图6-1 计算图标代码编辑区 以下是对菜单栏中各按钮功能的简单介绍：选择编写脚本的语言种类。取消上一步的操作。还原取消的上一步的操作。剪切选中的代码，在选中代码后才可用.复制选中的代码，在选中后才可用。粘贴复制或剪切的代码。删除选中的代码。打印代码。查找并替换写错的代码。使本行成为注释行。取消注释行。使本行代码向右缩进4个空格。取消本行缩进。找到与右括号对应的左边括号，选中右括号时才可以使用。找到与右括
5、号对应的左边括号，选中右括号时才可以使用。打开计算图标的属性对话框，设置字体、颜色等。插入常用的提示信息。插入Authroware的语句。插入特殊字符。6.1.2计算图标窗口属性设置 我们在使用计算图标时，经常会遇到这样一个问题：计算图标中显示的字体不满意，并且字号太小，看不清。或，当代码太多时，想使编辑区能显示行号。或，想使关键字能够突出显示。或，想使编辑内容能够自动缩进，以增加程序的可读性。或想使窗口中显示/隐藏工具栏，或想显示/隐藏状态栏。那么这些功能都能否实现，能够在哪实现？下面就再详细介绍一下最常用的“参数选择”按钮 。单击“参数选择”按钮，弹出其对话框，如图6-2所示。在“常规”选
6、项卡（如图6-2所示）的“编辑器”复选组合框中，选择或取消选择其中某复选框，就会实现相应的功能。如，可显示/隐藏工具栏，可显示/隐藏状态栏，可显示/隐藏行号，可突出显示/正常显示关键字等。在“空格”下拉框中可设置“悬挂缩进”与“块缩进”的具体空格数。等等。图6-2 参数选择对话框图6-3 Authorware选项卡 在Authorware选项卡（如图6-3所示）的“字体”下拉框（最下面左侧下拉框）中可设置编辑区显示代码的字体，“字号”下拉框（最下面右侧下拉框）中可设置编辑区显示代码的字号。当然，如果在代码编辑区中编辑的代码不是Authorware代码，而是JavaScript代码，那么若要是修
7、改代码的显示字体与字号，就应在JavaScript选项卡中修改。6.2 计算图标属性设置 将计算图标拖入程序流程线，或单击计算图标，会弹出计算图标属性窗口，如图6-4所示。图6-4 计算图标的属性窗口打开：单击该按钮，将打开该计算图标的代码编辑窗口。名称文本框：显示该计算图标的名称。若在此修改名称，则计算图标名称亦发生改变。函数：列出了该计算图标中所有用到的函数名称。变量：列出了该计算图标中所有用到的变量名称。当前值：在“变量”中选择某变量，则在此会显示该变量当前的值。即它可实现对变量值的跟踪。包含编写的函数：选择该复选框，则在“函数”中将会连同用户自定义函数一并显示。6.3 附加计算图标 计
8、算图标具有定义用户使用的变量、调用系统函数、计算函数或表达式的值、给程序附加注释等功能。另外，还可以将计算图标附着在其它图标上，使计算成为其它图标运行时功能的一部分。顾名思义，所谓附加计算图标，是指它不能单独存在，而是以附加在其它图标上的方式出现，它可以附加在任何图标上（除计算图标外），以实现和计算图标相同的功能。为图标附着计算图标的方法和使用它们的方法如下：（1）在程序流程线上选择某欲附加计算功能的图标，以显示图标为例；（2）单击菜单栏命令“修改/图标/计算”，或使用快捷键Ctrl+=，这样就使该显示图标附着上了计算图标，如图6-5（b）所示；（3）双击该显示图标，仍与原显示图标相同，没有发
9、生变化。但单击该显示图标左上角的“=”号，则会打开所附加的计算图标。该计算图标与显示图标同名。图6-5 未附加与已附加计算图标的显示图标对比 由于某种原因，不再需要所附加的计算图标了，那么如何删除它呢？为了删除附加计算图标，可在打开计算图标编辑窗口后，删除其中的所有内容，包括不可见的空格、回车符等，经过关闭与保存操作之后，所选的附加图标就消失了。这就是说，在创建附加计算图标时，如果在编辑窗口内未输入任何内容，那么本次创建就是失败的。将计算图标放置在某图标的前面，与使用附加计算图标的效果通常是没有区别的。值得注意的是，如果把一个计算图标附加到交互图标或决策图标上，并且将结果图标的返回路径设置为T
10、ry Again时，Authorware就会反复地执行计算图标中的内容。如果将计算图标放置在交互图标或决策图标的前面，结果图标采用相同的设置，那么仅仅执行一次计算图标的内容。将计算图标添加到群组图标上是没有任何意义的，将计算图标放置在群组图标二级流程图窗口的最前端，则是经常采用的一种形式。一旦将计算图标附加到群组图标之后，使用菜单命令“修改/取消群组”就可以解除该群组图标，将把附加的计算图标移动到群组图标二级流程图窗口的最前端。不过，需要注意的是，无论是单独出现的计算图标，还是附加计算图标，在执行计算窗口的程序语句时，将不再接受鼠标和键盘的响应，也无法处理其它事件。6.4 群组图标6.4.1群
11、组图标介绍 群组图标是一种非常实用的工具，它能够将流程线上的图标变成可管理的几个模块，使得程序的流程更加清晰，这与高级程序语言中子程序或过程的作用非常相似。一方面有效地提高了编程的进程，另一方面还可以保证在一层流程线上不出现大量的图标，以至于在流程线窗口内无法显示出全部的图标。在具体的使用过程中，通常将逻辑关联的一组图标放在一个群组图标内，这样可以使设计者更加容易了解作品中的所有图标是如何相互影响相互作用的。同时，也有利于发现作品设计中存在的问题，查找问题的根源。群组图标与作品流程窗口是逐一对应的，只要双击群组图标都可以打开流程窗口，并且在窗口的右上角显示出当前群组图标所在的层数。群组图标允许
12、相互嵌套，这样就便于创建多级的流程结构。群组图标可以添加在流程线上的任何位置，也可以附着在交互图标、决策图标或框架图标上。在实现交互操作时，群组图标大量地出现在交互图标的右侧分支中。为了动态地调整群组图标中所包含的图标，Authorware提供了“群组”和“取消群组”菜单命令。前者用于将多个图标组合到群组图标内，后者用于拆分群组图标，使其中的图标独立地显示在流程线上。例如，在“我的电子相册”作品（如图6-6所示）中，该流程线内容从逻辑上明显分为两部分，一个是照片部分，一个是询问用户部分。所以，我们完全可以将这些图标合为两个群组图标。同时选中从显示图标“春”到等待图标“等冬”的所有图标，用户按组
13、合键Ctrl+G，将它们组合到了一个群组图标中，并重新命名为“照片”。再选中交互图标“访问用户”及其两个分支图标，再按组合键Ctrl+G，将它们组合到了另一个群组图标中，默认名称与交互图标名称相同，均为“访问用户”。分组后的流程线如图6-7所示。在默认的情况下，生成的群组图标使用“未命名”命名，对群组图标进行重命名之后，它的名称将出现在群组图标流程图的标题栏内。需要解除群组图标时，可执行菜单命令“修改/取消群组”，或使用Ctrl+Shift+G组合键。Authorware只允许将连续排列的图标生成群组图标，如果需要将不连续的图标放置到一个群组图标中，可以通过鼠标的拖动，或者使用复制、剪切与粘贴
14、命令，改变图标在流程线上的排列位置使它们成为连续排列。图6-6“我的电子相册”流程图 图6-7 分组后的流程图6.4.2群组图标属性设置 将群组图标拖入程序流程线，或单击计算图标，或使用Ctrl+G将某些图标组合过后，会弹出群组图标属性窗口，如图6-8所示。图6-8 群组图标属性对话框打开：单击该按钮，将打开该群组图标的流程窗口。名称文本框：显示该群组图标的名称。若在此修改名称，则群组图标名称亦发生改变。层 标题：显示当前群组图标所在的位置，即路径。例如，本例中所示情况为：本群组图标名称为“照片”，它是第三层，但现在第二层，其上一层为“片头”，为第一层，整个文件名称为“我的电子相册.a7p”。
15、6.5 实例制作 这个例子的名称是“哭笑小孩”。我们要实现的功能是，一开始运行，小孩的脸就会从哭变为笑，再哭，再笑，相互交替。这个实例我们用到了显示图标，等待图标与计算图标。通过这个实例的制作可以使读者练习以下Authorware功能：巩固绘图工具箱的使用方法。进一步认识图层的概念。练习使用计算图标，及变量。了解Authorware中连续动画的帧变化。具体制作步聚如下：1、“哭笑小孩”的程序设计主流线如图6-9所示；图6-9“哭笑小孩”流程图2、分别打开“哭”“中间”“笑”显示图标，在其中分别绘制相应的小孩表情，如图6-10所示。图6-10 三种表情 注意，在绘制时要求三个表情的大小与位置要完
16、全相同。提示：在一个中只要绘制好了，只要复制，然后粘贴到其它显示图标中就可保证大小与位置完全相同。另外，注意学会使用白色边线与白色填充的矩形，即从视觉上看，并不存在的矩形。它可覆盖一些不想要显示的内容。3、单击“哭”显示图标，打开属性对话框，设置其“层”为变量ku，如图6-11所示。然后再单击“中间”显示图标时，会弹出“新变量”对话框，设置新变量ku的初值为3，如图6-12所示。图6-11 “哭”属性对话框 图6-12 新建变量对话框 图6-13 等待图标属性对话框4、同理，设置“中间”“笑”的“层”为zhong与xiao，并赋初值为2与1。5、单击等待图标，只将“时限”设置为2，其它均不作选
17、择。如图6-13所示。6、双击打开“交换”计算图标，在其中输入如图6-14所示的代码，用于交换这三个变量。图6-14“交换”计算图标中的代码完毕。本章小结计算图标的最大功能就是能够调用函数、变量和添加程序注释，使用 Ifthenelse end if 等之类的程序语句构造复杂的课件流程。除了独立地显示计算图标之外，还可以将它附加在其它图标上，以实现和计算图标同样的功能。将计算图标放置在某图标的前面，与使用附加计算图标的效果通常是没有区别的。值得注意的是，如果把一个计算图标附加到交互图标或决策图标上，并且将结果图标的返回路径设置为Try Again时，Authorware 6.0就会反复地执行计
18、算图标中的内容。如果将计算图标放置在交互图标或决策图标的前面，结果图标采用相同的设置，那么Authorware 6.0仅仅执行一次计算图标的内容。在具体的使用过程中，通常将逻辑关联的一组图标放在一个群组图标内，这样可以使设计者更加容易了解作品中的所有图标是如何相互影响相互作用的。同时，也有利于发现作品设计中存在的问题，查找问题的根源。群组图标与作品流程窗口是逐一对应的，只要双击群组图标都可以打开流程窗口，并且在窗口的右上角显示出当前群组图标所在的层数。群组图标允许相互嵌套，这样就便于创建多级的流程结构。群组图标可以添加在流程线上的任何位置，也可以附着在交互图标、决策图标或框架图标上。在实现交互
19、操作时，群组图标大量地出现在交互图标的右侧分支中。为了动态地调整群组图标中所包含的图标，Authorware提供了“群组”和“取消群组”菜单命令。前者用于将多个图标组合到群组图标内，后者用于拆分群组图标，使其中的图标独立地显示在流程线上。习题6一、填空题1、若要修改计算图标中的代码字体，可通过快捷工具 来实现。2、若要在计算图标属性对话框中查看到用户自定义函数，可选择 命令来实现。3、若要实现附加计算图标，可通过菜单命令 来实现。4、若要实现附加计算图标，可通过组合键 来实现。5、若要将一些图标分组，可通过组合键 来实现。二、选择题1、取消分组的组合键是（）。A、Ctrl+O B、Ctrl+G
20、 C、Ctrl+Shift+G D、Ctrl+=2、将若干对象分组的组合键是（）。A、Ctrl+O B、Ctrl+G C、Ctrl+Shift+G D、Ctrl+=3、给某个图标附加计算图标可通过组合键（）。A、Ctrl+O B、Ctrl+G C、Ctrl+Shift+G D、Ctrl+=4、附加计算图标不可以附加的图标是（）。A、显示图标 B、计算图标C、移动图标 D、声音图标 5、可用于修改计算图标编辑窗口中代码字体的是（）。A、B、C、D、三、简答题 1、简述计算图标的作用。2、如何能够修改计算图标编辑窗口中代码字体？简述其过程。3、从计算图标的属性对话框中可以获得什么信息？4、附加计算图标与分离的图标有什么区别？5、简述群组图标的作用。四、操作题 1、重新制作“快乐的Snoopy”的实例。注意计算图标的用法。2、重新制作“足球练习”的实例。注意计算图标的用法。3、重新制作“日出日落图2”的实例。注意计算图标的用法。4、重新制作“我的电子相册”的实例。注意计算图标的用法。5、将“我的电子相册”实例中的“询问用户”部分分组。