好文档就是一把金锄头!
欢迎来到金锄头文库![会员中心]
电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

authorware基本应用.ppt

175页
  • 卖家[上传人]:公****
  • 文档编号:578794519
  • 上传时间:2024-08-25
  • 文档格式:PPT
  • 文档大小:1.17MB
  • / 175 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 显示图标 •内容概述内容概述• 显示图标是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 版面布局选项卡 屏幕的坐标是以像素为单位的,对于一个800×600的屏幕,其左上角坐标为(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群组图标介绍• 群组图标是一种非常实用的工具,它能够将流程线上的图标变成可管理的几个模块,使得程序的流程更加清晰,这与高级程序语言中子程序或过程的作用非常相似一方面有效地提高了编程的进程,另一方面还可以保证在一层流程线上不出现大量的图标,以至于在流程线窗口内无法显示出全部的图标 • 在具体的使用过程中,通常将逻辑关联的一组图标放在一个群组图标内,这样可以使设计者更加容易了解作品中的所有图标是如何相互影响相互作用的同时,也有利于发现作品设计中存在的问题,查找问题的根源 • 群组图标与作品流程窗口是逐一对应的,只要双击群组图标都可以打开流程窗口,并且在窗口的右上角显示出当前群组图标所在的层数群组图标允许相互嵌套,这样就便于创建多级的流程结构群组图标可以添加在流程线上的任何位置,也可以附着在交互图标、决策图标或框架图标上在实现交互操作时,群组图标大量地出现在交互图标的右侧分支中。

      • 为了动态地调整群组图标中所包含的图标,Authorware提供了“群组”和“取消群组”菜单命令前者用于将多个图标组合到群组图标内,后者用于拆分群组图标,使其中的图标独立地显示在流程线上 • 例如,在“我的电子相册”作品(如图6-6所示)中,该流程线内容从逻辑上明显分为两部分,一个是照片部分,一个是询问用户部分所以,我们完全可以将这些图标合为两个群组图标同时选中从显示图标“春”到等待图标“等冬”的所有图标,用户按组合键Ctrl+G,将它们组合到了一个群组图标中,并重新命名为“照片”再选中交互图标“访问用户”及其两个分支图标,再按组合键Ctrl+G,将它们组合到了另一个群组图标中,默认名称与交互图标名称相同,均为“访问用户”分组后的流程线如图6-7所示 • 在默认的情况下,生成的群组图标使用“未命名”命名,对群组图标进行重命名之后,它的名称将出现在群组图标流程图的标题栏内需要解除群组图标时,可执行菜单命令“修改/取消群组”,或使用Ctrl+Shift+G组合键Authorware只允许将连续排列的图标生成群组图标,如果需要将不连续的图标放置到一个群组图标中,可以通过鼠标的拖动,或者使用复制、剪切与粘贴命令,改变图标在流程线上的排列位置使它们成为连续排列。

      图6-6 “我的电子相册”流程图 图6-7 分组后的流程图 •6.4.2群组图标属性设置• 将群组图标拖入程序流程线,或单击计算图标,或使用Ctrl+G将某些图标组合过后,会弹出群组图标属性窗口,如图6-8所示图6-8 群组图标属性对话框 •打开:单击该按钮,将打开该群组图标的流程窗口•名称文本框:显示该群组图标的名称若在此修改名称,则群组图标名称亦发生改变•层 标题:显示当前群组图标所在的位置,即路径例如,本例中所示情况为:本群组图标名称为“照片”,它是第三层,但现在第二层,其上一层为“片头”,为第一层,整个文件名称为“我的电子相册.a7p” 6.5 实例制作• 这个例子的名称是“哭笑小孩”我们要实现的功能是,一开始运行,小孩的脸就会从哭变为笑,再哭,再笑,相互交替• 这个实例我们用到了显示图标,等待图标与计算图标通过这个实例的制作可以使读者练习以下Authorware功能:•巩固绘图工具箱的使用方法•进一步认识图层的概念•练习使用计算图标,及变量•了解Authorware中连续动画的帧变化 •具体制作步聚如下:•1、“哭笑小孩”的程序设计主流线如图6-9所示; 图6-9 “哭笑小孩”流程图2、分别打开“哭”“中间”“笑”显示图标,在其中分别绘制相应的小孩表情,如图6-10所示。

      图6-10 三种表情 注意,在绘制时要求三个表情的大小与位置要完全相同提示:在一个中只要绘制好了,只要复制,然后粘贴到其它显示图标中就可保证大小与位置完全相同另外,注意学会使用白色边线与白色填充的矩形,即从视觉上看,并不存在的矩形它可覆盖一些不想要显示的内容 •3、单击“哭”显示图标,打开属性对话框,设置其“层”为变量ku,如图6-11所示然后再单击“中间”显示图标时,会弹出“新变量”对话框,设置新变量ku的初值为3,如图6-12所示图6-11 “哭”属性对话框 图6-12 新建变量对话框 图6-13 等待图标属性对话框4、同理,设置“中间”“笑”的“层”为zhong与xiao,并赋初值为2与15、单击等待图标,只将“时限”设置为2,其它均不作选择如图6-13所示6、双击打开“交换”计算图标,在其中输入如图6-14所示的代码,用于交换这三个变量 图6-14 “交换”计算图标中的代码完毕 本章小结•计算图标的最大功能就是能够调用函数、变量和添加程序注释,使用 If…then…else… end if 等之类的程序语句构造复杂的课件流程除了独立地显示计算图标之外,还可以将它附加在其它图标上,以实现和计算图标同样的功能。

      •将计算图标放置在某图标的前面,与使用附加计算图标的效果通常是没有区别的值得注意的是,如果把一个计算图标附加到交互图标或决策图标上,并且将结果图标的返回路径设置为Try Again时,Authorware 6.0就会反复地执行计算图标中的内容 • 如果将计算图标放置在交互图标或决策图标的前面,结果图标采用相同的设置,那么Authorware 6.0仅仅执行一次计算图标的内容• 在具体的使用过程中,通常将逻辑关联的一组图标放在一个群组图标内,这样可以使设计者更加容易了解作品中的所有图标是如何相互影响相互作用的同时,也有利于发现作品设计中存在的问题,查找问题的根源• 群组图标与作品流程窗口是逐一对应的,只要双击群组图标都可以打开流程窗口,并且在窗口的右上角显示出当前群组图标所在的层数群组图标允许相互嵌套,这样就便于创建多级的流程结构群组图标可以添加在流程线上的任何位置,也可以附着在交互图标、决策图标或框架图标上在实现交互操作时,群组图标大量地出现在交互图标的右侧分支中 • 为了动态地调整群组图标中所包含的图标,Authorware提供了“群组”和“取消群组”菜单命令。

      前者用于将多个图标组合到群组图标内,后者用于拆分群组图标,使其中的图标独立地显示在流程线上 移动图标 •内容概述内容概述• 多媒体作品很大的一个特点就是在程序设计中加入了动画效果在Authorware中使用移动图标可以创建动画效果移动图标能够驱动其他设计图标中的显示对象,但移动图标本身并不会动,也不含有要移动的对象移动图标只能对一个显示图标或交互图标中的的所有显示对象同时进行驱动 • Authorware为用户提供了多种移动的类型移动类型决定了所指定运动对象以何种方式运动及最终停留在何处在实际应用中,不同的移动类型会有不同的应用场合与实际特点例如,指向固定点的移动类型,适用于制作定点直线运动;指向固定直线上的某点的移动类型,适宜制作不确定终点的直线运动;指向固定区域内的某点的移动类型,这类运动的特点是被指定的图文从初始位置匀速移动到指定区域内的某点,从运动的效果看与前面二种运动类型相似,均为直线运动;等等 •本章主要讲述了以下几点内容:•移动图标的属性设置•点到点移动移动方式•点到线移动移动方式•点到面移动移动方式•沿自定义路径到终点移动移动方式•沿自定义路径到路径任意点移动方式•实例制作 •教学目标教学目标• 1、学会设置移动图标的属性。

      • 2、掌握点到点移动移动方式• 3、掌握显示图标的过渡特效设置• 4、掌握点到面移动移动方式• 5、掌握沿自定义路径到终点移动移动方式• 6、掌握沿自定义路径到路径任意点移动方式• 7、能够使用移动图标与现有的Authorware知识制作出自己理想的作品 • 多媒体作品很大的一个特点就是在程序设计中加入了动画效果在Authorware中使用移动图标可以创建动画效果移动图标能够驱动其他设计图标中的显示对象,但移动图标本身并不会动,也不含有要移动的对象移动图标只能对一个显示图标或交互图标中的的所有显示对象同时进行驱动•3.1 移动图标的属性设置3.1.1移动图标介绍 •移动图标的作用是将显示对象从一个位置移动到另一个位置,这里的显示对象可以来自于显示图标、交互图标一旦对某对象设置了移动方式,则该移动方式将应用于此对象所在的显示图标中的所有对象如果需要移动单个对象,必须保证此对象所在的图标中没有其他对象移动对象之间是独立的:移动可以发生在不同时刻,并且移动的类型也能够不相同Authorware提供了五种类型的移动方式:•点到点移动•点到线移动•点到面移动•沿自定义路径到终点移动 •1、二维空间的平面移动• 在AuthorWare中运用移动图标可以在二维空间中实现对象的移动,使被指定的对象在平面内产生移动,包括沿直线移动和沿曲线移动等。

      正因为如此,称此图标为“移动图标”要比“运动图标”更适合一些若想使用其它三维的动画效果,可通过插入数字电影、GIF动画或Flash动画等来完成 •2、不改变移动对象的自身形状•使用移动图标产生的另一个特点是无论对象如何运动,都不改变这一对象的形状和显示角度如果在课件中一定要模拟物体变粗变细等现象,可通过一些其他的思路如,可以在两个显示图标中分别放置一个细长的图形,并在演示窗口让两对象并排显示,然后让一对象固定不动,另一对象移向前一个对象至重叠,达到由粗变细的目的 •3、匀速运动•在移动图标的属性中,可以设置移动的固定速率或固定时间因此,物体的运动虽然可以是直线运动,也可以是曲线运动,但这种运动都是匀速运动所以,在制作过程中应尽量减少模拟“物体自由落体运动”等具有加速度的运动现象,以免产生科学性错误•3.1.1 移动图标属性设置•拖一个移动图标到流程线上,默认情况下将打开其属性面板如图3-1所示 图3-1 移动图标的属性面板下面介绍一下移动图标属性面板一些选项的含义1、移动对象标识预览框:预览移动对象的内容若没有确定移动对象,则预览框中显示的是移动方式的示意图 2、“层”选项:移动显示层次与显示图标层次基本一致:层次越高,其越显示在上;若此项为空,层次设为默认值0;显示相同层次时,先出现的显示在下面。

      若显示图标设置为“直接写屏”,则其产生的移动会显示在所有显示对象的上面移动图标中的层次只在移动显示过程中有效,移动结束,则该显示对象的层次重新变为它所在显示图标的层次 •3、定时下拉列表框:该框中包含“时间”和“速率”两个选项若选中“时间”选项,则在下方的文本框中输入的数值、变量或表达式表示完成整个移动过程所需要的时间,单位为秒;若选中“速率”选项,则其下方的文本框中的数值、变量或表达式表示移动对象的移动速度,单位为秒/英寸 •4、执行方式下拉列表框:该框中包含“等待直到完成”和“同时”两个选项若选中“等待直到完成”选项,则程序等待本移动图标的移动过程完成后,才继续流程线上下一个图标的执行若选中“同时”选项,则程序将本移动图标的移动过程与下一个图标的运行同时进行•5、类型下拉列表框:该框中包含“指向固定点”“指向固定直线上的某点”“指向固定区域内的某点”“指向固定路径上的终点”和“指向固定路径上的任意点”5种移动类型如图3-2所示•(1)指向固定点:若选中该类型,将使移动对象从演示窗口中的当前位置直接移到用户的设定位置 •(2)指向固定直线上的某点:若选中该类型,将使移动对象从当前位置移动到一条直线上的某一个位置,对象的最终位置由数值、变量或表达式的值确定。

      •(3)指向固定区域内的某点:若选中该类型,将使移动对象在一个坐标平面内移动其起点坐标和终点坐标由数值、变量或表达式的值确定图3-2移动图标的5种移动类型 •(4)指向固定路径上的终点:若选中该类型,将使移动对象沿设计的路径从该路径的起点移动到该路径的终点其路径可以是直线,也可以是曲线•(5)指向固定路径上的任意点:若选中该类型,将使移动对象沿设计好的路径移动,但最后可以停留在该路径的任意位置其停留位置由数值、变量或表达式的值确定•在Authorware移动图标属性面板中选择不同的移动类型,将出现不同的选项•6、基点文本框:用于设置移动对象在演示窗口的起点坐标 •7、目标文本框:用于设置移动对象目标位置坐标•8、终点文本框:用于设置移动对象的终点坐标3.2 移动方式 移动的类型决定了所指定运动的对象以何种方式运动及最终停留在何处在实际应用中,不同的移动类型会有不同的应用场合与实际特点例如,指向固定点的移动类型,适用于制作定点直线运动;指向固定直线上的某点的移动类型,适宜制作不确定终点的直线运动;指向固定区域内的某点的移动类型,这类运动的特点是被指定的图文从初始位置匀速移动到指定区域内的某点,从运动的效果看与前面二种运动类型相似,均为直线运动;等等。

      •3.2.1 点到点移动•这种移动方式主要使用的是“指向固定点”的移动类型其具体使用过程与方法,通过以下实例予以说明•这个实例的名称是“太阳升起”,我们要实现的功能是,当一开始运行程序,就会有一轮红日从地平线上冉冉升起,使艾弗尔铁塔与红日交相辉应具体制作步骤如下:•1、太阳升起的制作主流程如图3-3所示; 图3-3 “太阳升起”流程图 图3-4 相对位置调整2、双击“铁塔”显示图标,在其中导入一张艾弗尔铁塔的图片;3、双击“太阳”显示图标,在其中制作一个红太阳; •4、按住Shift键,同时打开“铁塔”“太阳”这两个显示图标,调整它们的相对位置如图3-4所示;•5、双击“升起”移动图标,打开属性对话框;•6、在类型中选择“指向固定点”;•7、拖动演示窗口中的红太阳到合适位置;或者在属性对话框中“目标”的X与Y中分别输入目标点的坐标,以确定目标点;•8、在计时中选择时间(秒),并在下面文本框中输入5,使动画移动5秒;属性设置如图3-5所示 图3-5 移动属性对话框设置9、单击预览按钮,可预览移动效果3.3.2 点到线移动 这种移动方式主要使用的是“指向固定直线上的某点”的移动类型。

      其具体使用过程与方法,通过以下实例予以说明 •这个实例的名称是“足球练习”,我们要实现的功能是,演示窗口上方有一个足球,而足球前方有六个目标,那么足球能被踢到哪个目标中呢?每一次运行,足球所被踢进的目标是不相同的,是随机的具体制作步骤如下:•1、“足球练习”主流程如图3-6所示 图3-6 “足球练习”流程图 图3-7 相对位置2、制作足球(1)双击“足球”显示图标,打开演示窗口,在其中画入一个圆;(2)选中圆,将足球的填充颜色设为黑色,并设置其填充模式为“足球格” •3、制作六目标•(1)双击“目标”显示图标,打开演示窗口;•(2)制作一个正方形,并用红色填充; •(3)复制刚作的正方形,并单击五次“粘贴”按钮,演示窗口中共出现六个红色正方形;•(4)将它们水平放好,全选后使用“修改\排列”命令中的水平对齐,使之放在一条水平线上;再使用水平等间距,使它们的水平间距相等;•(5)用“修改\群组”命令使六个正方形成为一体,以保证它们的相对位置保持不变;•(6)将其属性对话框中的层改为2 •6、移动设置•(1)按住Shift键,同时打开两个显示图标;•(2)双击移动图标,打开移动图标属性对话框;•(3)将“类型”设置为“指向固定直线上的某点”;•(4)设置层为1,时间为5秒;•(5)单击“出发点”选项,然后将足球拖放到最左端正方形中,用以确定直线的起点;•(6)单击“结束点”选项,然后将小球拖放到最右端正方形中,用以确定直线的终点;•(7)单击“目的地”选项,将输入框内容改为Position;属性设置如图3-8所示。

      图3-8 移动属性对话框设置7、单击预览按钮,可预览移动效果3.3.3 点到面移动 这种移动方式主要使用的是“指向固定区域内的某点”的移动类型其具体使用过程与方法,通过以下实例予以说明 • 这个实例的名称是“足球练习2”,是在“足球练习”的基础上进行修改的我们要实现的功能是,演示窗口上方有一个足球,而足球前方有两排共12个目标,每排6个,那么足球能被踢到哪个目标中呢?每一次运行,足球所被踢进的目标是不相同的,是随机的具体制作步骤如下:•1、制作两行目标•(1)打开“足球练习.a7p”文件,在其基础上修改;•(2)选中这六个正方形,单击工具栏的“复制”按钮,再单击工具栏的“粘贴”按钮,则又出现六个正方形;•(3)将12个正方形排为两行,并选中它们; •(4)单击“修改\排列”,弹出对齐方式对话框,单击左对齐;•(5)用“修改\群组”命令使两行正方形成为一体,以保证它们的相对位置保持不变;•2、设置随机数•(1)双击“随机数”计算图标,弹出计算图标编辑窗口;•(2)将原内容修为•XPosition:=Random(0,100,20)•YPosition:=Random(0,100,100) •因移动目标已为区域,区域中的每个点都有X和Y两个坐标(X,Y)。

      X可取六个值:0,20,40,60,80,100;Y可取两个值:0,100故Y的步长设为100•12个黑盒的坐标为:•(100,0) (100,20) (100,40) (100,60) (100,80) (100,100)•(0,0) (0,20) (0,40) (0,60) (0,80) (0,100)•(3)关闭编辑对话框,弹出确认对话框•(4)单击“是”按钮,弹出“新变量”对话框,初始值一栏输入0;•(5)单击确定,又弹出一“新变量”对话框,初始值一栏再输入0; •3、修改“移动”图标•(1)按住Shift键,同时打开两个显示图标;•(2)双击“移动”图标,打开属性对话框,将“类型”设为“指向固定区域内的某点”;•(3)单击出发点选项,拖动小球到左下角黑盒;•(4)单击结束点选项,拖动小球到右上角黑盒;•(5)单击目的地选项:X中输入XPosition;Y中输入Yposition;其属性对话框设置如图3-9所示 图3-9 移动属性对话框设置4、单击预览按钮,可预览移动效果3.3.4 沿自定义路径到终点移动这种移动方式主要使用的是“指向固定路径上的终点”的移动类型。

      其具体使用过程与方法,通过以下实例予以说明 •这个实例的名称是“日出日落图”,我们要实现的功能是,一旦运行,马上就会在演示窗口中出现一轮红日,并沿着山坡缓慢上爬,钻入云霄最后再缓慢下山,渐渐落下,进入山脚具体制作步骤如下:•1、“日出日落图”的主流程如图3-10所示 图3-10 “日出日落图”流程图 •2、制作青山翠谷• (1)双击“群山”图标,打开演示窗口;•(2)单击绘图工具箱的多边形工具,在演示窗口下半部绘出群山轮廓在确定多边形最后一点时,将鼠标移到多边形起点,双击鼠标,形成闭合图形将颜色设为翠绿色;•(3)调整群山到适当位置,关闭演示窗口;• (4)打开显示图标属性对话框,将层设为2•3、制作白云•(1)双击打开“白云”显示图标,用与“群山”类似的方法制作两朵白云,颜色高为灰色;•(2)将白云放在群山的正上方; •(3)打开显示图标属性对话框,将层设为2•4、制作太阳•(1)双击打开“太阳”显示图标,在其中绘制一轮红日;•(2)将太阳移到演示窗口左下角适当位置•5、设置动画•(1)按住Shift键,同时打开三个显示图标;•(2)双击“日出日落”移动图标,打开属性对话框;•(3)将“类型”设置为“指向固定路径的终点”;•(4)在演示窗口中单击太阳,将其指定为移动对象。

      拖动太阳,形成移动路径如图3-11所示 •(5)将层设置为1,将时间设置为5;其中属性设置如图3-12所示;3-11 移动路径设置 图3-12 移动属性对话框设置移动过程中,在转折点有几种不同的标志方式,其含义如下:△:该结点两侧是用直线连接的○:该结点两侧是用弧线连接的▲:该结点两侧是用直线连接的但该结点是当前结点●:该结点两侧是用弧线连接的,但该结点是当前结点 •另外,还有两个命令按钮,它们的作用是:•撤消:撤消上一次关于结点的修改•删除:删除当前结点•4、单击预览按钮,可预览移动效果 •3.3.5 沿自定义路径到路径任意点移动• 这种移动方式主要使用的是“指向固定路径上的任意点”的移动类型其具体使用过程与方法,通过以下实例予以说明 •这个实例的名称是“日出日落图2”,是在“日出日落图”的基础上修改的我们要实现的功能是,一旦运行,马上就会在演示窗口中出现一轮红日,并沿着山坡缓慢上爬与“日出日落图”不同的是,红日会停在原设路线的任何地方即,会在上山坡时停止;会钻入云霄后停止;会在下坡时停止;会缓慢下山,渐渐落下,进入山脚;亦会红日根本就不动;等等具体制作步骤如下:•1、日出日落图2的主流程如图3-13所示。

      •2、打开“日出日落图.a7p”,在其基础上修改; 图3-13 “日出日落图2”流程图3、双击“时间”计算图标,打开计算编辑窗口;4、在其中输入Positiontime:=Random(0,12,1)路径全程为为12段(太阳从升到落的12小时),由随机函数决定将12段中的某个值赋给Positiontime •5、将计算编辑窗口关闭,弹出“新变量”对话框,将其初始化为0,确定;•6、双击移动图标,打开属性对话框,属性设置如图3-14所示 图3-13 移动属性对话框设置(1)将“类型”设为“指向固定路径上的任意点”;(2)将“基点”设为0; •(3)将“目标”设为Positiontime;•(4)将“终点”设为12•7、单击预览按钮,可预览移动效果 3.4 实例制作•这个例子的名称是“升旗日出”我们要实现的功能是,在一座漂亮的山村小学,清晨正在举行升旗仪式:在太阳缓缓升起的同时,队旗也在冉冉升起•这个实例只用到了显示图标,与移动图标通过这个实例的制作可以使读者练习以下Authorware功能:•练习使用绘图工具箱中的透明模式•练习使用群组命令Ctrl+G •练习使用不同的移动类型•练习使用不同对象的同时运行。

      •具体制作步聚如下:•1、“升旗日出”其主流程如图3-13所示图3-13 “升旗日出”流程图 图3-14 相对位置2、制作“教室” •(1)寻找一幅小房子图片,用Photoshop从图中将小房子选取出,复制;•(2)打开主流程的“教室”显示图标,单击“粘贴”按钮,将在演示窗口中出现一个小房子但该小房子的四周有白边;•(3)单击绘图工具箱的模式按钮,弹出模式窗口,选择“透明”;•(4)复制该小房子,按四次“粘贴”按钮,将会出现五个小房子,排列它们;•(5)为使前面的小房子能够遮盖住后面的,使用“修改/置于上层”或“修改/置于下层”命令,亦可使用组合键Ctrl+Shift+UpArrow或Ctrl+Shift+DnArrow,调整它们的上下关系; •(6)调整好后,全部选定这些小房子,按Ctrl+G将它们组合•3、制作“行队礼”• 寻找一幅有少先队员行队礼的图片,按照上面的方法将制作出行队礼的队列•4、制作“太阳”•双击“红日”显示图标,打开其演示窗口,在其中画一圆,并填充入红色•5、制作“队旗”•双击“队旗”显示图标,打开其演示窗口,在其中画一矩形,并填充入红色 •6、制作“旗杆”•双击“旗杆”显示图标,打开其演示窗口,在其中画一细长矩形,并填充入灰色。

      再画一小圆,也填充入灰色,放于细长矩形的顶部•7、按住Shift键,同时打开四个显示图标,调整各图片的相对位置如图3-14所示•8、日出移动设置•(1)按住Shift键,同时打开四个显示图标;•(2)双击“日出”移动图标,打开其属性对话框;•(3)将“类型”设为“指向固定路径的终点”; •(4)单击太阳,将其设为移动对象,并拖动太阳,形成其移动路径;•(5)设置层为1,计时为5;执行方式为“同时”属性设置如图3-15所示 图3-15 移动属性对话框设置8、单击预览按钮,可预览移动效果9、升旗移动设置 •(1)双击“升旗”移动图标,打开其属性对话框;•(2)将“类型”设置为“指向固定点”;•(3)单击队旗使其成为移动对象,并拖动队旗沿旗杆移动到杆顶,形成队旗的移动路径;•(4)设置层为3,计时为5属性设置如图3-16所示 图3-16 移动属性对话框设置10、单击预览按钮,可预览移动效果 本章小结•在多媒体作品中,对象的运动是其它媒体方式所不能替代的利用Authorware本身提供的移动图标就可以让课件动起来,而且利用Authorware提供的五种运动类型可以满足大多数用户对多媒体作品的运动要求。

      •(1)指向固定点:若选中该类型,将使移动对象从演示窗口中的当前位置直接移到用户的设定位置•(2)指向固定直线上的某点:若选中该类型,将使移动对象从当前位置移动到一条直线上的某一个位置,对象的最终位置由数值、变量或表达式的值确定 •(3)指向固定区域内的某点:若选中该类型,将使移动对象在一个坐标平面内移动其起点坐标和终点坐标由数值、变量或表达式的值确定•(4)指向固定路径上的终点:若选中该类型,将使移动对象沿设计的路径从该路径的起点移动到该路径的终点其路径可以是直线,也可以是曲线•(5)指向固定路径上的任意点:若选中该类型,将使移动对象沿设计好的路径移动,但最后可以停留在该路径的任意位置其停留位置由数值、变量或表达式的值确定•Authorware中的移动图标让对象产生的运动具有以下特点: 。

      点击阅读更多内容
      关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
      手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
      ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.