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等待图标属性面板
➢ 事件:用来设置程序继续运行的触发事件,即等到什么事件发生才继续运行程序。
选中“单击鼠标”选项即用户干预方式为鼠标单击;选中“按任意键”选项,即用户干
预方式为按下键盘上的任意键,但,需要注意的是,任意键指除了Ctrl、Shift、Alt
键等以外的所有键。若同时选中了这两个选项,则两个触发事件均有效。
➢ 时限:用以输入一个表示定时的常数或表达式,其值以秒为单位。一旦定时时间到,
程序会自动解除等待继续向下运行。
➢ 选项:用于设置可选条件:
• 显示倒计时:若设定了时限,则该选项是可用的。此时,若选取了该选项,则程序暂停
时会在展示窗口左下角显示一个模拟的时钟动画,表示程序等待的剩余时间。用户可直
接在作品运行状态下将时钟动画移至屏幕任意位置。
• 显示按钮:若选取此项,则程序暂停时,将在演示窗口的左上角显示一个“继续”按钮,
单击此按钮,将解除等待,程序继续运行。
当然,若不选此项,也就不会出现“继续”按钮了。那么,如何改变“继续”按钮的位
置呢?能不能像移动“小时钟”那样,在运行时,当出现按钮时,用鼠标移动它。答
案是不能的!因为当用鼠标按在按钮上时,就执行了单击操作。等待也就被解除。
移动方法是:当程序运行到等待画面时,用组合键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所示。
④ 将插入指针定位到“动物”图标的下方,拖动四个显示图标放置到流程线
上,分别命名为“小鸟”、“公鸡”、“骆驼”、“恐龙”。
⑤ 在“小鸟”、“公鸡”、“骆驼”、“恐龙”显示图标中分别导入相应当动物图片,
并设置大小和位置,如图3—8所示。
⑥ 在“小鸟”和“公鸡”显示图标之间设置一个等待图标,命名为 “2秒”,
双击打开“2秒” 等待图标的属性对话框,设置选项如图3—9所示。
⑦ 在“公鸡”和“骆驼”显示图标之间、“骆驼”和“恐龙”显示图标之间
各复制一个“2秒”等待图标。
⑧ 工具栏中的【保存】按扭,将文件保存为“动物世界”。
程序运行后,小动物会依次每隔2秒显示在演示窗口中,当执行到等待图
标时,画面处于等待状态,此时,在演示窗口的任意位置单击鼠标、按任意键
或单击“继续”按钮或等待2秒钟时间,都可以立刻终止等待状态,执行其后
的图标命令。
等待图标为用户提供了人机交互的【继续】按钮,运行程序时,演示窗口
显示系统默认的标准风格的【继续】按钮,用户可根据需要重新设置按钮的外
观和样式。
二、观看动物世界
为“动物世界”添加一个自定义【观看】按钮,单击【观看】按钮时,依次显示各种小
动物。
【运行结果】演示
【知识要点】
等待按钮的外观和样式的自定义。
【制作思路】
将自制的按钮以图片文件的形式保存,在按钮编辑的过程中,通过“导入”文件的方
法,将自制按钮添加在程序中。
【操作步骤】
① 打开实例一“动物世界”文件。
② 在“动物”显示图标下方插入一个等待图标,命名为“按钮”,双击此图标,打开
等待图标属性对话框
③ 选择【修改】菜单中【文件】、【属性】命令,打开“文件属性”对话框,选择“交
互作用”选项卡,如图3-13所示:
④ 在“标签”文本框中,将“继续”修改为“观看”;
⑤ 单击“等待按钮”右边的 按钮,打开如图所示“按钮”对话框。
图 “按钮”对话框
图 “按钮编辑”对话框
⑥ 单击【添加】按钮,打开“按钮编辑”对话框,如图3-15所示。
⑦ 单击“图案”右侧的【导入】按钮,则弹出“导入哪个文件”对话框,如图3-16
所示。选择要导入的按钮图片文件,单击【导入】按钮,返回“按钮编辑”对话
框,在预览框中出现所导入的按钮。
图“导入哪个文件”对话框
⑧ 在“标签”下拉列表框中,选择“显示卷标”选项,则“观看”标签出现在所导
入的按钮上,如图3-17所示。
图导入自制按钮
⑨ 在预览框中,单击按钮中的标签文字,用【文本】菜单中【字体】命令更改字体
为隶书,选择【大小】命令定义字号为18,选择【风格】命令定义为粗体。
⑩ 单击【确定】按钮,完成自定义按钮的设置。
⑪ 运行程序,当“观看”按钮显示在演示窗口时,按下
运行,单击“观看”按钮,拖动按钮四周控点,可改变按钮大小。直接拖动该按
钮至演示窗口的中间调整按钮位置,关闭演示窗口。
⑫ 保存文件。
三、实践练习
1. 作一个模拟路灯变化过程的程序,当绿灯亮5秒后,绿灯灭,同时黄灯闪烁3次,
之后,红灯亮。
2. 自制一个个人影集幻灯片,每隔3秒显示一张。
发布评论