一、 Authorware7 的功能图标简介 Authorware7 制作多媒体作品最基本的应用 全部集中在 图标选择板上,是 Authorware7 最特殊也是最为核心的部分,如图 11 - 3 所示。图标选择板通常在 Authorware7 的窗口左侧,包括 14 个设计图标、开始标志、结束标志和图标颜色板。 下面对 Authorware7 所提供的 14 种设计图标对应的功能简单介绍如下 : 显示图标:用于显示文本、图形和外部图片等内容。 移动图标:用于使显示对象产生路径动画效果,共提供了 5 种动画制作方式。 擦除图标:用于在程序执行时,擦除选定的显示内容,并可指定各种擦除效果。 等待图标:用于完成在程序中的等待功能,可使程序暂停。 图 11-3 图标选择板 导航图标:用于设计与框架图标的任何一个附属图标的定向链接,建立跳转到某一指定页的超级链接,实现超媒体导航。 框架图标:用于建立和管理超文本、超媒体程序内的页。 判断图标:用于完成自动判断分支路径的执行次序以及分支路径被执行的次数。 交互图标:用于设计交互作用的分支结构,提供用户响应,实现程序的人机交互方式。 计算图标:用于存放程序的地方,在程序中执行编写的程序代码、辅助程序的运行。 群组图标:用于包装一组图标,用于程序的结构化设计。 数字电影图标:用于装载和播放由其他软件制作的数字视频或动画文件。 声音图标:用于载入和播放声音文件。 DVD 图标:用于在作品中引入并播放 DVD 影片。 知识对象:用于在程序中插入已经设计好的知识对象。 开始标志:调试程序时,设置运行程序的起点。 结束标志:调试程序时,设置运行程序的终点。 图标颜色板:用于为流程线上的图标赋予不同的颜色,以利于图标的识别。 二、用 Authorware7 制作课件及使用技巧 (一)多媒体元素类图标 这一类图标是最基本的多媒体元素图标,用于显示文本、图片或播放动画、声音,这类图标主要有:显示图标、声音图标、 DVD 图标和数字电影图标等。 1. 显示图标 显示图标是 14 种设计图标中最基本的图标,它提供对文本、图形、图像、系统表达式等多种静态媒体信息显示功能。 在 Authorware7 中添加显示图标的方法就是直接从图标选择板上将图标拖动到设计窗口中的主流程线上即可。在编辑一个显示图标之前,必须先将它打开,显示其中的内容。 打开一个显示图标有三种方式:①用鼠标双击流程线上的显示图标;②运行文件时,遇到空的显示图标时,文件暂停运行,同时打开绘图工具箱;③当运行文件时,用鼠标双击显示图标在展示窗口中的内容。 打开演示窗口时,同时打开绘图工具箱,绘图工具箱如图 11 - 4 所示。通过绘图工具箱,可以在演示窗口中进行文本的输入、各种图形的绘制。 图 11-4 绘图工具箱 在显示图标中添加文字,主要有以下几种方法: ① 使用文本工具直接输入文字;②导入外部文本文件;③粘贴文本; ④ 直接把文本文件拖到流程线上。 在 Authorware7 文本属性中,提供了对文本和段落编排的多种设定功能,主要包括文本的字体、字号、颜色、文字风格、对齐方式和风格等。利用绘图工具箱可以对演示窗口中的显示对象的线形、遮盖模式、填充图案、显示颜色、对象位置和层次排列等进行设置。如图 11 - 5 所示。
![]() ![]() (a) 线形 (b) 遮盖模式 (c) 填充图案 (d) 调色板 (e) 排列 图 11-5 显示对象模式设置 设置显示图标的属性:单击流程线上选定显示图标,再单击菜单“修改” -> “图标” -> “属性”,也可用鼠标右击该图标选“属性”选项或按下 Ctrl 键的同时双击该图标,在窗口的下面会弹出显示图标属性设置面板,如图 11 - 6 所示。 ![]() 图 11-6 显示图标属性 显示图标中有多个显示对象时,可以根据层次来设置显示它们的层叠次序。越往底层层的值越小,最底层为 0 ,默认为空,即图标处于 0 层。 为了给显示图标中的对象设置更强的视觉效果, Authorware 7 中提供了 16 种过渡特效。要应用这些特效,单击“特效”话框后面的按钮,在弹出的对话框中选择所要设置的特效,并根据需要设置特效的过渡周期和平滑值及影响范围,就可实现显示的过渡特效。 使用技巧 若要不打开显示图标( 也可以是交互、声音或数字电影图标 )而从设计窗口中浏览一个显示图标的内容,只要用鼠标右击该图标选“预览”选项或按下 Ctrl 键的同时右击该图标,图标中的内容就显示在屏幕上,如果是按比例缩小显示,缩小百分比显示在预览窗口的左上角。完成后,可单击窗口的其它地方取消预览或用鼠标右击其他的图标预览其内容。 实例 11 - 1 :制作阴影字、空心字 (1)设计思路 把两个完全相同的文字对象重叠,若把二者的显示模式都设置成透明模式,并设置不同的颜色即可形成阴影效果。若把二者的显示模式都设置成反转模式,即可形成空心透明的效果。 (2)具体制作步骤 1) 新建一个文件并命名为“阴影字和空心字 . a7p ”,向设计窗口中的流程线上拖放一个显示图标,命名为阴影字和空心字。如图 11 - 7 所示。 2) 双击该图标打开其演示窗口,利用文本工具创建“阴影字”文本对象,利用指针工具选择文本对象,将其显示模式设为“透明”模式,字体设为楷体,字体大小 72 磅。 3) 用指针工具选择文本对象并复制,制作一个副本。改变副本的颜色,并调整两者之间的相对位置,稍微错开一点,即可形成阴影效果。 4)利用以上方法,创建“空心字”文本对象和复制副本,把其显示模式都设为“反转”模式,调整它们的相对位置重叠并稍微错开一点,即可制作出空心字效果。如图 11 - 8 所示。 ![]() ![]() 图 11-7 制作阴影字和空心字流程图 图 11-8 制作阴影字和空心字演示窗口 实例 11 - 2 :桂林山水 (1)设计思想 通过桂林山水的图片展示,展现各种不同的过渡效果以及层次效果。 (2)具体制作步骤 1) 新建一个文件并命名为“桂林山水 . a7p ”,在流程线上拖放一个显示图标并命名“边框”,用绘图工具箱制作一个边框和文本对象“桂林山水”和“甲天下”并调整好位置和大小。 2) 再拖放四个显示图标并命名为“ 1 ”、“ 2 ”、“ 3 ”、“ 4 ”,依次打开显示图标的演示窗口,单击“插入”菜单中的“图像”,打开对话框,单击“导入”按钮,分别导入桂林山水的图片,并调整好位置和大小。如图 11 - 9 所示。 3)给显示图标设置不同的层次,如边框为 1 ,并设置不同的过渡效果。如图 11 - 10 所示。
![]() 图 11-9 “桂林山水” 流程图 ![]() 图 11-10 “桂林山水”运行窗口 2. 声音图标 在 Authorware7 中,可以使用声音图标加载并播放声音文件,给屏幕上展示的信息添加解说词或背景音乐,大大增加了多媒体作品的表现力。声音图标可以导入的声音文件类型有 MP3 、 WAV 、 VOX 、 SWA 、 AIFF 、 PCM 。其中 MP3 与 WAV 文件是比较常用的两种格式。 从图标选择板上拖曳声音图标到流程线合适的位置,右击该图标选“属性”选项或按下 Ctrl 键的同时双击该图标,打开声音图标属性面板,即可进行声音对象的加载与属性设置,如图 11 - 11 所示。单击“导入 ” 按钮,弹出“导入哪个文件”对话框,找到所需的声音文件,单击“确定”按钮即可。单击“播放”按钮可以播放已经导入的声音文件。
![]() 图 11-11 声音图标属性 利用“执行方式”选项可用来控制声音相对于文件中其他的事件何时播放。有以下几种选择:①直到完成:等待该声音文件播放完成后再继续执行流程线上的下一个图标;②同时:在播放声音的同时,继续运行声音图标后面的图标;③永久: Authorware 在程序运行中,时刻监测声音的播放条件,即播放选项“条件为真”下的文本框中的条件为真时,就开始播放声音。 3. 数字电影图标 数字电影图标 , 可以播放多种动态影像格式 , 其中包括 AVI 、 MPEG 、 DIR 、 FLC 、 FLI 、 ASF 和 WMV 等。此外 Flash 、 GIF 和 MOV 动画文件可以直接添加在显示图标中进行播放。 在 Authorware7 中导入数字电影的方法与导入声音的操作方法类似。数字电影图标属性面板的设置与声音图标、显示图标的属性设置类似。 如果在播放声音和数字电影时想同时显示文本等内容,可采用 Authorware 提供的媒体同步技术去实现。即拖曳一个图标至声音图标或数字电影图标的右侧,就会出现一个媒体同步分支,具有一个时钟样式的媒体同步标记,单击该媒体同步标记,就可以打开媒体同步属性面板进行同步属性设置,以决定媒体同步图标的执行情况。 实例 11 - 3 :给电影同步配音和配字幕 (1)设计思路 播放影片时,同时播放背景音乐,并给影片配字幕。在人刚开始讲话时,配音与字幕同时出现,讲下一句话时,前面的字幕消失,同时出现新字幕。以此类推。 “背景音乐”属性的执行方式设为“同时”,数字电影的“媒体同步属性”中的“同步于”属性设置为“位置”,然后将同步帧设置为已经定位好的帧上,在下挂图标中加入配音和字幕,即可实现同步字幕和配音。 (2)具体制作步骤 1) 新建一个文件并命名为“同步配音与字幕 . a7p ”,先向流程线上拖放一个声音图标并命名为“背景音乐”,打开其属性对话框,导入事先准备好的背景音乐,并把执行方式设为“同时”。 向流程线上拖放一个数字电影图标并命名为“电影”,向其中导入 Authorware 安装目录下的 Showme 文件夹中的 Edison . avi 数字电影,使用播放按钮,找到讲第一句话的帧的位置(大约在 70 帧)和第二句话的帧的位置(大约在 108 帧)。 2)向“电影”图标右侧拖放一个群组图标并命名为“配音字幕 1 ”,这样就创建了一个媒体同步分支。打开“媒体同步属性”对话框,把“同步于”属性设置为“位置”,然后将同步帧设为第 70 帧,将“擦除内容”设置为“下一个事件后”,即在下一段配音和字幕播放时,擦除本段的配音和字幕。 3)向“配音字幕 1 ”图标中增加配音和字幕内容。在“字幕 1 ”显示图标中创建内容为“同学们好”的文本对象,将录制好的配音内容的声音文件导入到“配音 1 ”声音图标中。 4) 同样的方法,创建第二个媒体同步分支“配音字幕 2 ”。在“媒体同步属性”对话框中将同步帧设为第 108 帧,在“字幕 2 ”显示图标中创建内容为“我先做个自我介绍”的文本对象,向“配音 2 ”声音图标中导入录有同样内容的配音文件。 5)运行程序即可看到画面中的人物讲第一句话时,配音自动播放,字幕同时自动出现。在讲第二句话时,前面的字幕自动消失,出现新的字幕,且自动播放对应的配音。如图 11 - 12 所示 ![]() 图 11-12 “同步配音和字幕”流程图 (二)计算、等待与群组图标 这一类图标的功能比较简单,没有太多的变化选项,使用也相对简单。这类图标一般可包括计算图标、等待图标和群组图标等。 1. 计算图标 向流程线上拖放一个计算图标,双击就会打开一个如图 11 - 13 所示的程序代码设计窗口,可以输入一些 Authorware 的指令、计算结果、表达式、函数、编程语言、注释信息等内容。注释信息以“ --” 开头,在程序运行时,说明的文字不会执行。 计算图标也可以作为其他图标的附属图标,这时它的标题就是它所附属的图标的标题。选择一个图标,选择“修改” -> “图标” -> “计算”菜单选项,或按“ Ctr+= ”键可以为该图标建立一个附属的计算图标并打开程序设计窗口。如图 11 - 14 为交互图标附加计算图标后的结果。要删除附属计算图标,只要删除净里面的内容保存即可。 ![]() 图 11-13 计算编辑窗口 ![]() 图 11-14 附加计算图标 2. 等待图标 在 Authorware 中等待图标就是用来控制程序暂停的,其属性对话框如图 12 - 15 所示。在等待图标属性对话框中,可以指定等待图标要响应的事件的类型,如鼠标单击或按任意键结束等待,使程序向下继续执行;也可以使用等待图标来指定是否等待一段时间后才继续执行程序,以及是否显示一个小时钟来显示剩余的等待时间;或者是设置屏幕上是否显示一个“继续”按钮,按下此按钮则结束等待状态,程序向下继续执行。 ![]() 图 11-15 等待图标属性 3. 群组图标 在 Authorware 7 多媒体作品制作过程中会应用到大量的图标,如果只是将这些图标用一个主流程线来组织,会给作品制作带来很大的不便,也不便于整理和修改,这时就可以使用群组图标来组织内容,使程序设计更具有条理性,结构更清晰。 群组图标的功能和使用方法与其他的图标有所不同,从功能上来讲,群组图标不执行任何内容,只是提供了放置其他图标的一个容器。从应用上来看,群组图标有两种使用方法:①直接从工具箱中拖动群组图标到流程线上,与其他图标的添加方法相同;②把多个图标组合成一个群组图标,即在主流程线上先选择所要组合的图标,再从单击菜单“修改” -> “群组”,就可以将所选择的多个图标组合成一个新的群组图标。 (三)运动图标和擦除图标 这一类图标需要对其指定所要操作的对象。主要包括擦除图标和运动图标。 1. 擦除图标 在 Authorware 7 程序设计过程中,有很多显示对象用过之后就不再使用,所以就需要使用擦除图标来擦除内容或有选择性的擦除内容,如文本内容、绘制的图形、动画以及数字电影等。但如果要单独擦除某个对象,必须将该对象单独放在一个显示图标中。 使用擦除图标的一般步骤为:在流程线上需要擦除的图标后面添加一个擦除图标,并先把需要擦除的显示内容显示在演示窗口中,双击擦除图标打开属性对话框,然后单击要擦除的显示内容即可擦除该图标,若要保护某个图标,擦除其余图标,可在列表中选择“不擦除的图标”选项。在对话框中还可设置擦除的过渡特效。如图11 - 16所示。 ![]() 图 11-16 擦除图标属性设置 2. 移动图标 移动图标的作用是移动某个物体对象,使这个对象产生各种位移动画效果。移动图标可以移动的对象有文本、图形、图像、动画或视频等。移动图标本身不能运动,也不能载入移动对象,它只能以显示图标中的内容为移动对象。移动图标提供了五种运动类型,具体的定义为: (1)指向固定点 将移动对象从演示窗口中的当前位置移动到另一点。 (2)指向固定直线上某点 将移动对象从演示窗口当前位置移动到固定直线的指定位置上。 (3)指向固定区域内的某点 将对象从演示窗口的当前位置移动到已经定义好的一个固定区域中的某点上。 (4)指向固定路径的终点 将移动对象从演示窗口中的当前位置按固定直线或曲线路径移动到终点。 (5)指向固定路径上的任意点 显示对象从演示窗口中的当前位置沿着定义好的路径运动到路径上的任意位置。 要设置移动图标的属性,单击流程线上指定的移动图标,再单击菜单“修改 ” -> “ 图标 ” -> “ 属性”,在窗口的下面会弹出移动图标属性设置面板。如图 11 - 17 所示。 ![]() 图 11-17 移动图标的属性设置 实例 11 - 4 :匀速圆周运动 (1) 设计思想:先制作一个圆形轨道作为背景,定位小球的运行路径,再利用运动图标的“指向路径的终点”运动方式设置运动路径,并调整小球的运动路径与轨道重合即可。 (2) 具体制作步骤 1) 新建一个文件并命名为“匀速圆周运动 . a7p ”,向流程线上拖放 2 个显示图标并命名为“轨道”和“小球”,拖放一个运动图标命名为“小球运动”。如图 11 - 18 所示。 2)双击“轨道”显示图标,在其演示窗口中绘制圆形轨道,并创建“匀速圆周运动”文本对象。 3) 按住 Shift 键不放,同时双击“小球”显示图标,在演示窗口中绘制一个红色的小球,并把它拖放到圆形轨道上。 4设置“小球运动”图标的属性。运动类型选择“沿路径移动到终点”,定时选项选择“时间”,在下面的文本框中键入“ 5 ”。5) 设置小球运动圆形的运动路径。单击小球运动的初始位置,出现一个三角形路径控点,然后拖动小球到直径的另一端,松开鼠标,会出现另一个三角形的路径控点,同样再拖动小球回到起点附近的另一点,双击路径中点的控点,路径变成圆弧形的路径,调整路径起点和终点重合于圆形轨道上的一点,调整圆形的中点控点的位置,使路径与圆形轨道重合。如图 11 - 19 所示。 6)运行程序,小球将沿圆形轨道运行一周。若要使小球循环运动,可将属性中的执行方式设置为“永久”,在“移动当”文本框中输入“ True ”即可。
![]() ![]() ![]() 图 11-18 匀速圆周运动流程图 图 11-19 匀速圆周运动路径设置 (四)结构类图标 利用 Authorware 提供的结构类图标,主要有判断图标和交互图标,能够实现功能强大的交互和分支功能。在交互图标中,程序设计者可根据需要使程序以用户的不同响应来改变程序流向。判断图标则按照其属性设置,自动决定分支路径的执行次序以及分支路径被执行的次数,而不是等待用户的交互操作。 1. 交互图标 Authorwar 7 具有强大的交互功能 。 为用户提供了 11 种不同的交互响应类型,分别是按钮响应、热区域响应、热对象响应、目标区响应、下拉菜单响应、条件响应、文本输入响应、按键响应、重试限制响应、时间限制响应和事件响应。如图 11 - 20 所示。 ![]() 图 11-20 交互响应类型 交互分支结构由交互图标和响应图标等共同构成。交互图标结合了显示图标的显示功能和判断图标的分支功能。它单独存在没有意义,与其右边的图标一起实现画面以及功能的跳转。一是可以放置显示对象,用于美化交互界面;二是可以对交互控制对象(如按钮、文本输入框等)进行移动或调整。如果要删除某一个响应图标,选中它按下 Del 键即可。 建立交互分支结构,其具体步骤是: ① 向流程线上拖一个交互图标,为其命名;②选择除交互图标和决策图标以外的任意一个图标,将其拖入交互图标的右下方作为其第一条交互分支,放开鼠标将会弹出“交互类型”对话框,需在 11 种交互类型中选择一种,并为该分支命名;③重复上一步,可以为该交互添加多个交互分支。此时不再出现“交互类型”对话框,而是继续沿用前一个图标的交互类型。双击类型的符号会弹出该类型的属性对话框,在此可更改“交互类型”并可设置其属性。 (1)按钮响应 按钮响应就像在“响应类型”处的一个开关,计算机沿着流程线读取程序,读到此处如果用户按下按钮就相当于打开开关,那么计算机继续往下读取该响应分支中的程序。 向主流程线上拖放一个交互图标,在其右侧放入显示图标或其它图标,在“交互类型”对话框中选择“按钮”交互类型,即形成了一个按钮响应分支。双击按钮响应标记,打开“响应”属性对话框,它包括“按钮”和“响应”两个选项卡。 1)“按钮”选项卡,用于设置按钮响应的外观。如响应按钮的大小、位置及标题和响应图标的标题、响应选项等,如图 11 - 21 所示。 2)“响应”选项卡,用来设置响应属性。①响应的作用范围、匹配该响应的条件等,如图 11 - 22 所示。②何时擦除响应图标中的内容,系统提供了 4 个擦除列表供用户选择:在下一次输入之后(即在A点处);在下一次输入之前(即在B点处);在退出交互时(即在C点处);不擦除即在退出交互作用之后,其反馈信息仍保留在演示窗口。 交互作用分支结构响应分支类型,即重试、继续、返回和退出交互。如图 11 - 23 所示。③状态用于标记编辑窗口中的响应图标,以便于用户调试程序和另外的用户读懂该程序。 ![]() 图 11-21 按钮属性按钮选项卡 ![]() 图 11-22 按钮属性响应选项卡
![]() 图 11-23 交互类型擦除属性 使用技巧 1)选中响应图标,按下 Ctrl+G 快捷键,这个响应图标就被一个“群组”设计图标代替。 2)按下 Ctrl 键不放,同时用鼠标单击响应图标上方或下方的分支流程线,就能快速地改变响应分支类型。 3)按下 Ctrl 键不放,同时用鼠标单击响应图标名称的左方,就能快速地改变响应状态。 4)按下 Ctrl+ Alt 键不放,同时用鼠标双击响应类型标记可以调出“交互类型”对话框,这时可以迅速地改变响应类型。 实例 11 - 5 :利用按钮交互执行程序 (1)设计思想 利用按钮交互把前面的例子进行综合,设计一个新的程序。利用按钮响应执行一项命令。 (2)具体操作步骤 1)新建一个文件并命名为“按钮交互 . a7p ”,向流程线上拖放一个交互图标,命名为“选择执行程序”。相继拖动两个群组图标放到交互图标的右侧,分别命名为“匀速圆周运动”和“桂林山水”。 2)打开前面的“匀速圆周运动. a7p ”文件 ,选中所有的内容后复制,再打开“按钮交互. a7p ”文件,用鼠标双击“匀速圆周运动”群组图标,打开第二层设计窗口后进行“粘贴”,这样匀速圆周运动中的内容就全部被复制到“匀速圆周运动”群组图标之中。 3)参照上面的方法把“桂林山水 1 . a7p ”中的内容全部粘贴到“桂林山水”群组图标之中。如图 11 - 24 所示。 4)双击打开“选择运行程序”交互图标,在演示窗口中调整好两个按钮的位置和大小。 5)运行程序,在演示窗口中出现两个按钮。单击按钮就可以运行响应程序中的内容。 ![]() 图 11-24 按钮交互流程图 (2) 热区域响应 所谓热区域指的是在演示窗口中的一个矩形区域,利用此区域可以得到相应的反馈信息。和按钮响应相比,这种响应类型更容易与背景风格协调一致。 向主流程线上的交互图标右侧拖放一个显示图标或群组图标,在“交互类型”对话框中选择“热区域”响应类型。用鼠标双击响应类型标记,打开响应属性对话框,即可设置相应的属性内容。如图 11 - 25 所示。 ![]() 图 11-25 热区域属性对话框 利用热区域属性的“大小”和“位置”文本框可以定制热区域的大小和位置,也可以在交互演示窗口,利用鼠标拖动热区域来改变它的大小和位置。利用“匹配”选项可以设置匹配此响应的操作,共有三种选择,即单击、双击和指针在对象上。利用“鼠标”选择框,可以选择当此热区响应被匹配时鼠标指针的样式。响应选项卡与按钮响应选项卡类似。 实例 11 -6 :乐器展示厅 (1)设计思想 利用热区域响应,对导入“乐器展示厅”显示图标中的各种乐器,用鼠标指向不同的乐器时,可以即时显示出相应乐器名称的气泡信息。 (2) 具体制作步骤 1)新建一个文件并命名为“乐器展示厅 . a7p ”,向流程线上拖放一个显示图标并命名为“乐器展示厅”,从素材库中把含有各种乐器的“乐器展示厅.jpg ”图片导入到该显示图标中。 2)向流程线上拖放一个交互图标并命名为“气泡信息”,向其右侧拖放一个显示图标并命名为“笛子提示”,在打开的交互类型对话框中选择“热区域”交互类型。双击“笛子提示”显示图标,在演示窗口中导入气泡信息图形(可在 word 中用“自选图形”中的“标注”绘制好包含有“笛子”文字的气泡信息,再复制到显示图标演示窗口中)。 3)先双击“乐器展示厅”显示图标,将内容显示在演示窗口中,再按住 Shift 键,双击“笛子提示”显示图标,使两个显示图标的内容同时显示在演示窗口中,移动笛子的气泡信息图形到合适的位置,并使图形的尾部指向“乐器展示厅”显示图标中的笛子。 4)按住 Shift 键,双击“笛子提示”热区响应类型标记,在演示窗口中出现一个虚线框,此虚线框内的范围就是热区响应的范围,调整虚线框的大小和位置,使之和演示窗口中的笛子图形的大小和位置相吻合。 5) 双击“笛子提示”显示图标上的热区响应标记,打开响应属性对话框,主要设置匹配方式为“指针处于指定区域之内”,鼠标指针选择“手形”指针,其它采用默认设置即可。 6)在交互图标的右侧再拖放 8 个显示图标,并分别命名为“二胡提示”、“唢呐提示”、“洋琴提示”、“琵琶提示”、“古筝提示”、“古琴提示”、“笙提示”、“萧提示”。如图 11 - 26 所示。 7) 参照“笛子提示”显示图标的设置方法,分别在各显示图标中导入包含有各种乐器名称的气泡信息图形,并将各个图形的尾部指向“乐器展示厅”对应的乐器。 8)调整各个乐器的热区大小和位置使之和演示窗口中的各种乐器图的大小和位置相吻合。调整各种乐器的气泡信息的大小和位置直到满意为止。运行程序结果如图 11 - 27 所示。 ![]() 图 11-26 乐器展示厅程序流程 ![]() 图 11-27 乐器展示厅程序运行结果 (3)热对象响应 热区域响应类型在应用上有两处限制:一是响应区域必须是一个规则的矩形,不能是其他复杂的形状;二是响应区域一旦设置完毕就是固定的,在程序运行期间不会根据需要自动进行调整。如果你需要使用任意形状的响应区域来响应用户的操作,就必须使用热对象响应类型。 热对象就是屏幕上的特定显示对象,它与普通显示对象的区别就是可以对用户的操作作出反应。热对象可以是任意的复杂形状,而且可以在演示窗口中移动。即可以把一个正在移动的对象看作热对象,热对象移到了一个新位置后,用户仍然可以在对象的新位置处激活对象响应,而热区响应则是对屏幕上的固定的矩形区域作出响应。可见,热区响应是静态的区域响应,而热对象则是动态的区域响应。 实例 11 - 7 : 中国地图的地理知识 (1)设计思想 利用热对象交互,设计一个介绍中国地图地理知识的教学软件,实现用鼠标拂过中国的每一个省份时,显示该省的名称和包含有行政区域的名称介绍。 (2)具体制作步骤 1)建立一个新文件并命名为“地图的地理知识 . a7p ”,向流程线上拖放一个交互图标并命名为“识别中国省份”,打开交互图标导入准备好的“中国地图 . jpg ”作背景图,并调整好位置。 2) 在交互图标的演示窗口使用“多边形工具”绘制出山东省的范围轮廓图,设置好区域填充的颜色,填充方式可以选用点状方式,显示模式为“透明”,填充轮廓线的颜色(或无轮廓),这样就可以使鼠标的触发区域为整个图形区域而不只是轮廓线的区域。 3)选中透明的多边形进行剪切,在主流程线上的交互图标前拖放一个显示图标,并命名为“山东”,将透明的多边形复制到演示窗口中,并调整位置与交互图标中的相应的山东位置对齐,将其层次设置为 1 ,以免热对象被覆盖而无法触发。 4) 在交互的右侧拖放一个显示图标,并命名为“山东行政区域”,选择交互类型为热对象,在演示窗口中添加包含山东省行政区域信息的文本内容。 5) 先打开“山东”显示图标,再双击“山东行政区域”热对象响应类型标记,打开属性对话框,用鼠标单击“山东”显示图标中的多边形确定为热对象,交互匹配方式设为“指针处于指定区域之内”,鼠标指针选择“手形”指针,擦除方式设为“下一次输入之后”,其它采用默认设置即可。 6)参照上面的方法,把其它省份的行政区域的情况介绍分别设置完成。 7) 再向交互图标拖放一个显示图标并命名为“退出交互”,导入准备好的“关闭 . jpg ”图片。同样在交互作用图标的右侧拖放一个群组图标并命名为“退出交互”,打开群组图标,拖放一个等待图标并命名为“等待一秒”,“时限”设置为等待 1 秒,一个计算图标并命名为“退出”,打开设计窗口输入“ Quit() ”的内容,保存并关闭设计窗口。
![]() 图 11-28 地图的地理知识流程图 ![]() 图 11-29 程序运行演示窗口 8)由于在主流程线上放了多个显示图标作为热对象,为了流程线的整洁,把作为热对象的六个显示图标进行组合,即全部选中这六个显示图标,选择菜单“修改” -> “群组”选项或利用 Ctrl+G 快捷键组合成一个群组图标,把它命名为“ 热对象 ”。如图 11 - 28 所示。 9)运行程序,演示窗口如图 11 - 29 所示。本例仅完成了西藏、山东、四川、广西、黑龙江等五个省份的行政区域的情况介绍,请同学们自己完成其余的省份的行政区域的情况介绍。 (4)目标区域响应 目标区响应主要是将目标对象移动到指定区域中产生交互作用的场合,如拼接一幅图画,将一些零件组装成一套机械设备等,其中目标对象是针对显示图标而言的,即目标对象是某一个显示图标中的所有显示内容。如想移动不同的目标对象就必须把它们放在不同的显示图标中。 在交互图标演示窗口中,可以调整目标区域的大小和位置,也可利用属性中的“大小”和“位置”文本框来精确调整目标区域的大小和位置。“放下”下拉列表框用来设置目标对象被拖动到目标区域的最终位置,共有三种选择,即在目标点放下、 返回和在中心定位。如图 11 - 30 所示。 ![]() 图 11-30 目标区域属性对话框 实例 11 - 8 : 看图识字 (1)设计思想 用鼠标将动物图像拖放到对应的文字上面时,如果做错了,图像返回原处,如果做对了,就停留在文字上面。 (2)具体制作步骤 1) 建立一个新文件并命名为“看图识字 . a7p ”,向流程线上拖放 3 个显示图标并分别命名为“蝴蝶”、“白免”和“小狗”,并在 3 个显示图标中分别导入相应的图片,即“蝴蝶 . jpg ”、“小白兔 . jpg ”和“小狗 . jpg ”,调整好图片的位置和大小。 2)向流程线上拖放一个交互图标并命名为“看图识字”,打开交互图标,在其中创建 3 个表示目标区域的矩形对象,并添加文字及拼音,调整好位置和大小。如图 11 - 31 所示。 ![]() 图 11-31 看图识字内容安排 3)向交互图标的右侧拖放一个群组图标,选择目标区响应,并将它命名为“蝴蝶正确位置”。打开属性对话框的目标区选项卡,选择蝴蝶作为目标对象,并将响应状态设置为“正确响应”,把目标区域设置在含有对应文字的矩形对象上,“放下”下拉列表框选“在中心定位”。这样,当蝴蝶被拖放到相应的目标区域时,就会自动对准目标区的中心位置。 4)向交互图标的右侧再拖放一个群组图标,并将它命名为“蝴蝶错误位置”。打开属性对话框的目标区选项卡,选择蝴蝶作为目标对象,将响应状态设置为“错误响应”,把目标区域覆盖整个演示窗口,“放下”下拉列表框选为“返回”。这样,当蝴蝶被拖放到目标区域之外时,会自动返回到原来的位置。 5)同样,按照第 3 和第 4 步中的方法为“小白免”和“小狗”分别建立目标区响应,并调整好图片和文字,设置好相应的属性。如图 11 - 32 所示。 6)在运行程序时,为了避免当对象停在正确位置之后,仍能用鼠标拖动目标对象到其它位置的情况,可以在相应的分支群组图标附属一个计算图标,其中包含语句“ movable@” 该设计图标名称 ”:=False ”。 7) 在本程序中,存在三个相应的错误响应分支,实际上这三个错误的分支是一样,可用一个来代替。即把这个错误的分支放到交互图标的最右侧,在属性设置中,勾选“允许任何对象”,“放下”下拉列表框选为“返回”,响应状态设置为“错误响应”,把目标区设置为覆盖整个演示窗口即可。如图 11 - 33 所示。 ![]() 图 11-32 看图识字流程图 ![]() 图 11-33 看图识字流程图 2. 判断图标 判断图标又称决策图标,可用来制作分支流程和循环。判断分支结构由判断图标以及附属于该图标的一个或多个分支图标共同构成各个分支路径的判断标识符都是相同的,返回路径不是由各个分支路径决定,而是由判断图标决定,当程序运行到判断图标时, Authorware 会根据判断图标当时的属性设置自动沿某一分支运行。如图 11 - 34 所示是一个顺序结构的分支结构。 ![]() 图 11-34 判断图标的组成 ![]() 图 11-35 框架图标流程图 (五)超文本与超媒体的流程控制图标 框架结构是由框架图标、附属于框架图标的页图标和导航图标组成,为制作超文本与超媒体提供了很好的工具。在制作超文本与超媒体时,超文本的结点叫做结点页,由框架图标来管理;页与页之间的链接则由导航图标来管理,具体讲,导航图标主要用来做图标与图标之间的跳转,即从 A 图标跳转到 B 图标,但必须限制在框架图标中页与页之间。 1. 框架图标 框架图标主要是由交互图标和导航图标组成。双击框架设计图标,会出现一个框架窗口,框架窗口是一特殊的设计窗口,窗格分隔线把窗口分割成两部分:上方的入口窗格和下方的出口窗格。窗格分割线右边有一个实心矩形,用鼠标移动它可调节两个窗格的大小。如图 11 - 35 所示。 2. 分页图标 框架中的内容通常被组织成页,附属于框架图标的右边,其中任何一个图标称为一页。一般使用群组图标作为页图标,因为它可以包含任何类型的图标,修改起来比较方便。框架结构中页的页码按从左至右的顺序固定为 1 、 2 、 3…… 。注意,这里的页码不是页图标的名字。 3. 导航图标 在默认情况下, Authorware 在框架窗口的入口窗格中包含一个显示图标和一个交互分支结构。交互分支结构被命名为“导航超链接”,包括 8 个设置为永久性响应的按钮,按钮的响应图标为导航图标,可使程序链接到框架图标下的任意页图标,分别实现返回、最近页、查找、退出框架、第一页、上一页、下一页、最后一页的功能。 4. 导航与超级链接文本 超文本就是交互响应中的“热物”。当用户单击超文本对象时,即可产生交互事件,从而执行一个导航图标,使程序流程跳转到超文本指向的地方,这时就会看到与超文本对象相关的信息。 实例 11 - 9: 浏览风景幻灯片 (1)设计思想 用显示图标将每一张幻灯片的图片导入,然后将其挂到框架图标上,利用框架图标自带的控制面板来实现对幻灯片的播放控制。 (2)具体操作步骤 1) 新建一个文件并命名为“浏览风景幻灯片 .a7p ”,向流程线上拖放一个显示图标并命名为“背景”,打开该图标,键入文字“深秋风景图片欣赏”。 2) 向流程线上拖放一个框架图标并命名为“幻灯片”,再拖放数个显示图标到框架图标的右侧,分别为每个显示图标命名并导入相应的图片。如图 11 - 36 所示。 3) 单击控制面板上的按钮,就可以按幻灯片播放这一组图片。 ![]() 图 11-36 浏览风景幻灯片流程图 三、多媒体作品的调试与打包发布无论用什么软件编写程序,错误是难免的,因此调试就显得非常重要。程序一旦打包为可执行文件,就不允许对其内容进行修改,因此在应用程序递交给最终用户之前,必须尽可能地排除程序中存在的错误。 (一)程序的调试技巧 1. 程序的错误 程序中可能出现的错误大致可以分为以下几种类型: (1)语法错误 在编写代码的时候,设计人员可能错误地拼写了函数、变量或者设计图标的名称,遗漏了参数和符号等,在设计人员关闭打开的设计图标或属性对话框时, Authorware 能够自动地发现这类错误,并提出警告。 (2)运行期错误 从语法角度,程序不存存错误,但是在运行期间无法定位所需的外部函数文件、外部多媒体数据或外部库文件等。这类错误 Authorware 能够自动地提示出错,只要打包前对程序认真测试,就能及时发现这类错误。 (3)逻辑错误 程序的执行流程存在逻辑上的错误,不能正确地反应设计者的意图。这种情况 Authorware 并不会提示出错,因此隐蔽性较大。 2. 程序的优化在编写程序过程中,要避免出现各种错误,应从程序设计期间着手,利用 Authorware 提供的各种方法,有效地优化程序。常见的优化手段有以下几种: (1)程序流程模块化 使用群组图标将实现某一逻辑功能的多个图标组合在一起,然后赋予群组图标一个能够切实反映其功能的标题,可以大大增加程序的可读性。 (2)程序代码分块管理 在同一个运算图标中尽量避免使用过多的语句。可以通过建立多个运算图标,将实现某一逻辑功能的程序语句集中放置在一个计算图标中,有利于对代码中出现的错误进行定位。 (3)添加注释信息 在必要的地方为程序加上注释。比如,在计算图标中为关键性的程序语句加上注释,为群组图标、功能模块的第一个图标增加包注释信息的附属计算图标,对其功能进行说明等。 (4)为设计图标染色 当程序中图标数量比较多时,根据图标功能的不同,利用图标调色板可以为设计图标染上不同的颜色,便于设计人员区分不同的功能模块,也便于对图标的管理。 (5)嵌入变量 在程序中使用的关键变量,可以通过在显示图标或交互图标中把变量嵌入到文本对象中,使变量的值始终显示在演示窗口,实现对变量值的实时跟踪。在设计工作结束后,再将变量从文本对象中删除即可。 3. 程序的调试 Authorware 提供了两种调试工具:区段标志和运行控制面板。通过这两种调试工具,可以控制程序流程执行的区段,或逐个执行程序流程中的设计图标。 (1)使用区段标志 Authorware 在图标选择板中提供了两种区段标志:开始标志和结束标志。开始标志用于设计区段的起点,结束标志用于设置区段的终点。从图标选择板上将开始标志拖放到流程线上欲调试的流程段的开始位置,将结束标志拖放到结束位置,此时按下从开始处运行按钮,就可以只运行两个区段标志之间的程序段。 (2)使用运行控制面板 利用控制面板,可以控制程序的执行与暂停,按下显示跟踪记录按钮则显示跟踪记录窗口和扩展的控制按钮,单击单步按钮或步进按钮,就可实现对程序的每一步执行过程进行跟踪。 (二)程序的打包发布 在多媒体作品的应用程序设计与调试工作完成后,就可以对其打包发布。 Authorware 提供了非常灵活的打包方式,将程序文件为不同的应用环境(单机或网络环境)打包。 一个完整的作品,不仅要包括 Authorware 应用程序文件,同时也要包括这些文件运行所需要的支持文件,包括外部文件、 Xtras 插件、外部函数、动态链接库、库文件等等,只有确保所有这些文件都存在,打包后的 Authorware 程序才能正确运行。在程序打包时,到底需要哪些支持文件呢?一般情况下,需要包括如下方面的文件:①所有链接的外部文件;②程序文件所使用的 Xtras 支持文件;③为各种格式的图像、声音、数字电影等数据提供 Xtras 支持文件;④为非内置的过渡效果提供 Xtras 支持文件; ⑤ Scripting Xtras 需要的支持文件;⑥ Sprite Xtras 需要的支持文件;⑦外部函数文件(. DLL 、 . U32 、 . UCD 或 . X32);⑧如果程序中使用了非系统字体,则要为用户的系统安装相应字体;⑨对于压缩的打包文件,需要为用户提供和安装压缩与解压缩软件。 打包程序文件一般有两种方法:①使用菜单“文件” -> “发布” -> “打包”命令,把程序文件打包成 . EXE 文件,然后手工查找相应的支持文件,并复制到可执行文件 . EXE 所在的文件夹下;②使用菜单“文件” -> “发布 ” -> “一键发布”命令,可以把程序打包成可执行文件 . EXE 或以网络打包和网络发行方式生成 . AAM 和 . HTM 文件,并且此命令会将大部分支持文件自动复制到了可执行文件 . EXE 所在的文件夹下,通常还有一些相关支持文件需要手动去复制。 思考与练习 1. 创作 Authorware7 作品之前应做好哪些方面的准备工作? 2. Authorware7 的 图标选择板包含哪些设计图标?各有什么用途? 3. 绘图工具箱提供了哪些工具?如何输入文字?如何进行格式设置? 4. 如何调整多个显示对象的相对次序? 5. Authorware7 共提供哪些移动方式 ? 6. Authorware 7 共有多少种响应类型 ? 7. 热区响应与热对象响应有什么区别 ? 8. 如何建立交互结构 ? 9. 举一个按钮交互的实例,要求是按钮有图形,有声音。 10. 利用目标区域响应,将事先切割成几部分并打乱顺序的一副图,设计一个拼图游戏,能让参与者拼出原图。 |
联系客服