2023年11月27日发(作者:)

【教学课题】 显示图标的使用

【教学目标】

学会和掌握显示图标的创建方法

掌握文本的添加与属性设置

掌握图形的添加与属性设

【教学重点难点】

显示图标的添加

文本的添加与属性设置

图形的添加与属性设

【课时安排】2课时

【教学内容】

一、显示图标的功能与创建

1、显示图标的功能

显示图标是Authorware所有图标中最基本的图标,被称为Authorware“灵魂”

它的主要功能是用来制作多媒体的文本、图形或者加载静态图像,还可以用来显

示变量、函数值的即时变化。

2、显示图标的创建:

二、导入外部资源

外部资源的种类很多,有图片、文字、声音、视频等多种形式。

1、导入外部图片

1)双出显示图标,打开显示图标的演示窗口;

2)单击常用工具栏的“导入”按钮,弹出导入对话框;

3)单击“文件类型”下拉菜单右端箭头,选择要导入图片的类型;

4)在“查找范围”中找到要导入的图片文件;

5)设置复选框“链接到文件”和“显示预览”

6)单击“导入”按钮,即可将一个或多个文件导入。完成图片的导入过程。

图片属性对话框介绍:

文件:显示文件保存路径及名称。

存储:显示该文件是内部文件,还是外部文件。若在导入时选择了“链接到文件”

则此处显示“外部”,否则,显示“内部”

模式:显示并可选择图片的显示模式。

颜色:单击小方块,弹出颜色选择对话框。可改变前景色背景色。

文件大小:显示文件大小。

文件格式:显示文件格式。

颜色深度:显示文件颜色深度(文件像素储存位数,如8位,24位等)

2、导入文本

文字在多媒体中起着画龙点睛的作用。它能够直书胸意,表达思想。使多媒

体课件的精神得以升华。所以,如何正确地将文字体现在课件中,显得非常重要。

1)直接写入文字;

2)从外部文件引入文本:*.txt文件(或RTF文件)

对于硬分页符的处理办法:(针对RTF格式的文件而言)

1)什么是硬分页符:在WORD中,用手动添加的分页符(CTRL+回车产生的分

页符)或用“插入——分隔符——分页符)(普通的自动分页称为软分页符)

2)在添加了硬分页符的WORD文档,最后另存为RTF格式文件后,再导入到

AW中,这是我们才可以用硬分页符处理办法。

三、显示图标属性设置

在流程线上拖入一个图标,系统就会自动在窗口的下部显示其属性面板。

拖入一个显示图标时,窗口下部显示显示图标的属性面板。

下面就介绍一下显示图标的属性窗口中各组件的功能。

图标预览窗口:在该小窗口中可预览显示图标中导入的图片。其右侧显示了该显

示图标的有关数据,标识、文件大小、最后修改日期等。

打开按钮:单击打开按钮,将会打开显示图标的演示窗口。

图标名称文本框:显示当前设计图标的名称。

层:设置图标的层数。对于已经定义了层数的图标而言,层数高的显示图标的内

容将覆盖层数较低的显示图标的内容。对于没有定义层数的图标而言,则显示图

标中的内容是根据图标在流程线上的顺序,下面的图标内容显示在上面的图标内

容之前面。

特效:通过单击右侧的按钮,将打开“特效”对话框,可以为当前的设计图标选

择一种过渡效果。

防止自动擦除复选框:Authorware具有在演示窗口自动擦除该图标以前的所有

的没有设置“防止自动擦除功能”的显示图标内容的能力。有时为了使显示的内

不被自动擦除,就可以选中该复选框。(说明:但不能防止用擦除图标的擦除)

擦除以前内容复选框:选中该复选框,则当运行到该显示图标时,会将前面的显

示图标中的内容自动擦除。注意:它只能擦除比该显示图标层数低的显示图标的

内容,比该图标层数高的则不能被擦除。

直接写屏复选框:选中该复选框,则不管该显示图标的层数高低如何,当程序运

行到该显示图标时,该显示图标中内容均会被放置在演示窗口最前面。当有多个

图标同时设置了“直接写屏”则按它们的层数决定显示的前后。而如果它们的层

数也相同,则按照它们在流程线上的顺序。(另外:一旦设置了直接写屏,则之

前设定了的特效不起作用。)

关于选择位置中“位置”和“活动”的内容将在以后章节中介绍。

四、绘图工具箱:修改显示模式(见教材P31-32页的表2.1

1、不透明模式:

2、透明模式:

上面显示对象有颜色的部分会覆盖下面的显示对象,而空白部分可看到下面显示

对象。

3、反转模式:

该显示对象的显示颜色为,其所处环境的前景色的反色(互补色),与该对象本

身的颜色无关。

4、擦除模式:

除透明部分外,重叠部分被擦除。

5、阿尔法模式:只对含有Alpha通道的图像才起作用。

五、多个对象位置、层次排列

Authorware 7中可以自动地设定多个图形对象间的排列和对齐方式。要

设置对齐和排列的方式,可通过菜单“修改→排列”命令,激活如右图所示的排

列与对齐方式选择面板。

【课题】 2.2等待图标和擦除图标的使用

【教学目标】

学会和掌握等待图标和擦除图标的创建方法

掌握等待图标和擦除图标属性设置

【教学重点难点】

等待图标和擦除图标的添加

文等待图标和擦除图标属性设置

【课时安排】2课时

【教学内容】

【引入】

在多媒体创作的过程中,主要用显示图标来显示图形图像及文本的内容,因此,当运用

多个显示图标后,显示图标中的内容就会重叠在一起,或被其它内容遮盖。此时,就需要使

用等待图标与擦除图标来解决此问题。利用等待图标可以设置演示对象的停留时间;利用擦

除图标可以擦除以前图标显示的内容。

擦除图标常用于在程序中运行时画面的切换过程中,其主要作用是清除演示窗口显示的

文字、图形或其他媒体元素。所以在其进行擦除时再配合使用擦除过渡特效,将使原本生硬

的擦除过程变得丰富多彩,妙趣横生。

等待图标用于按照需要暂停程序运行,以便用户能够看清程序的演示效果,直到用户干

预事件发生后,程序再继续运行下去。用户干预事件,如单击鼠标,按任意键,等待若干时

间,按继续按钮,及它们的有机结合等,使应用程序的交互性又得到了进一步提升。

擦除图标与等待图标是比较简单的两个图标,但其作用却是不容忽视的。Authorware

整体作品来说,它们起着连接与控制各显示对象间相互显示关系的重要作用。

一、等待图标的功能介绍与创建:

暂停在交互式多媒体程序设计中有着特殊的作用。利用演示时的停顿,不仅可以画面的

展示速度、聚集人的注意力,同时也提供了一种编程调试的辅助手段。

等待图标用于随时暂停程序运行,以便用户能够看清楚程序的演示效果;直到用户干预

事件发生后,程序再继续运行下去。

那么,等待图标到底都能实现些什么样的等待呢?也就是说,这些等待都可以以什么

方式被解除呢?我们有时在演示课件或作品时,希望程序能够在等待固定的时间后自动解除

等待而继续运行下去。那么解除等待的事件就是时间;

有时在等待的这固定的时间内,想让系统能够提供给用户一个剩余时间,也就是说,系

统除了能够按照约定好的时间自动解除等待外,还能显示出剩余时间,以提示用户;而有时

用户对于等待的时间不好估计,与演示时现场情况密切相关,所以想通过用户干预的方式来

解除等待。那么,用户就可以以单击某个按钮,或单击鼠标,或按任意键来解除等待。当然,

用户亦可将固定时间与用户干预相结合,在固定时间内若有用户干预事件发生,那么就立即

解除等待,但到达固定时间之前未发生任何用户干预事件,那么时间到后,等待也会自动解

除。

二、等待图标的属性设置

将等待图标拖放入程序流程线上,或单击流程线上的等待图标,均可弹出等待图标的属

性对话框,如图所示。

2-1等待图标属性面板

事件:用来设置程序继续运行的触发事件,即等到什么事件发生才继续运行程序。

选中单击鼠标选项即用户干预方式为鼠标单击;选中按任意键选项,即用户干

预方式为按下键盘上的任意键,但,需要注意的是,任意键指除了CtrlShiftAlt

键等以外的所有键。若同时选中了这两个选项,则两个触发事件均有效。

时限:用以输入一个表示定时的常数或表达式,其值以秒为单位。一旦定时时间到,

程序会自动解除等待继续向下运行。

选项:用于设置可选条件:

显示倒计时:若设定了时限,则该选项是可用的。此时,若选取了该选项,则程序暂停

时会在展示窗口左下角显示一个模拟的时钟动画,表示程序等待的剩余时间。用户可直

接在作品运行状态下将时钟动画移至屏幕任意位置。

显示按钮:若选取此项,则程序暂停时,将在演示窗口的左上角显示一个继续按钮,

单击此按钮,将解除等待,程序继续运行。

当然,若不选此项,也就不会出现继续按钮了。那么,如何改变继续按钮的位

置呢?能不能像移动小时钟那样,在运行时,当出现按钮时,用鼠标移动它。答

案是不能的!因为当用鼠标按在按钮上时,就执行了单击操作。等待也就被解除。

移动方法是:当程序运行到等待画面时,用组合键Ctrl+P暂停程序执行单击选中

按钮,然后用鼠标拖动按钮到合适位置,再按Ctrl+P恢复程序的执行。

三、

擦除图标的功能与创建

1擦除图标的功能

擦除图标可以擦除任何已经显示在屏幕上的图标,无论使用显示图标、交互图标、页面

框架或者是数字电影图标显示的显示对象,都可以使用擦除图标把它从屏幕上抹去。

但需注意的是,当用户使用擦除图标来擦除一个设计图标时,它会将该图标中所有内容

都擦除。(擦除对象是以图标为单位)比如说,在一个显示图标中有三个图形对象,一个三

角形,一个圆,一个正方形。使用擦除图标时,它会将该图标中所有的这三个对象一次性地

全部擦除。

2擦除图标的创建:

直接将擦除图标拖放入程序流程线上或用插入——图标——擦除图标

四、擦除图标的属性设置:

将擦除图标拖放入程序流程线上,或单击流程线上的擦除图标,均可弹出擦除图标的属

性对话框,如图所示。

2-2 擦除图标属性面板

预览按钮:可预览被擦除的对象。

名称文本框:显示擦除图标的名称。

特效:点击右侧的“…”按钮,弹出擦除过渡效果选择对话框,如图3-2所示。

分类:Authorware提供了丰富的过渡方式类型,为了方便用户挑选,又将这些方式

按照其屏幕效果进行了分类,该列表中列出了所有的过渡种类。

特效:当在分类中选择了合适的过渡种类后,该列表框中就会显示出本过渡种类

中所包含的所有的特效。

Xtras file :显示了所选择的过渡方式特效所使用的文件名称,及该文件所在目录,

供用户参考。

周期:用于设置该过渡特效所持续的时间,其取值范围为(0-30)秒。

平滑:用于设置该过渡特效的平滑程度,其取值范围为(0-128。需要注意的是,

数字越小,其平滑程度越好;数字越大,其过渡特效越粗糙。

影响:通过这个选项来设置该擦除特效的应用范围,是整个窗口还是仅限区域

选择整个窗口将影响到整个屏幕;选拔仅限区域将只影响擦除对象本身。

选项按钮:Authorware提供的过渡特效中,有些特效有选项而有些则没有。

对于有该选项的特效,单击之,将弹出修改特效对话框。Authorware虽然提供了

丰富的过渡特效,但同时也允许用户使用其它软件制作特效文件。如果用户使用了

这些外部引入的特效文件,可以单击此按钮来修改该文件的各项设置。此设置一般

不用修改。

2-3 擦除模式对话框

重置按钮:如果不小心将某个过渡特效的设置搞乱,则单击此按钮,会将各选项

设置为系统的默认值。

应用按钮:在演示窗口打开的情况下,该按钮就相当于预览按钮,用于查看特

效设置效果。

关于按钮:可以查看该过渡特效的开发者情况。

防止重叠部分消失:Authorware将在完全擦除前面的内容后才显示后面的内容,若不选

则在擦除的同时显示后面的内容。

“被擦除的图标”单选按钮:选择该按钮,则其右侧文本框中显示的就是要被擦除的图

标内容。

不擦除的图标单选按钮:选择该按钮,则其右侧文本框中显示的就是不被擦除的图标

内容,即除这些内容外,其它内容将全部被擦除。使用此选项时应慎重。

【作业布置】

作一个模拟路灯变化过程的程序,当绿灯亮5秒后,绿灯灭,同时黄灯闪烁3次,之后,

红灯亮。

【实习课题】待图标与擦除图标的使用 ——技能实训(一)

【实习课时】2课时

【实习地点】常宁职中计算机房三

技能训练目标

通过制作一个名为“风光图片.a7p”的演示程序,让大家熟知等待

图标和擦除图标的使用方法。掌握这两个图标属性的设置方法。

继续练习四种等待方式的应用。

进一步熟练擦除图标属性的设置方法。

掌握设置擦除过渡效果的方法和技巧。

技能训练内容

制作一个风光图演示程序

步骤1 从图标栏拖拽一个显示图标到主流程线上,并将其命名为“迎客松”

如图所示:

步骤2 双击【迎客松】显示图标,打开其演示窗口,并导入配套光盘/素材/

客松.jpg,如图所示:

步骤3 重复步骤1-2步,创建一个新的显示图标,并将另一幅外部图片“送客

.jpg导入。

步骤4 从图标要中拖拽一个等待图标到主流程线的【迎客松】和【送客松】之

间,如图所示:

步骤4 双击流程线上的等待图标并设置其属性,输入【时限】值为6秒,并选

中其他所有选项,如图所示:

步骤5 单击工具栏上的【运行】按钮,弹出演示窗口。

步骤6 单击画面或单击【继续】按钮或按任意键,抑或是等待6秒种,演示窗

口中的“迎客松”就会变为“送客松”

(说明:如果对等待效果满意,可重复步骤7,重新设置属性设置面板中的参数

或选项。)

修改部分效果步骤如下:

步骤7 双击等待图标,打开其属性设置面板,为了画面的完整和美观,取消选

择其中的【显示倒计时】和【显示按钮】

步骤8 从图标栏将擦除图标拖拽到流程线上的等待图标后,将其命名为“擦除

迎客松”

【实习课题】待图标与擦除图标的使用 ——技能实训()

【实习课时】2课时

【实习地点】常宁职中计算机房三

技能训练目标

熟知等待图标的属性,掌握等待图标属性设置方法。

掌握四种等待方式的应用。

熟知擦除图标的属性,掌握擦除图标属性设置方法。

掌握设置擦除过渡效果的方法和技巧。

一、动物世界:

制作一个动物世界的实例,单击鼠标或按下键盘上任意一个键后,依次出现一张

张动物图片。

【运行结果】(演示)

【知识要点】

显示图标和等待图标的综合使用。

【制作思路】

从例题的结构上看是线性的,在显示图标中导入绘制或收集的相关的动物

图片,用等待图标让单张图片之间有一个可以人为控制的等待时间。

【操作步骤】

单击工具栏上的【新建】按钮,新建一个文件;

依次执行【修改】菜单中【文件】【属性】命令,

拖动一显示图标到流程线上,并命名为“动物”,双击此图标打开其演示

窗口,在显示图标工具箱中,选择文本工具,在演示窗口中输入文字“动

物世界”,并设置其字体、字号及颜色,效果如图3-7所示。

将插入指针定位到“动物”图标的下方,拖动四个显示图标放置到流程线

上,分别命名为“小鸟”“公鸡”“骆驼”“恐龙”

“小鸟”“公鸡”“骆驼”“恐龙”显示图标中分别导入相应当动物图片,

并设置大小和位置,如图38所示。

“小鸟”“公鸡”显示图标之间设置一个等待图标,命名为 2秒”

双击打开“2秒” 等待图标的属性对话框,设置选项如图39所示。

在“公鸡”和“骆驼”显示图标之间、“骆驼”和“恐龙”显示图标之间

各复制一个“2秒”等待图标。

工具栏中的【保存】按扭,将文件保存为“动物世界”

程序运行后,小动物会依次每隔2秒显示在演示窗口中,当执行到等待图

标时,画面处于等待状态,此时,在演示窗口的任意位置单击鼠标、按任意键

或单击“继续”按钮或等待2秒钟时间,都可以立刻终止等待状态,执行其后

的图标命令。

等待图标为用户提供了人机交互的【继续】按钮,运行程序时,演示窗口

显示系统默认的标准风格的【继续】按钮,用户可根据需要重新设置按钮的外

观和样式。

二、观看动物世界

为“动物世界”添加一个自定义【观看】按钮,单击【观看】按钮时,依次显示各种小

动物。

【运行结果】演示

【知识要点】

等待按钮的外观和样式的自定义。

【制作思路】

将自制的按钮以图片文件的形式保存,在按钮编辑的过程中,通过“导入”文件的方

法,将自制按钮添加在程序中。

【操作步骤】

打开实例一“动物世界”文件。

在“动物”显示图标下方插入一个等待图标,命名为“按钮”,双击此图标,打开

等待图标属性对话框

选择【修改】菜单中【文件】【属性】命令,打开“文件属性”对话框,选择“交

互作用”选项卡,如图3-13所示:

在“标签”文本框中,将“继续”修改为“观看”

单击“等待按钮”右边的 按钮,打开如图所示“按钮”对话框。

“按钮”对话框

“按钮编辑”对话框

单击【添加】按钮,打开“按钮编辑”对话框,如图3-15所示。

单击“图案”右侧的【导入】按钮,则弹出“导入哪个文件”对话框,如图3-16

所示。选择要导入的按钮图片文件,单击【导入】按钮,返回“按钮编辑”对话

框,在预览框中出现所导入的按钮。

图“导入哪个文件”对话框

在“标签”下拉列表框中,选择“显示卷标”选项,则“观看”标签出现在所导

入的按钮上,如图3-17所示。

图导入自制按钮

在预览框中,单击按钮中的标签文字,用【文本】菜单中【字体】命令更改字体

为隶书,选择【大小】命令定义字号为18,选择【风格】命令定义为粗体。

单击【确定】按钮,完成自定义按钮的设置。

运行程序,当“观看”按钮显示在演示窗口时,按下+

键,暂停程序

运行,单击“观看”按钮,拖动按钮四周控点,可改变按钮大小。直接拖动该按

钮至演示窗口的中间调整按钮位置,关闭演示窗口。

保存文件。

三、实践练习

1 作一个模拟路灯变化过程的程序,当绿灯亮5秒后,绿灯灭,同时黄灯闪烁3次,

之后,红灯亮。

2 自制一个个人影集幻灯片,每隔3秒显示一张。