authorware基本应用.ppt

显示图标,内容概述 显示图标是authorware中最重要、最基本的图标。显示图标用以接受用户输入的文字，绘制的图形以及导入的外部文本图形图像，并在播放过程中将这些对象显示在演示窗口中。创建显示图标用户只需将图标面板上的显示图标拖拽至程序流程线上的适当位置即可。,authorware为用户提供了绘图工具箱。使用绘图工具箱，用户可以绘制出一些简单的图形和文本对象。另外，双击某工具，或单击相应按钮可设置当前对象的某种属性，如对象的前景色与背景色、填充模式、显示模式或线形等。 本章主要讲述了以下几点内容： 显示图标的功能与创建 导入外部资源 显示图标的属性设置 绘图工具箱 实例制作,显示图标是authorware中最重要、最基本的图标。显示图标用以接受用户输入的文字，绘制的图形以及导入的外部文本图形图像，并在播放过程中将这些对象显示在演示窗口中。创建显示图标用户只需将图标面板上的显示图标拖拽至程序流程线上的适当位置即可。 2.1 显示图标的功能与创建,2.1.1显示图标的功能 因不能把文本或者图形直接放在设计窗口的流程线上，所以就需要有一个载体来容纳它们，这就是显示图标。显示图标是authorware所有图标中最基本的图标，被称为authorware的“灵魂”，它的主要功能是用来制作多媒体的文本、图形或者加载静态图像，还可以用来显示变量、函数值的即时变化。用户将这些多媒体构件添加到显示图标内，即可构建出程序的基本骨架。 2.1.2 显示图标的创建 显示图标的创建很简单，移动鼠标指针到图标工具箱中的显示图标上，按下鼠标左键，拖动显示图标到流程线上，然后释放鼠标左键即可。双击该显示图标，即可打开该显示图标的演示窗口。,2.2 导入外部资源,authorware是一部多媒体组装机。它本身制作各种媒体的功能很有限，但它能够将多种不同类型的外部资源媒体有机的组织为一个整体。而这才是它真正的功能所在。那么，如何将外部资源引入authorware系统呢？这个过程称为导入。 外部资源的种类很多，有图片、文字、声音、视频等多种形式。在这一节，我们只讲述图片与文字的导入过程，至于声音与视频等媒体形式的导入，将在以后的章节中讲解。,2.2.1 导入外部图片 图片在多媒体中起着非常大的作用。它能够烘托气氛，渲染环境，美化视觉，优化心情。使多媒体课件锦上添花，效果倍出。 1、导入外部图片的方法 （1）双出显示图标，打开显示图标的演示窗口； （2）单击常用工具栏的“导入”按钮，弹出导入对话框，如图2-1所示； （3）单击“文件类型”下拉菜单右端箭头，选择要导入图片的类型； （4）在“查找范围”中找到要导入的图片文件；,（5）设置复选框“连接到文件”和“显示预览”； 连接到文件：选择此复选框，会将图片文件当作外部文件，即图片与authorware程序是两个独立的文件，图片并没有包含在程序中。 显示预览：选中此复选框，将显示该图片文件的预览情况。 （6）对话框右下角有一个“+”号标志，若一次性导入的不只是一个文件，单击此标志，在对话框右侧又弹出一个小窗口（如图2-2所示），可以进一步选择，实现一次性导入多个文件。,在左侧窗口中找到要导入的文件，单击选择之，再单击“添加”按钮，即可作为后备导入的文件；或单击“全部添加”按钮，会将左侧显示文件夹中所有可用文件全部作为后备导入文件；在“导入文件列表”中选择一个文件，单击“删除”按钮，将删除该文件；单击“-”号标志，可将右侧窗口关闭，使对话框恢复如图2-1所示的原状。 （7）单击“导入”按钮，即可将一个或多个文件导入。完成图片的导入过程。,图2-1 导入文件对话框,图2-2 可导入多个文件的对话框,2、图片属性对话框介绍 要查看图片的相关属性，或修改图片的显示属性，可通过查看或修改图片的属性对话框来实现。在演示窗口中双击已导入的图片，即可弹出图片属性对话框，如图2-3所示。 （1）在属性窗口的左上部有图片类型标志窗口，不同类型的图片，显示标志不一样。例如jpg、bmp、gif的标志分别如图2-4的（a）、（b）、（c）所示；,图2-3 图像属性对话框,(a) jpg文件 (b) bmp文件 (c) gif文件,图2-4不同类型的图像文件的标志,（2）单击“导入”按钮，弹出导入对话框，可将原导入的图片用新图片替换掉； （3）“图象”选项卡，如图2-5所示。,图2-5 图象选项卡,文件：显示文件保存路径及名称。 存储：显示该文件是内部文件，还是外部文件。若在导入时选择了“链接到文件”，则此处显示“外部”，否则，显示“内部”。 模式：显示并可选择图片的显示模式（见后面章节的介绍）。 颜色：单击小方块，弹出颜色选择对话框。可改变前景色背景色。 文件大小：显示文件大小。 文件格式：显示文件格式。 颜色深度：显示文件颜色深度（文件像素储存位数，如8位，24位等）。,（4）“版面布局”选项卡，如图2-6所示。,图2-6 版面布局选项卡,屏幕的坐标是以像素为单位的，对于一个800600的屏幕，其左上角坐标为（0，0），右下角坐标为（800，600）。, 当“显示”选择“比例”时，可改变原始图片的显示比例，选项卡面板变为如图2-7所示。 位置：显示并可调整图片的位置。当然，使用鼠标拖动图片后，此处的值也会发生相应的变化。 大小：显示并可调整图片的宽、高。当然，通过鼠标拖动改变图片大小后，此处的值也会发生相应的变化。 非固定比例：显示原大小。此处的值不可改变。 比例%：显示并可调整图片宽、高的显示比例。当然，通过鼠标拖动改变图片大小后，此处的值也会发生相应的变化。, 当“显示”选择“裁取”时，可只显示图片的一部分，选项卡面板变为如图2-8所示。 位置：显示并可调整图片的位置。 大小：显示并可调整图片截留的宽度、高度。 非固定比例：显示原始图像的大小。 放置：可单击替代图片的矩形来调整截取图片在框架中的位置。 当不想改变图片的大小时，在“显示”中选择“原始”，选项卡如图2-6所示。,图2-7 选择“比例”时选项卡 图2-8 选择“裁切”时选项卡,3、对图片的操作 （1）移动图片 按住shift键可选中两个以上的图片，此时移动被选图片可保持各图片相对位置不变。 按住shift键移动图片时，可使该图片在水平、垂直、与水平或垂直成45度角方向上移动。,（2）组合与分解图片 按住shift键选中两个以上图片，单击“修改”“群组”，可使这些图片成为一个整体； 要分解此一个组合的整体，只要选中该图片，单击“修改”“取消群组”即可。 （3）图片对齐方式 按住shift键选中要对齐的图片，单击菜单栏菜单“修改”“排列”，弹出对齐方式工具面板，如图2-9所示。单击合适的对齐方式即可。,左对齐,竖直居中对齐,右对齐,水平等距,上对齐,水平居中对齐,下对齐,竖直等距,图2-9 排列对话框,（4）改变同一显示图标中重叠图片的位置关系 将下面的图片放置到上面来 选中位于上面的图片； 单击“修改”/“置于上层”即可。,将上面的图片放置到下面去 选中位于下面的图片； 单击“修改”/“置于下层”即可。 2.2.2 导入文本 文字在多媒体中起着画龙点睛的作用。它能够直书胸意，表达思想。使多媒体课件的精神得以升华。所以，如何正确地将文字体现在课件中，显得非常重要。 1、直接写入文字 直接写入文字，就是将文字内容通过authorware7的文本工具直接写入authorare的演示窗口，并可通过authorware7的文本工具对文本进行修饰。写入文字的方法如下。,（1）用鼠标把显示图标从图标工具栏上拖到流程线上； （2）在流程线上双击显示图标，打开该显示图标的演示窗口； （3）在绘图工具箱上单击文本工具，再在演示窗口中任意位置处单击鼠标，在该处将出现文本输入标尺； （4）对文本输入标尺进行如下操作，会出现图2-10所示图样。,在文本输入标尺上方约1/3处和2/3处用鼠标各单击一下，会各出现一个三角形标志。它们是水平制表位； 沿标尺向右拖动左侧小方块处上方小三角至某位置，然后再沿标尺向右拖动其下方小三角，上下两个小三角将分开； 沿标尺向左拖动右侧小方块处小三角至某位置。,图2-10 文本宽度线,各部分功能介绍如下： 标尺两端的小矩形块称为文本框左右边界，用来调整文本框占有的宽度； 标尺右端的三角形是右缩进标志，用来调整文本的右边界； 标尺左端的上部三角形是左缩进标志，用来调整文本的左边界；下部三角形是首行缩进标志，用来调整文本段落首行的起始位置； 在标尺1/3处和2/3处上部加入的三角形是水平制表位标志。输入文本时，用户按tab键，光标会跳到下一个制表符。,注意：文本框左右边界与左右缩进是不同的。文本框左右边界是调整文本框占有的宽度的，而左右缩进标志是用来调整文本的左右边界的，如图2-11（a）（b）所示。,（a） （b）,图2-11 文本框左右边界与左右缩进的对比,（5）在演示窗口文本输入标尺中输入文字，即可形成如图2-11（a）所示情况； （6）单击绘图工具箱的选择工具，文本输入标尺消失，变为选择句柄形式，如图2-11（b）所示。 （7）关闭演示窗口。 2、从外部文件引入文本 从外部导入的文本文件只能是纯文本文件，如*.txt文件，而不能是像word一样的文件，因为这些文件的文本中含有不可见的格式字符。 （1）单击常用工具栏的“导入”按钮，弹出如图2-1所示的对话框；,（2）找到要导入的文本文件，单击导入按钮，弹出“rtf导入”对话框，如图2-12所示；,图2-12 rtf导入对话框,（3）完成该对话框设置： 硬分页符：,忽略：选择该项，导入时，authorware遇到文本中的分页符时，会将它忽略不计。 创建新的显示图标：选择该项，authorware将会在遇到文本中的分页符时，自动产生一个新显示图标。 文本对象： 标准：将文本文件转化为标准的文本对象。这种情况下，如果文本内容很多，那么将只显示一部分文本内容。其它内容是无法看到的。 滚动：将文本文件转化成滚动显示的文本对象，不管文本内容多少，都将显示滚动条。这种方式有利于文本内容较多的文件。 （4）设置完成“rtf导入”对话框后，单击确定按钮，完成文本的导入。,2.3 显示图标属性设置,在流程线上拖入一个图标，系统就会自动在窗口的下部显示其属性面板。当拖入一个显示图标时，窗口下部显示显示图标的属性面板，如图2-13所示。,图2-13 显示图标属性面板,为了查看图标的属性，就必须打开图标的属性面板，用户可按下列方式之一进行操作： 单击选择图标，然后选择菜单栏上的“修改”“图标”“属性”命令。 选择群组图标，然后按ctrl+i 快捷键。 按住ctrl+alt组合键，并双击群组图标。 用鼠标右击图标，弹出快捷菜单，然后在菜单中选择“属性”项即可。 下面就介绍一下显示图标的属性窗口中各组件的功能。 图标预览窗口：在该小窗口中可预览显示图标中导入的图片。其右侧显示了该显示图标的有关数据，如图标标识、文件大小、最后修改日期等。,打开按钮：单击打开按钮，将会打开显示图标的演示窗口。 图标名称文本框：显示当前设计图标的名称。 层：设置图标的层数。层数高的显示图标的内容将覆盖层数较低的显示图标的内容。 特效：通过单击右侧的按钮，将打开“特效”对话框，如图2-14所示，该对话框可以为当前的设计图标选择一种过渡效果。,图2-14 特效方式对话框,更新显示变量复选框：选中该复选框，则程序将对显示图标中嵌入的变量自动更新并刷新显示效果。 禁止文本查找复选框：选中该复选框，将无法在程序中用关键字来查找该显示图标中所包含的文本内容。,防止自动擦除复选框：authorware具有在演示窗口自动擦除该图标以前的所有的显示图标内容的能力。有时为了使显示的内容不被自动擦除，就可以选中该复选框。 擦除以前内容复选框：选中该复选框，则当运行到该显示图标时，会将前面的显示图标中的内容自动擦除。注意：它只能擦除比该显示图标层数低的显示图标的内容，比该图标层数高的则不能被擦除。 直接写屏复选框：选中该复选框，则不管该显示图标的层数高低如何，当程序运行到该显示图标时，该显示图标中内容均会被放置在演示窗口最前面。 关于选择位置中“位置”和“活动”的内容将在以后章节中介绍。,2.4 绘图工具箱,authorware7提供的绘图工具箱如图2-15（a）所示。使用绘图工具箱，用户可以绘制出一些简单的图形和文本对象。另外，双击某工具，或单击相应按钮可设置当前对象的某种属性，如对象的前景色与背景色、填充模式、显示模式或线形等。 2.4.1绘图工具箱的介绍 1、绘图工具箱的打开,双击流程线上的显示图标，打开程序演示窗口，同时也会打开绘图工具箱。 双击交互图标也可打开绘图工具箱。 当程序运行时遇到一个空的显示图标或交互图标时，会自动打开绘图工具箱。 在程序运行时，双击文本对象或图形对象，会自动打开绘图工具箱。,（a） （b） （c） （d） （e）,（a）绘图工具箱 （b）模式工具箱 （c）填充工具箱 （d）线形工具箱 （e）色彩工具箱,图2-15 工具箱,2、绘图工具箱的基本使用方法 工具箱中工具的基本使用方法是相同的，都是先单击该图标，然后在演示窗口拖动或单击鼠标，以建立新的图形对象或对已有图形对象进行修改。 单击绘图工具箱右上角的关闭按钮，不仅可关闭绘图工具箱，同时还将演示窗口也关闭了。当然，关闭演示窗口的同时也会将绘图工具箱关闭。 双击选择工具，或单击模式按钮，弹出模式工具箱，如图2-15（b）所示。 双击矩形工具或圆角矩形工具或多边形工具，或单击填充按钮，弹出填充工具箱，如图2-15（c）所示。,双击直线工具或斜线工具，或单击线型按钮，弹出线型工具箱，如图2-15（d）所示。 双击椭圆工具，或单击色彩按钮，或双击线色彩或前景色或背景色，弹出色彩工具箱，如图2-15（e）所示。 3、绘图工具箱工具介绍：,选择 移动工具：可选择、移动对象,文本工具：建立修改文本对象,固定角度直线工具：绘制水平或垂直直线，及与水平垂直线成45度角的直线,任意角度直线工具：绘制任意角度直线,椭圆工具：绘制椭圆或圆（按shift键）,矩形工具：绘制长方形或正方形（按shift键）,圆角矩形工具：绘制圆角长方形或圆角正方形（按shift键）,多边形工具：绘制任意多边形,色彩按钮：单击可弹出色彩工具箱,线型按钮：单击可弹出线型工具箱,模式按钮：单击可弹出模式工具箱,填充按钮：单击可弹出填充工具箱,2.4.2 利用绘图工具箱修改对象属性 1双击椭圆工具，会弹出颜色选择对话框。左下角用于设置边框、线条、字体颜色；右下角用于设置前景色和背景色 2双击固定角度工具或任意角度工具，会弹出线型选择对话框，如图4-2-9所示。 3双击矩形工具、圆角矩形工具或多边形工具，会弹出填充对话框，如图4-2-9所示。用户可设置绘制的封闭图形对象的填充模式 4双击选择图标，会弹出绘图模式对话框，如图4-2-9所示。,1、修改显示模式 双击选择工具，或单击模式按钮，弹出模式工具箱，如图2-15（b）所示。用户可设置发生重叠图形的显示效果。 （1）不透明模式： 上面的显示对象会覆盖下面的显示对象，此模式是默认显示模式。效果演示过程如下： 双击打开显示图标，在其中画一个椭圆，填充入红色。 单击文本工具，在椭圆上输入文本“多媒体创作”。 然后单击选择移动工具，以确定文本的输入内容。其效果如图2-16所示。,（2）透明模式： 上面显示对象有颜色的部分会覆盖下面的显示对象，而空白部分则可看到下面的显示对象。效果演示过程如下： 双击打开显示图标，在其中画一个椭圆，填充入红色。 单击文本工具，在椭圆上输入文本“多媒体创作”。 然后单击选择移动工具，以确定文本的输入内容（以上步骤与“不透明模式”的相同）。 在文本处于被选择的状态下，打开模式工具箱，在其中单击“透明”模式。其效果如图2-17所示。,图2-16 不透明模式 图2-17 透明模式,（3）遮隐模式： 此模式用于位图（*.bmp）对象，它把位图边缘的空白部分隐去，只保留中间的有效显示部分，此有效部分仍是不透明的。效果演示过程如下：,（a） 不透明模式 （b） 遮隐模式,图2-18 遮隐模式效果对比图,在windows操作系统的“开始程序附件画图”中画一个绿色的椭圆。 将其用矩形选择工具选择复制出来。 在authorware中双击打开显示图标，在其中画一个矩形，让其大于椭圆的矩形框，并填充入浅蓝。,将复制出的绿色椭圆粘贴入浅蓝矩形，此时的椭圆为默认的“不透明”模式。效果如图2-18（a）所示。 在绿色椭圆处于被选择的状态下，打开模式工具箱，在其中单击“遮隐”模式。其效果如图2-18（b）所示。 （4）反转模式：,（a） 不透明模式 （b） 反转模式,图2-19 反转模式效果对比图,该显示对象的显示颜色为，其所处环境的前景色的反色（互补色），与该对象本身的颜色无关。效果演示过程如下： 双击打开显示图标，在其中画两个圆与一个矩形，并分别填充入绿色、紫色与浅蓝色。 使两个圆的各一半覆盖在矩形上，另一半在矩形外，此时的圆为默认的“不透明”模式。效果如图2-19（a）所示。 按住shift键，同时选中两个圆，打开模式工具箱，在其中单击“反转”模式。其效果如图2-19（b）所示。从效果图上可以看出，反转后的颜色与该对象本身的颜色无关，只与其所处环境有关。,（5）擦除模式： 除透明部分外，重叠部分被擦除。效果演示过程如下： 双击打开显示图标，在其中画一个圆与一个矩形，并分别填充入绿色与浅蓝色。 使圆覆盖在矩形上，此时的圆为默认的“不透明”模式。效果如图2-20（a）所示。 在绿色圆处于被选择的状态下，打开模式工具箱，在其中单击“擦除”模式。其效果如图2-20（b）所示。,（a） 不透明模式 （b） 擦除模式,图2-20 擦除模式效果对比图,（6）阿尔法模式： 此模式用于带有阿尔法通道属性的24位位图，它不是简单地使背景完全显露出来，而是将图像与背景颜色混合。,2.5 实例制作,这个例子的名称是“恭贺新禧”。我们要实现的功能是，程序一运行，马上就逐渐显示出一幢小房子，然后自动向下卷出左侧对联“千祥云集庆有余”，接着向上卷出右侧对联“百富骈臻贺新春”，最后闪亮出现横批“恭贺新禧”。 这个实例只用到了显示图标，通过这个实例的制作，可以使读者了解到，authorware的功能是如此的强大，仅使用一种图标即可实现如此漂亮的动画过程。另外，通过这个实例的制作，想使读者可以练习以下authorware功能：,练习使用绘图工具箱中的工具绘画。 练习使用导入命令导入图片。 练习使用显示图标及过渡效果。 具体制作步聚如下： 1、建立流程图，其各个图标的性质及名称命名如图2-21所示。 2、双击“小房子”图标，打开演示窗口，利用绘图工具箱中的工具绘制小房子，如图2-22所示。,图2-21 流程图 图2-22 绘制图片,3、打开“小房子”显示图标属性窗口，设置其过渡特效为“淡出淡入/变色”。 4、双击打开“左对联”显示图标，在其中导入图片“千祥云集庆有余”；并打开其属性窗口，设置其过渡特效为“dmxp过渡/向下解开展示”。,5、同上，双击打开“右对联”显示图标，在其中导入图片“百富骈臻贺新春”；并打开其属性窗口，设置其过渡特效为“dmxp过渡/向上解开展示”。 6、同上，双击打开“横批”显示图标，在其中导入图片“恭贺新禧”；并打开其属性窗口，设置其过渡特效为“dmxp过渡/激光展示2”。 7、按住shift键，单击各个图标，使其同时显示于同一窗口，调整各个图片的大小与相对位置如图2-23所示。完毕。,图2-23 最终效果,通过此例，希望读者能够熟练掌握显示图标及绘图工具箱的使用方法与使用技巧，只有多多上机练习，才能使这些有用的工具真正地在自己制作过程中“惟我所用”。,本章小结,外部资源的种类很多，有图片、文字、声音、视频等多种形式。而图片在多媒体中起着非常大的作用。它能够烘托气氛，渲染环境，美化视觉，优化心情。使多媒体课件锦上添花，效果倍出。在authorware中通过“导入”按钮，可以将外部图片导入，并可通过其显示图标属性对话框中的显示过渡特效使图片的显示呈现出更加多样的效果。,文字在多媒体中起着画龙点睛的作用。它能够直书胸意，表达思想。使多媒体课件的精神得以升华。所以，如何正确地将文字体现在课件中，显得非常重要。而在authorware作品中要使用文字，可通过绘图工具箱中的“文本”工具直接写入，亦可通过“导入”按钮将已存在的文本内容导入作品中。 authorware的绘图工具箱在作品制作过程中起着非常重要的作用。使用绘图工具箱，用户不仅可以绘制出一些简单的图形和文本对象。而且，通过双击某工具，或单击相应按钮，可设置当前对象的某种显示属性，如对象的前景色与背景色、填充模式、显示模式或线形等。,在制作authorware的作品过程中，shift键也很重要。不仅在选择多个图标，选择一个图标中的多个对象中使用它，而且，在绘图时也要使用，如绘制水平、竖直或与水平或坚直成45度角的直线，如画正方形，画圆等。,擦除图标与等待图标,内容概述 擦除图标常用于在程序中运行时画面的切换过程中，其主要作用是清除演示窗口显示的文字、图形或其他媒体元素。所以在其进行擦除时再配合使用擦除过渡特效，将使原本生硬的擦除过程变得丰富多彩，妙趣横生。,等待图标用于按照需要暂停程序运行，以便用户能够看清程序的演示效果，直到用户干预事件发生后，程序再继续运行下去。而使捷的用户干预事件，如单击鼠标，按任意键，等待若干时间，按“继续”按钮，及它们的有机结合等，使应用程序的交互性又得到了进一步提升。 擦除图标与等待图标是比较简单的两个图标，但其作用却是不容忽视的。对authorware整体作品来说，它们起着连接与控制各显示对象间相互显示关系的重要作用。,本章主要讲述了以下几点内容： 擦除图标介绍 擦除图标属性设置 等待图标介绍 等待图标属性设置 实例制作,教学目标 1、熟练掌握擦除图标的使用方法。 2、熟练掌握擦除过渡特效的使用方法。 3、熟练掌握等待图标的使用方法。 4、理解各等待解除触发事件的用法及应用场合。 5、能够使用擦除图标和等待图标与现有的authorware知识制作出自己理想的作品。,擦除图标与等待图标是比较简单的两个图标，但其作用却是不容忽视的。对authorware整体作品来说，它们起着连接与控制各显示对象间相互显示关系的重要作用。 擦除图标常用于在程序中运行时画面的切换过程中，其主要作用是清除演示窗口显示的文字、图形或其他媒体元素。 等待图标用于按照需要暂停程序运行，以便用户能够看清程序的演示效果，直到用户干预事件发生后，程序再继续运行下去。,5.1 擦除图标,5.1.1擦除图标介绍 擦除图标可以擦除任何已经显示在屏幕上的图标，无论使用显示图标、交互图标、页面框架或者是数字电影图标显示的显示对象，都可以使用擦除图标把它从屏幕上抹去。 但需注意的是，当用户使用擦除图标时来擦除一个设计图标时，它会将该图标中所有内容都擦除。比如说，在一个显示图标中有三个图形对象，一个三角形，一个圆，一个正方形。使用擦除图标时，它会将该图标中所有的这三个对象一次性地全部擦除。,5.1.2 擦除图标的属性设置 将擦除图标拖放入程序流程线上，或单击流程线上的擦除图标，均可弹出擦除图标的属性对话框，如图5-1所示。,图5-1 擦除图标属性面板,“预览”按钮：可预览被擦除的对象。 名称文本框：显示擦除图标的名称。 特效：点击右侧的“”按钮，弹出擦除过渡效果选择对话框，如图5-2所示。 分类：authorware提供了丰富的过渡方式类型，为了方便用户挑选，又将这些方式按照其屏幕效果进行了分类，该列表中列出了所有的过渡种类。 特效：当在“分类”中选择了合适的过渡种类后，该列表框中就会显示出本过渡种类中所包含的所有的特效。 xtras file ：显示了所选择的过渡方式特效所使用的文件名称，及该文件所在目录，供用户参考。,周期：用于设置该过渡特效所持续的时间，其取值范围为（0-30）秒。 平滑：用于设置该过渡特效的平滑程度，其取值范围为（0-128）。需要注意的是，数字越小，其平滑程度越好；数字越大，其过渡特效越粗糙。 影响：通过这个选项来设置该擦除特效的应用范围，是“整个窗口”还是“仅限区域”。选择“整个窗口”将影响到整个屏幕；选拔“仅限区域”将只影响擦除对象本身。,“选项”按钮：在authorware提供的过渡特效中，有些特效有“选项”，而有些则没有。对于有该“选项”的特效，单击之，将弹出修改特效对话框，如图5-3所示（注意，特效不同，该对话框也不同）。authorware虽然提供了丰富的过渡特效，但同时也允许用户使用其它软件制作特效文件。如果用户使用了这些外部引入的特效文件，可以单击此按钮来修改该文件的各项设置。此设置一般不用修改。 “重置”按钮：如果不小心将某个过渡特效的设置搞乱，则单击此按钮，会将各选项设置为系统的默认值。,“应用”按钮：在演示窗口打开的情况下，该按钮就相当于“预览”按钮，用于查看特效设置效果。 “关于”按钮：可以查看该过渡特效的开发者情况。,图5-2 擦除模式对话框,图5-3 过渡特效修改对话框,防止重叠部分消失：authorware将在完全擦除前面的内容后才显示后面的内容，若不选则在擦除的同时显示后面的内容。 “被擦除的图标”单选按钮：选择该按钮，则其右侧文本框中显示的就是要被擦除的图标内容。,“不擦除的图标”单选按钮：选择该按钮，则其右侧文本框中显示的就是不被擦除的图标内容，即除这些内容外，其它内容将全部被擦除。使用此选项时应慎重。 5.2 等待图标 5.2.1等待图标介绍 暂停在交互式多媒体程序设计中有着特殊的作用。利用演示时的停顿，不仅可以画面的展示速度、聚集人的注意力，同时也提供了一种编程调试的辅助手段。,等待图标用于随时暂停程序运行，以便用户能够看清楚程序的演示效果；直到用户干预事件发生后，程序再继续运行下去。 那么，等待图标到底都能实现些什么样的“等待”呢？也就是说，这些等待都可以以什么方式被解除呢？我们有时在演示课件或作品时，希望程序能够在等待固定的时间后自动解除等待而继续运行下去。那么解除等待的事件就是时间；,有时在等待的这固定的时间内，想让系统能够提供给用户一个剩余时间，也就是说，系统除了能够按照约定好的时间自动解除等待外，还能显示出剩余时间，以提示用户；而有时用户对于等待的时间不好估计，与演示时现场情况密切相关，所以想通过用户干预的方式来解除等待。那么，用户就可以以单击某个按钮，或单击鼠标，或按任意键来解除等待。当然，用户亦可将固定时间与用户干预相结合，在固定时间内若有用户干预事件发生，那么就立即解除等待，但到达固定时间之前未发生任何用户干预事件，那么时间到后，等待也会自动解除。,5.2.2 等待图标的属性设置 将等待图标拖放入程序流程线上，或单击流程线上的等待图标，均可弹出等待图标的属性对话框，如图5-4所示。 等待图标的属性设置如图5-4所示。,图5-4 等待图标属性面板,事件：用来设置程序继续运行的触发事件，即等到什么事件发生才继续运行程序。选中“单击鼠标”选项即用户干预方式为鼠标单击；选中“按任意键”选项，即用户干预方式为按下键盘上的任意键，但，需要注意的是，任意键指除了ctrl、shift、alt键以外的所有键。若同时选中了这两个选项，则两个触发事件均有效。 时限：用以输入一个表示定时的常数或表达式，其值以秒为单位。一旦定时时间到，程序会自动解除等待继续向下运行。,选项：用于设置可选条件。 显示倒计时：若设定了时限，则该选项是可用的。此时，若选取了该选项，则程序暂停时会在展示窗口左下角显示一个模拟的时钟动画，表示程序等待的剩余时间。用户可直接在作品运行状态下将时钟动画移至屏幕任意位置。 显示按钮：若选取此项，则程序暂停时，将在演示窗口的左上角显示一个“继续”按钮，单击此按钮，将解除等待，程序继续运行。,当然，若不选此项，也就不会出现“继续”按钮了。那么，如何改变“继续”按钮的位置呢？能不能像移动“小时钟”那样，在运行时，当出现按钮时，用鼠标移动它。答案是不能的！因为当用鼠标按在按钮上时，就执行了单击操作。等待也就被解除。移动方法是：当程序运行到等待画面时，用组合键ctrl+p暂停程序执行，单击选中按钮，然后用鼠标拖动按钮到合适位置，再按ctrl+p恢复程序的执行。,5.3 实例制作,这个例子的名称是“我的电子相册”。我们要实现的功能是，一开始运行程序，就开始显示照片，每幅照片都会暂停，用户可通过单击鼠标或按任意键观看下幅照片。若用户没有任何干预事件，则在等待10秒钟后，会自动播放下一幅照片。当到达最后一张照片后，程序会提示用户，是结束，还是从新欣赏一遍。若用户选择结束，则退出程序；若用户选择再欣赏一遍，则再从头播放一遍。,这个实例我们主要用到了显示图标，等待与擦除图标，最后又使用了一次交互，以使用户决定是退出开学并且用到了后面将要学习的交互图标与计算图标。通过这个实例的制作可以使读者练习以下authorware功能： 巩固使用显示图标。 练习使用擦除图标。 练习使用等待图标。 了解交互图标的简单用法。,具体制作步聚如下： 1、“我的电子像册”流程图如图5-5所示。 2、在“春”“夏”“秋”“冬”四个显示图标中分别导入四张照片。 3、双击“等春”等待图标，将“单击鼠标”选中，其它均不作选择与设置，如图5-6所示。 4、双击“擦春”擦除图标，将“春”作为擦除对象，设置其擦除特效为“dmxp过渡/扩大展示圆展示”。 5、单击“夏”显示图标，设置其显示过渡效果也为“dmxp过渡/扩大展示圆展示”。 6、与以上设置类似，下面的各图标属性设置如下：,等夏：将“按任意键”选中，其它均不作选择与设置； 擦夏：其擦除过渡效果也为“dmxp过渡/向上滚动展示”。 秋：其显示过渡效果也为“dmxp过渡/向上滚动展示”。 等秋：将“显示按钮”“单击鼠标”“按任意键”选中，其它不作选择与设置； 擦秋：其擦除过渡效果也为“dmxp过渡/左右两端向中展示”。 冬：其显示过渡效果也为“dmxp过渡/左右两端向中展示”。 等冬：将“时限”设为10，选取“单击鼠标”“按任意键”“显示倒计时”。,图5-5 “我的电子相册”流程线,图5-6 “等春“等待图标属性设置,7、双击“询问用户”交互图标，打开其演示窗口，其中有两个按钮“继续”与“退出”。在其中输入文本“是再欣赏一遍，还是退出？”，调整它们的相对位置如图5-7所示。,图5-7 相对位置,8、双击打开“继续”计算图标，在其编辑窗口输入以下内容，如图5-8所示。 goto(iconid“春“) 9、双击打开“退出”计算图标，在其编辑窗口输入以下内容，如图5-9所示。 quit(0),图5-8 “继续”计算编辑窗口 图5-9 “退出”计算编辑窗口,10、重新打开“春”显示图标，在其中输入以下文本： 请单击鼠标继续 11、重新打开“夏”显示图标，在其中输入以下文本： 请按任意键继续 完毕。,本章小结 擦除图标可以擦除任何已经显示在屏幕上的图标，无论使用显示图标、交互图标、页面框架或者是数字电影图标显示的显示对象，都可以使用擦除图标把它从屏幕上抹去。但需注意的是，当用户使用擦除图标时来擦除一个设计图标时，它会将该图标中所有内容都擦除。如果想擦除同一显示图标中若干显示对象中的某一个对象，那么必须将这个对象放入另外一个不同的显示图标中。然后使用擦除图标将该分离出的对象作为擦除对象即可擦除。,暂停在交互式多媒体程序设计中有着特殊的作用。利用演示时的停顿，不仅可以画面的展示速度、聚集人的注意力，同时也提供了一种编程调试的辅助手段。等待图标用于随时暂停程序运行，以便用户能够看清楚程序的演示效果；直到用户干预事件发生后，程序才再继续运行下去，直以下一个等待的发生。 用户的干预事件，就是用户控制程序运行的方式，即进行人机交互的一种方式。authorware提供了多种用户干预方式。 用户需要能够分清在什么场合适合于用什么方式进行干预。我们有时在演示课件或作品时，希望程序能够在等待固定的时间后自动解除等待而继续运行下去。,那么解除等待的事件就是时间；有时在等待的这固定的时间内，想让系统能够提供给用户一个剩余时间，也就是说，系统除了能够按照约定好的时间自动解除等待外，还能显示出剩余时间，以提示用户；而有时用户对于等待的时间不好估计，与演示时现场情况密切相关，所以想通过用户干预的方式来解除等待。那么，用户就可以以单击某个按钮，或单击鼠标，或按任意键来解除等待。当然，用户亦可将固定时间与用户干预相结合，在固定时间内若有用户干预事件发生，那么就立即解除等待，但到达固定时间之前未发生任何用户干预事件，那么时间到后，等待也会自动解除。,习题5 一、填空题 1、擦除过渡特效对话框中的“周期”用于设置该过渡特效所持续的时间，其取值范围为必须在 秒。 2、擦除过渡特效对话框中的“平滑”用于设置该过渡特效的平滑程度，其取值范围为 。 3、“平滑”的数字越 ，其平滑程度越好；数字越 ，其过渡特效越粗糙。 4、若使authorware在完全擦除前面的内容后才显示后面的内容，应选择擦除图标属性对话框中的 命令。,5、若使擦除图标属性对话框右侧文本框中显示的就是不被擦除的图标内容，应选择擦除图标属性对话框中的 命令。 二、选择题 1、选择以下用户触发事件，演示窗口中方能显示倒计时动画的是（ ）。 a、单击鼠标 b、按任意键 c、时限 d、显示倒计时 2、对于等待图标，下列事件不能触发程序继续执行的是（ ）。 a、单击 b、双击 c、时限 d、鼠标移动,3、若要使程序在等待一段时间后自动运行后面的内容，应设置（ ）触发事件。 a、单击 b、双击 c、时限 d、按任意键 4、若要使程序在等待时由用户任意击键盘程序继续，应设置（ ）触发事件。 a、单击 b、双击 c、时限 d、按任意键 5、若要使程序在等待时由用户按屏幕中的“继续”按钮程序继续，应设置（ ）触发事件。 a、单击 b、双击 c、显示按钮 d、按任意键,三、简答题 1、擦除图标能否擦除一个显示图标中若干个显示对象中的某一个对象，为什么？ 2、某个显示图标中放了多个显示对象，或只想擦除其中的某一个对象，如何处理？ 3、各种移动图标属性对话框中的“执行方式”都有几种？ 4、简述等待图标中各用户触发事件的功能及应用场合。 5、简述擦除过渡特效中“影响”的功能与用法。,四、操作题 1、制作一个全家福的电子相册的实例。 2、制作一个你们当地旅游风景浏览的实例。 3、制作一个你们当地旅游风景介绍的实例。要求有相应的文字介绍。 4、制作一个你的个人写真的实例。 5、制作一个“我的同学们”的电子相册实例。要求要将不同时期的同学分开管理。,计算图标与群组图标,内容概述 authorware7使用了新的脚本引擎，允许在计算图标中使用authorware脚本语言或javascript进行脚本编程，还可以通过计算图标参数定制对话框建立独立的参照体系。计算图标在流程中作为代码模块来使用，用来完成某种功能，也可完成以定义变量，赋植，计算等任务。,另外，还可以将计算图标附着在其它图标上，使计算成为其它图标运行时功能的一部分。顾名思义，所谓附加计算图标，是指它不能单独存在，而是以附加在其它图标上的方式出现，它可以附加在任何图标上（除计算图标外），以实现和计算图标相同的功能。 群组图标是一种非常实用的工具，它能够将流程线上的图标变成可管理的几个模块，使得程序的流程更加清晰，这与高级程序语言中子程序或过程的作用非常相似。一方面有效地提高了编程的进程，另一方面还可以保证在一层流程线上不出现大量的图标，以至于在流程线窗口内无法显示出全部的图标。,本章主要讲述了以下几点内容： 计算图标介绍 计算图标窗口属性设置 计算图标属性设置 附加计算图标 群组图标介绍 群组图标属性设置 实例制作,教学目标 1、会使用计算图标，理解计算图标在应用程序中的代码模块作用。 2、能够调整计算图标编辑窗口中的代码显示形式，如字体、大小等。 3、理解附加计算图标的作用，掌握附加许图标的用法与应用场合。 4、理解群组图标的作用，掌握群组图标的用法与应用场合。 5、能够使用计算图标和群组图标与现有的authorware知识制作出自己理想的作品。,计算图标是使用函数和变量的基础，在前面的学习中，我们也多次介绍和使用过许图标。但是，我们并没有系统地学习过计算机图标的使用和设置方法。这一章，我们要系统学习计算图标，为后面要学习的变量和函数打下坚实的基础。 6.1 初识计算图标 6.1.1计算图标介绍,authorware7.0使用了新的脚本引擎,允许在计算图标中使用authorware脚本语言或javascript进行脚本编程，还可以通过计算图标参数定制对话框建立独立的参照体系。计算图标在流程中作为代码模块来使用，用来完成某种功能，也可完成以定义变量，赋植，计算等任务。 将计算图标拖放到程序流程线上，双击打开它，即可以看到计算图标的代码编辑区，如图6-1所示。 在计算图标代码编辑窗口的代码编辑区，右击鼠标，会打开快捷菜单。其中的命令均为菜单栏中各设置对话框中的相关命令。,图6-1 计算图标代码编辑区,以下是对菜单栏中各按钮功能的简单介绍： 选择编写脚本的语言种类。 取消上一步的操作。 还原取消的上一步的操作。 剪切选中的代码，在选中代码后才可用. 复制选中的代码，在选中后才可用。 粘贴复制或剪切的代码。,删除选中的代码。 打印代码。 查找并替换写错的代码。 使本行成为注释行。 取消注释行。 使本行代码向右缩进4个空格。 取消本行缩进。 找到与右括号对应的左边括号，选中右括号时才可以使用。 找到与右括号对应的左边括号，选中右括号时才可以使用。 打开计算图标的属性对话框，设置字体、颜色等。,插入常用的提示信息。 插入authroware的语句。 插入特殊字符。 6.1.2计算图标窗口属性设置,我们在使用计算图标时，经常会遇到这样一个问题：计算图标中显示的字体不满意，并且字号太小，看不清。或，当代码太多时，想使编辑区能显示行号。或，想使关键字能够突出显示。或，想使编辑内容能够自动缩进，以增加程序的可读性。或想使窗口中显示/隐藏工具栏，或想显示/隐藏状态栏。那么这些功能都能否实现，能够在哪实现？下面就再详细介绍一下最常用的“参数选择”按钮 。单击“参数选择”按钮，弹出其对话框，如图6-2所示。,在“常规”选项卡（如图6-2所示）的“编辑器”复选组合框中，选择或取消选择其中某复选框，就会实现相应的功能。如，可显示/隐藏工具栏，可显示/隐藏状态栏，可显示/隐藏行号，可突出显示/正常显示关键字等。在“空格”下拉框中可设置“悬挂缩进”与“块缩进”的具体空格数。等等。,图6-2 参数选择对话框,图6-3 authorware选项卡,在authorware选项卡（如图6-3所示）的“字体”下拉框（最下面左侧下拉框）中可设置编辑区显示代码的字体，“字号”下拉框（最下面右侧下拉框）中可设置编辑区显示代码的字号。,当然，如果在代码编辑区中编辑的代码不是authorware代码，而是javascript代码，那么若要是修改代码的显示字体与字号，就应在javascript选项卡中修改。 6.2 计算图标属性设置 将计算图标拖入程序流程线，或单击计算图标，会弹出计算图标属性窗口，如图6-4所示。,图6-4 计算图标的属性窗口,打开：单击该按钮，将打开该计算图标的代码编辑窗口。 名称文本框：显示该计算图标的名称。若在此修改名称，则计算图标名称亦发生改变。 函数：列出了该计算图标中所有用到的函数名称。 变量：列出了该计算图标中所有用到的变量名称。 当前值：在“变量”中选择某变量，则在此会显示该变量当前的值。即它可实现对变量值的跟踪。 包含编写的函数：选择该复选框，则在“函数”中将会连同用户自定义函数一并显示。,6.3 附加计算图标 计算图标具有定义用户使用的变量、调用系统函数、计算函数或表达式的值、给程序附加注释等功能。另外，还可以将计算图标附着在其它图标上，使计算成为其它图标运行时功能的一部分。 顾名思义，所谓附加计算图标，是指它不能单独存在，而是以附加在其它图标上的方式出现，它可以附加在任何图标上（除计算图标外），以实现和计算图标相同的功能。 为图标附着计算图标的方法和使用它们的方法如下：,（1）在程序流程线上选择某欲附加计算功能的图标，以显示图标为例； （2）单击菜单栏命令“修改/图标/计算”，或使用快捷键ctrl+=，这样就使该显示图标附着上了计算图标，如图6-5（b）所示； （3）双击该显示图标，仍与原显示图标相同，没有发生变化。但单击该显示图标左上角的“=”号，则会打开所附加的计算图标。该计算图标与显示图标同名。,图6-5 未附加与已附加计算图标的显示图标对比,由于某种原因，不再需要所附加的计算图标了，那么如何删除它呢？为了删除附加计算图标，可在打开计算图标编辑窗口后，删除其中的所有内容，包括不可见的空格、回车符等，经过关闭与保存操作之后，所选的附加图标就消失了。这就是说，在创建附加计算图标时，如果在编辑窗口内未输入任何内容，那么本次创建就是失败的。 将计算图标放置在某图标的前面，与使用附加计算图标的效果通常是没有区别的。值得注意的是，如果把一个计算图标附加到交互图标或决策图标上，并且将结果图标的返回路径设置为try again时，authorware就会反复地执行计算图标中的内容。如果将计算图标放置在交互图标或决策图标的前面，结果图标采用相同的设置，那么仅仅执行一次计算图标的内容。,将计算图标添加到群组图标上是没有任何意义的，将计算图标放置在群组图标二级流程图窗口的最前端，则是经常采用的一种形式。一旦将计算图标附加到群组图标之后，使用菜单命令“修改/取消群组”就可以解除该群组图标，将把附加的计算图标移动到群组图标二级流程图窗口的最前端。 不过，需要注意的是，无论是单独出现的计算图标，还是附加计算图标，在执行计算窗口的程序语句时，将不再接受鼠标和键盘的响应，也无法处理其它事件。,6.4 群组图标,6.4.1群组图标介绍 群组图标是一种非常实用的工具，它能够将流程线上的图标变成可管理的几个模块，使得程序的流程更加清晰，这与高级程序语言中子程序或过程的作用非常相似。一方面有效地提高了编程的进程，另一方面还可以保证在一层流程线上不出现大量的图标，以至于在流程线窗口内无法显示出全部的图标。 在具体的使用过程中，通常将逻辑关联的一组图标放在一个群组图标内，这样可以使设计者更加容易了解作品中的所有图标是如何相互影响相互作用的。同时，也有利于发现作品设计中存在的问题，查找问题的根源。,群组图标与作品流程窗口是逐一对应的，只要双击群组图标都可以打开流程窗口，并且在窗口的右上角显示出当前群组图标所在的层数。群组图标允许相互嵌套，这样就便于创建多级的流程结构。群组图标可以添加在流程线上的任何位置，也可以附着在交互图标、决策图标或框架图标上。在实现交互操作时，群组图标大量地出现在