学习目标
1. 了解相关图标的功能与使用方法
2. 掌握文本对象的处理方法
3. 掌握图形的绘制方法
4. 掌握外部图片的使用方法
5. 掌握图文演示型教学软件的制作方法
第4章 多媒体教学软件的图文演示设计
显示图标
第四章 多媒体教学软件的图文演示设计
图文创建环境
1.显示图标的主要功能
(1)显示文本与图形、图像信息
(2)创建和引入文本、图形和图像对象
(3)显示变量和函数的值
显示图标
第四章 多媒体教学软件的图文演示设计
图文创建环境
2.显示图标的使用
(1)用鼠标指针拖动放在图标栏的显示图标到设计窗口的流程线
上的某个位置,释放鼠标左键,一个新的显示图标便生成了。
(2)给图标命名。点中流程线上的显示图标,在其右侧键入名称。
命名时应尽量使名称与该图标的内容相关。
(3)双击设计窗口中的显示图标,弹出演示窗口。
(4)在演示窗口中创建或编辑文本、图形和图像。
(5)设置显示图标的属性。
(6)在以后需要随时快速查询该显示图标内容时,可选中该图标,
点击右键,选择下拉菜单Preview选项,可出现图标内容的缩略图。
图文工具
第四章 多媒体教学软件的图文演示设计
图文创建环境
双击显示图标,打开演示窗口的同时还会打开
一个工具箱面板,如右图所示。
1.工具箱的文本创建功能
选取工具箱中的文本工具按钮,就可以在演
示窗口中创建文本对象。
2.工具箱的图文对象选择功能
选取工具箱中的选择工具按钮,就可以选择
(单击对象)并移动任意图文对象。被选中的对
象四周将出现8个小方形控制句柄,拖动这些句柄
可以改变对象的形状。
图文工具
第四章 多媒体教学软件的图文演示设计
图文创建环境
3.工具箱的绘图功能
(1)直线工具:用来画一条水平线段或者与水平线段成45度、90
度角的线段。
(2)斜线工具:可以画任意角度的线段。当按钮住Shift键的同时
画线时,将与直线工具的功能相同。
(3)椭圆工具:选择该工具后可以在演示窗口中画椭圆,当按钮
住Shift键的同时画图时,将画出一个正圆;
(4)矩形工具:选中该工具后,可以在演示窗口中画一个矩形,
当按钮Shift键的同时使用画矩形工具时,将画出一个正方形;
图文工具
第四章 多媒体教学软件的图文演示设计
图文创建环境
(5)圆方工具:选中该工具后,可以在演示窗口中画出一个圆角
的矩形,可以拖动圆角矩形中小正方形块来改变圆角的程度,当小
正方形块在圆角矩形的中心位置时,圆角矩形将变为一个椭圆形;
(6)折线工具:使用该工具可以绘制出没有规律的、封闭的或开
放的多边形及折线,最后双击鼠标结束绘图。
图文工具
第四章 多媒体教学软件的图文演示设计
图文创建环境
4.工具箱中的模板
(1)显示模板(2)调色模板(3)线型模板 (4)填充方式模板
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
1.绘制图形
绘制直线:
(1)绘制
① 点击图文工具箱中的直线工具或斜线工具。
② 将鼠标指针移动到演示窗口中要绘制直线的起始位置,此时鼠
标指针变成“+”形。
③ 按下鼠标左键并拖动鼠标,可以看到一个变化的直线,松开左
键,这时一条直线绘制完毕。
④ 按空格键,或选中工具箱中选择与移动工具并点击演示窗口的
空白处,去除直线的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)编辑
① 选中工具箱中选择与移动工具,鼠标点击要修改的直线,直线
两端出现句柄,使该直线呈激活状态。
② 鼠标点着一端句柄并移动(但直线另一端并不移动),可以改
变直线的长度及角度;用鼠标点着直线的中部并移动可以改变直
线的位置。释放鼠标,直线仍处于激活状态。
③ 打开线型工具模板,选择直线的宽度和样式,以修改直线的
外形。
④ 打开线框调色模板,调整直线需要的颜色。
⑤ 去除直线的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
绘制椭圆:
(1)绘制
① 击绘图工具箱中的椭圆工具。
② 将鼠标指针移动到演示窗口中要绘制椭圆(或圆)的左上角位
置,此时鼠标会变成“十”字型。
③ 按下鼠标左键,然后向右下角方向拖动鼠标(如要绘制圆,则
在拖动时按住Shift键),可以看到一个变化的椭圆,松开左键,
椭圆绘制完毕。
④ 按空格键,或选中工具箱中选择与移动工具并点击演示窗口的
空白处,去除椭圆的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)编辑
① 选中工具箱中选择与移动工具,点击要修改的椭圆,它的四周
出现8个句柄,使该椭圆呈激活状态。
② 点中任一句柄并移动,可以改变椭圆的大小和形状,若是修改
一个圆的大小,可以在按住Shift键的同时,拖动圆四角之一的句
柄来完成操作;用鼠标点着椭圆的边并移动可以改变椭圆的位置。
③ 打开线型工具模板,选择直线的宽度,以修改椭圆的轮廓线宽
度。
④ 分别打开线框调色模板、前景调色模板、和背景调色模板,调
整该椭圆图形的轮廓线、前景色、背景色的颜色。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
⑤ 打开填充工具模板,要用某种底纹图案填充椭圆(或圆),只
需单击其中一个底纹图案按钮即可。
⑥ 去除椭圆的激活状态。
绘制矩形和圆角矩形:
(1)绘制
① 用鼠标点击绘图工具箱中的矩形或圆角矩形工具。
② 将鼠标指针移动到演示窗口中要绘制矩形或圆角矩形的左上角
位置,此时鼠标会变成“十”字型。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
③ 按下鼠标左键,然后向右下角方向拖动鼠标(如要绘制正方形,
则在拖动时按住Shift键),可以看到一个变化的矩形或圆角矩形,
松开左键,这时矩形绘制完毕,而对于圆角矩形来说,则还要用
鼠标拖动圆角矩形内左上角的句柄,以改变圆角矩形的圆角程度。
刚刚建立的矩形四周有八个句柄,而圆角矩形则只有一个内部左
上角的句柄,这都表示该对象呈激活状态。
④ 按空格键,或选中工具箱中选择与移动工具并点击演示窗口的
空白处,去除对象的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)编辑
① 选中工具箱中选择与移动工具,鼠标点击要修改的矩形或圆角
矩形, 它们的四周都会出现8个句柄,使该对象呈激活状态。
② 用鼠标点着任一句柄并移动,可以改变矩形或圆角矩形的大小
和形状,若是修改一个正方形或圆角正方形的大小,可以在按住
Shift键的同时,拖动其四角之一的句柄来完成操作;用鼠标点着
矩形或圆角矩形的边并移动可以改变它们的位置。
③ 打开线型工具模板,选择直线的宽度,以修改矩形或圆角矩形
的轮廓线宽度。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
④ 分别打开线框调色模板、前景调色模板、和背景调色模板,调
整该该矩形或圆角矩形的轮廓线、前景色、背景色的颜色。
⑤ 打开填充工具模板,要用某种底纹图案填充矩形或圆角矩形,
只需单击其中一个底纹图案即可。
⑥ 去除对象的激活状态。
绘制多边形和折线:
(1)绘制
① 用鼠标点击绘图工具箱中的折线工具。
② 将鼠标指针移动到演示窗口中要绘制的多边形或折线的顶点或
起点位置,此时鼠标会变成“十”字型。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
③ 按下鼠标左键,拖动鼠标,可以看到一个一端随着鼠标移动的
线(即多边形的一条边或折线的一段),将鼠标定位在多边形下
一个顶点或折线的折点上,单击左键确认(若在绘制的同时按下
Shift键,则这条边是水平、垂直或45°角的),如此重复。绘制
到最后一个顶点或折点时,若将鼠标指针移到起始点双击,即可
完成一个封闭多边形的绘制;若在最后一点不是多边形的起始点,
双击鼠标左键,即可完成一个开放的多边形或一条折线的绘制。
④ 按空格键,或选中工具箱中选择与移动工具并点击演示窗口的
空白处,去除对象的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)编辑
① 选中工具箱中选择与移动工具,鼠标点击要修改的多边形或折
线, 它们的四周都会出现8个句柄,使该对象呈激活状态。
② 用鼠标点着任一句柄并移动,可以改变多边形或折线图形的整
体横竖比例;若在拖动句柄的同时按下Shift键时,可使多边形或
折线按比例放大或缩小;若在用“选择与移动”工具点击多边形
或折线后,再单击绘图工具箱中折线工具按钮,则在多边形或折
线上每条线段的两端都会出现句柄,拖动它们可以改变该线段的
长度和角度,从而改变多边形或折线的整体形状;用鼠标点着多
边形或折线的边并移动可以改变它们的位置。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
③ 打开线型工具模板,选择直线的宽度,以修改多边形或折线的
轮廓线宽度。
④ 分别打开线框调色模板、前景调色模板、和背景调色模板,调
整该折线或多边形的轮廓线、前景色、背景色的颜色。
在开放型多边形或折线情况下,系统默认多边形或折线的起点和
终点为多边形的最后一个边进行颜色填充,形成一个多边形的颜
色块。但这个默认的边是空的,并不出现一条线。
⑤ 打开填充工具模板,要用某种底纹图案填充多边形或由折线形
成的多边形色块区域,只需单击其中一个底纹图案即可。
⑥ 去除对象的激活状态。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
2.调整多个图形的关系
当一个图标内绘制的图形对象多于两个以上时,就会出现前
后叠放次序、相互位置排列、对象各自组合等问题。
(1)调整前后叠放次序
当多个图形对象在位置上出现重叠时,系统在默认状态下,
总是把后绘制的对象遮盖在先绘制对象的前面。但是可以利用系
统的命令调整这些图形对象的前后叠放次序。可以先选中需要调
整到最前层或最后层的对象,然后选择菜单命令Modify / Bring
to Front或Modify / Send to Back,选中的对象就会被调整到最
前面或最后面,经过反复调整就可达到设计目的。
图形绘制与编辑
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)调整相互位置排列
有时为了实现某种设计目标,需要对图形对象之间的相互位
置进行必要的调整。可以采用网格线的方法精确定位对象,还可
以采用“对齐模板”的方法调整对象之间相互位置的排列。
(3)多个对象的组合
有时为了方便地同时移动多个对象或对多个对象进行相同的
操作或使多个对象构成一个相对位置不变的整体,可以采用组合
的方法来实现。组合后的对象已是一个整体,不能再编辑修改其
中的任一个对象。也可选取已组合的对象,并取消多个对象的组
合。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
1.直接引入外部图片
第一种方法:
⑴ 打开需要引入图形的显示图标。
⑵ 选择菜单命令File/Import and Export/Import Media选项。
⑶ 弹出 Import which file对话框,在其中找到并选中所需引入
的图形文件。
⑷ 单击Import按钮,选中的所有
文件就会被引入到某个演示窗口中,
成为一个窗口中的图片文件。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
第二种方法:
⑴ 在主流线上要插入图片的程序点处单击一下鼠标,在该点处随
即出现一个小手形标志。
⑵ 与上相同的方法打开Import which file对话框,在其中找到
所需引入的图形文件。
⑶ 单击“Import”按钮,主流线上的选中点处将自动生成一个新
显示图标,新图标的名称与引入图片文件的名称相同。打开这个
显示图标的演示窗口,会见到新引入的图片对象。
这种方式不仅可以引入纯文本、图形和图像,还可以引入各
种视频、动画和声音文件。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
第三种方法:
⑴ 打开需要引入图形的显示图标。
⑵ 选择菜单命令Insert / Image,弹出Properties Image(图片
属性)对话框。
⑶ 点击对话框中的Import按钮,弹出Import which file对话框,
使用方法同上。
⑷ 点击Import which file对话框的Import按钮后,又回到
Properties Image对话框,这时该对话框的File文本框中已出现
导入图片文件的路径,点击Ok按钮即可成功。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
2.利用剪贴板导入外部图片
⑴ 在某一图形软件中创建好图形文件。
⑵ 将图形复制到剪贴板上。
⑶ 返回到Authorware系统界面,打开需要引入图片的显示图标演
示窗口。
⑷ 将剪贴板上的图形对象粘贴到演示窗口中。
3.图片属性设置
从外部引入的图片需要进行属性设置,方法如下:
⑴ 打开需要进行属性设置的图片所在的显示图标。
⑵ 双击需要进行属性设置的图片。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
⑶ 屏幕上弹出一个图片属性设置对话框,如下图所示。选择菜单
Modify/Image Properties也可打开图片属性对话框。
⑷ 选中对话框中Image选项卡。其中:
• File文本框:显示该图片的引
入路径;
• Mode列表框:设置该图片的显
示模式。共有6个选项,与工具
箱中显示模板中的内容相同。
• Colors选项:设置图形的前景
色与背景色。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
⑸ 选中对话框中Layout选项卡,如下图所示。Display栏中:
① Scaled选项:这是默认的选项。
Position栏显示图片左上角距离展示窗口左上角的横纵象素数。
Size栏显示图片的尺寸。
Unscale Size显示图片的原尺寸。
Scale%栏显示的是图片的缩放
比例。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
② Cropped选项:选中“Cropped”选项时只裁剪图片的一部分,
可以选择下面的几个小方框来决定裁剪图片的哪一部分。
③ As Is选项:选中“As Is”选项时只可以调整图片的位置。
⑹ 点击ok按钮即可。
4.图片的坐标定位
(1)演示窗口坐标系
演示窗口绝对坐标系的原点规定在演示窗口的左上角,水平
向右为x轴正方向,竖直向下为y轴正方向。坐标系的单位就是一
个像素,坐标数值就是像素数,因而演示窗口坐标系的两个坐标
轴的最大坐标值就是演示窗口的分辨率数值。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
(2)图片的标准定位
① 双击某一需要定位的图片。
② 弹出图片属性对话框,选择Layout选项卡。
③ 在Position文本框中填入具体坐标数值后,按回车键。
④ 图片自动放置在填入的坐标数值的位置上。
(3)图片的几何中心定位
① 打开需要定位的图片所在的显示图标的演示窗口。
② 拖动一个移动图标到流程线上该显示图标下面。
应用外部图像文件
第四章 多媒体教学软件的图文演示设计
图形、图像的处理
③ 双击移动图标打开其属性对话框,点击需要定位的图片,选则
Layout选项卡,如下图所示。
选 择 Type列 表 框 中 的 选 项 为 Direct to Point, 此 时
Destination文本框中显示的正是该图片的几何中心的绝对坐标值。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
1.直接创建文本
在演示窗口内可以直接创建文本,步骤是:
(1)双击显示图标,打开演示窗口和一个工具箱面板。
(2)在工具箱中选取文本工具按钮。
(3)用鼠标选取演示窗口的任一地方,屏幕上出现一条文本编辑
线。
(4)可以在编辑线下光标闪烁的地方直接输入包括中文、英文和
符号的文本。
(5)工具箱中选取选择工具,点击文字,编辑线消失,输入的文
本成为一个可任意移动、可编辑的文本对象。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
2.在演示窗口中引入外部文
本文件
(1)在流程线上用鼠标双击
显示图标,出现演示窗口和
一个绘图工具箱。
( 2) 选 取 菜 单 File /
Import选项,弹出一个引入
文本对话框,如右图所示,
从中选取要引入的文本文件。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
(3)单击输入对话框的Import按钮后,弹出一个RTF Import对话
框,如下图所示。其左侧区域是设置如何处理超过一页长度的输
入的文本,若选择Ignore就会把超长部分文本忽略,若选择
Create New Dislay Icon就会产生新的显示图标保留超长部分。
其右侧区域是设置如何显示超长的文本,若选择Standard选项,
则表示引入文本为标准方式显示,若选择Strolling选项,则表示
引入文本为按滚动栏方式显示。
(4)在RTF Import对话框上做出相应的
选择后,单击ok按钮,演示窗口中出现
选定的文本文件的内容。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
3.在设计窗口中引入外部文本文件
(1)在流程线上需要插入文本对象的位置单击一下鼠标,在该点
出现一个插入点的标记。
(2)选取菜单File / Import and Export/ Import Media选项,
先后出现前面介绍过的两个对话框。
(3)对两个对话框做出相应的选择后,在流程线上插入点标记处
出现一个载有选定的外部文本对象内容的显示图标,图标名自动
取为选定的文本对象的名称。
(4)双击该显示图标,在打开的演示窗口中显示出刚引入的文本
文件的内容。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
4.用剪贴板引入外部文本文件
一般粘贴方式:
(1)使用各种文本处理软件写入并编辑文本,或直接在文本处理
软件上打开所需要的已有文本文件。
(2)选取所需要的文本内容并复制或剪切到剪贴板上。
(3)返回到Authorware系统中,用鼠标双击显示图标以打开演示
窗口。
(4)选取菜单Edit/Paste选项,弹出对话框。
(5)做出相应选择后,便将剪贴板中的内容粘贴到演示窗口中。
(6)Authorware可以对一般粘贴方式引入的文本内容进行修改。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
特殊粘贴方式:
(1)用各种文本处理软件书写并编辑文本,或直接在文本处理软
件上打开所需要的已有文本文件。
(2)选取其中所需要的文本内容并复制或剪切到剪贴板上。
(3)在Authorware系统中,用鼠标双击显示图标以打开演示窗口。
(4)选取菜单Edit / Paste
Special选项,若当前剪贴板中的
文本文件格式为Microsoft Word
的*.doc格式,则出现如右图所示
的对话框。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
(5)若在对话框中选中复选项“粘贴”,并且选中列表框中的
Microsoft Word文档选项,单击“确定”按钮,则可以将剪贴板
中的内容粘贴到演示窗口中,成为一种文本对象。这种文本对象
不能在演示窗口中进行修改编辑。双击这个文本对象后,
Microsoft Word系统程序将被激活,它在演示窗口中会出现一个
边框区域,菜单栏和工具栏也会临时改变为Microsoft Word的菜
单栏和工具栏。在边框区域的范围内利用这些工具可以象在
Microsoft Word软件中一样进行各种修改和编辑。当点击演示窗
口中边框区域之外的区域后,立即恢复Authorware的编辑环境。
这种情况下我们可以灵活地借用Microsoft Word的强大功能为
Authorware的文本编辑工作服务。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
若在对话框中选中复选项“粘贴”,选中列表框中的
Microsoft Word文档选项,并且同时选中右边复选框“显示为图
标”,单击“确定”按钮,则只是在演示窗口中出现一个相关的
图标。双击这个图标将打开Microsoft Word软件界面,并显示出
刚从剪贴板粘贴引入的文本,可以在这种情况下对引入的文本进
行编辑,这种方式引入的文本将直接在Microsoft Word软件环境
中进行修改编辑。
若在对话框中选中复选项“粘贴”,但列表框中选择的是
Text选项,单击“确定”按钮,则将剪贴板中的任何格式的文本
内容以纯文本的格式粘贴到演示窗口中,可以利用Authorware的
文本工具直接对其进行修改编辑。
文本的创建
第四章 多媒体教学软件的图文演示设计
文本的处理
若在对话框中选中复选项“粘贴”,但列表框中选择的是
Picture(Matefile)选项,单击“确定”按钮,则将剪贴板中的
任何格式的文本内容以图片的形式粘贴到演示窗口中,
Authorware的文本工具也就不能对其进行修改编辑了。
若在对话框中选中复选项“粘贴链接”,中间列表框只有
Microsoft Word文档选项,单击“确定”按钮,则可以将剪贴板
中的文本内容粘贴到演示窗口中,并同时把这个粘贴后的文本文
件与剪切前的原文本文件进行链接。这种方式引入的文本不能在
演示窗口中修改编辑。但双击这个文本内容后,将打开Microsoft
Word软件界面,并显示出剪贴前的原文本文件,只要修改原文件,
演示窗口中与其链接的粘贴文件内容也会自动发生相同的改变。
。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
1.设置文本的一般属性
(1)设置文本的颜色
可以设置文本的颜色,也可以设置文本的背景色。
① 选中文本对象。
② 打开工具箱中的线框调色模板,选择字体需要的颜色。
③ 打开工具箱中的背景调色板,选择文字背景需要的颜色。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(2)设置文本的字体
① 选中文本对象。
② 选择下拉菜单命令Text / Font选项,其子菜单中的下拉列表
列出了多种字体方案可供选择,或选择列表中最后一项“Other”
,打开当前系统安装的全部字体列表,如下图所示,选择Font列
表框中任一种字体方案。任何装载在用户操作系
统中的字体都可以被应用到Authorware中。
需要注意的是,如果在程序中使用了某种字体,
那么该程序在其它机器上运行时就要求该机器
必须安装该字体,否则文本将自动变为宋体。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(3)设置文本的尺寸
文本的尺寸是以相应的文本字号为标准的。
① 选中文本。
② 选择下拉菜单命令Text / Size选项,其子菜单列出了当前字
体尺寸可供选择的所有字号。若自定义字体的尺寸,可以选择子
菜单中的Other选项,会出现一个允许输
入字体字号的对话框,如右图所示),该
对话框下部还同时提供了当前字体的预览
表。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(4)设置文本的风格
① 选中文本
② 选择下拉菜单命令Text / Style选项,其子菜单列出了所有的
可供选择的文本风格列表:
Plain 普通
Bold 粗体
Italic 斜体
Underline 下划线
Superscript 上标
Subscript 下标
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(5)设置文本的对齐方式
① 选中文本。
② 选择菜单命令Text / Alignment,其子菜单列出所有文本对齐
方式:
Left 左对齐
Center 居中
Right 右对齐
Justify 两端对齐
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(6)设置文本的滚屏方式
此选项可把文本放入滚动窗口内。
① 选中文本。
② 选择下拉菜单命令Text / Scrolling选项,文本的右侧将出现
滚屏的控制拉钮。如果重复选择,滚屏的控制拉钮则可以交替出
现和消失。
(7)设置文本的防锯齿方式
① 选中文本。
② 选择下拉菜单命令Text / Anti-Aliased选项。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
(8)设置文本中数字的格式
① 选中显示变量。
② 选择下拉菜单命令Text /
Number Format选项,出现数字格
式对话框,如右图所示。在对话
框中可以设置数字中小数点的位
数和显示方式。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
2.预定义文本风格和应用文本风格
⑴ 定义文本风格
① 选择下拉菜单命令
Text / Define Styles
选项。屏幕上就会出现
Define Styles对话框,
如右图所示。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
② 在左下角的文本框中填入预定义风格的名称,单击“Add”按
钮,“Add”上面的空白域中会增加预定义风格的名称。
③ 选中右侧有关选项,可以预定义文本风格的字体、字号、风格、
颜色、数字显示格式等属性。
④ 按下“Modify”按钮保存该名称的预定义风格属性设置。当然,
选中某个预定义风格名,再按下“Remove”按钮也可以删除已经
预定义但未应用的文本风格。
⑤ 按下右下角的“Done”按钮,结束文本风格的定义。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
⑵ 应用文本风格
预定义文本风格后,可以把该文本风格应用到一个文本块上。
① 选中某一文本块或其中的一部分文字。
② 选择下拉菜单命令Text / Apply Styles选项,将会出现Apply
Styles对话框,显示出已预定义的文本风格的列表。
③ 从列表中选中希望引用的风格,即在小方框中打勾,它立即就
会应用到该文本上。
④ 关闭Apply Styles对话框。
文本的编辑
第四章 多媒体教学软件的图文演示设计
文本的处理
3.设置文本的出场效果
文本对象的出场效果是指程序执行过程中某文本对象刚一开
始出场时其显现的效果。需要指出的是,一个显示图标中所有的
文本对象的出场效果是相同的,而且这个文本对象的出场效果也
就是显示图标的显示效果,因此可以利用设置显示图标的显示效
果来实现文本出场效果的设置。
显示图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
1.显示图标的属性对话框
显示图标的属性对话框如下图所示。
(1)图标信息显示区 (4)Transition(过渡)列表框
(2)图标名称文本框 (5)Option(选项)复选栏
(3)Layer(层)文本框
显示图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
2.显示图标中图文对象的移动性设置
在显示图标属性对话框的右部,有Positioning(位置)列表
框和Movable(移动)列表框。
可移动到任何位置Anywhere5
只可在设置的区域内改变位置、移动位置In AeraIn Aera4
只可在设置的路径上改变位置、移动位置On PathOn Path3
只可在屏幕范围内改变位置、移动位置On ScreenOn Screen2
不能改变位置,也不能移动位置(默认时的设置)NeverNo Change1
鼠标拖动图文对象的移动效果MovablePositioning形式
显示图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
形式1:是默认的设置。
形式2:正确地设置两个列表框选项,再写入对象初始位置
(Initial)的坐标值,即可实现设计目标。
形式3:首先将图文对象放置在指定的起点位置,然后对两个列表
框进行正确设置,这时可见到图文对象上出现一个小三角形(起
点)。拖动对象至任意点(终点),即可出现一条连接起点和终
点(也有小三角形)的路径,此时可通过拖动两端的小三角形改
变路径端点的位置。若点击路径任意处会出现一个小三角形(编
辑点),拖动小三角形可使路径变为折线,也可双击该小三角形
变成小圆形,同时路径在该处变为弧线。也可利用对话框中的
显示图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
Undo和Delete按钮编辑或删除选中的路径上的编辑点。对话框中
的Base、Initial和End文本框中的数值分别代表起点、对象初始
点和终点的相对坐标值,可根据需要任意改变这些数值。
形式4:首先对两个列表框进行正确设置。选中对话框中的单选框
Base,拖动对象到预定活动区域的左上角,定位区域的起点位置,
然后选中单选框End,拖动对象到所设活动区域的右下角,定位区
域的终点位置。这样会出现一个由起点和终点决定的矩形区域。
程序运行时,对象只能在这个区域里被拖动。
形式5:这种形式是一种随意拖动的形式,非常灵活。
等待图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
1.等待图标的属性设置
等待图标的属性设置对话框,如下图所示。
(1)图标信息显示区 (4)Options (选项)
(2)图标名称文本框 (5)帮助按钮
(3)Events(事件)选项
等待图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
2.等待图标的使用
(1)时间解除方式
在属性设置对话框的Time (时间)文本框中输入一个时间值,
就是时间解除方式的设置。这种方式属于一种强制性等待方法,
学习者在预先设计的等待时间内来完成信息浏览的任务。
(2)用户解除方式
在属性设置面对话框中选择Mouse Click (鼠标单击)、Key
Press (按键)或Show Button (显示等待按钮)等属性选项,都可
以生成用户掌握等待时间、自主解除等待状态的功能。
等待图标的属性设置
第四章 多媒体教学软件的图文演示设计
相关的设置
(3)两种方式混合的解除方式
单独的使用以上两种时间解除方式,都有其不利的一面,而
两种方式混合的解除方式可以克服单独的时间解除方式和单独用
户解除方式的缺点。这几种方式的使用没有优先级,可以随时以
各种不同的方式解除等待状态。
擦除图标
第四章 多媒体教学软件的图文演示设计
相关的设置
1.擦除图标的属性设置
擦除图标的属性设置对话框,如图所示。
(1)图标信息显示区
(2)Transition (过渡)效果选项
(3)Prevent Cross Fade (防止交叉擦除)选项
(4)List (列表)区域
擦除图标
第四章 多媒体教学软件的图文演示设计
相关的设置
2.擦除图标的使用
(1)在被擦除的图标对象流程线下面创建擦除图标。
(2)选择所有被擦除的可视文件对象。打开所有要擦除图标对象
的演示窗口,然后点中流程线上的擦除图标,此时就会处于擦除
图标属性设置对话框的工作状态下,可以逐次单击各演示窗口中
的可视文件对象,也可以直接将被擦除的图标拖放到擦除图标上
即可。
(3)设置擦除图标文件属性。选择合适的擦除过渡效果、确定是
否选择防止交叉过渡选项、设置擦除图标对象的移去或保留等。
简单文字效果演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
1.制作阴影字
(1)拖入一个显示图标到流程线上。
(2)右击显示图标,在弹出的菜单中选择Calculation,在出现
一个附加的计算图标窗口中输入程序:
Movable:=0
这样可防止本图标中的文本对象在程序运行时被移动。
(3)双击显示图标打开演示窗口,输入文本“阴影字效果”,并
设置适当的文本的字体、字号和颜色。选择菜单Modify / Anti-
Aliased (反锯齿)。选择显示模板为"Transparent"模式。
简单文字效果演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
(4)选中该文本对象,点击工具栏中的复制按钮,然后单击粘贴
按钮,窗口中会出现粘贴的副本。选中低层的文本对象,把颜色
改为浅灰色。
(5)把两个文本对象稍微错开一点,形成阴影,然后同时选中两
个对象,利用Modify/Group菜单命令把这两个文本对象组成一个
组以防相对移动。
(6)在显示图标属性对话框中,单击Transition右侧的方形按钮,
弹出Transition对话框,设置转换属性。
(7)存盘后运行程序,效果如右图所示。
简单文字效果演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
2.制作黑与白相间字
(1)前两步与上例相同。
(2)双击显示图标打开演示窗口,输入文本“黑与白”,并设置
适当的文本的字体、字号和颜色。选择菜单Modify / Anti-
Aliased (反锯齿)。选择显示模板为"Inverse"模式。
(3)在窗口中画一简单背景,设置为黑色,利用Modify / Send
to Back菜单命令将其设为底层。把两个文本对象部分重叠,形成
黑白相间效果,然后把这两个文本对象组成一个组以防相对移动。
(4)在显示图标属性对话框中,设置转换属性。
(5)存盘后运行程序,效果如右图所示。
简单文字效果演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
3.制作空心效果字
(1)前两步与上例相同。
(2)双击显示图标打开演示窗口,输入文本“空心字效果”,并
设置适当的文本的字体、字号和颜色。选择菜单Modify / Anti-
Aliased (反锯齿)。选择显示模板为Inverse模式。
(3)选中该文本对象,点击工具栏中的复制按钮,然后单击粘贴
按钮,窗口中会出现粘贴的副本。选择显示模板也为Inverse模式。
使该文字与下层的文字重叠稍错开位置,然后把这两个文本对象
组成一个组以防相对移动。
(4)在显示图标属性对话框中,设置转换属性。
(5)存盘后运行程序,效果如右图所示。
简单文字效果演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
4.制作贴图字
(1)创建流程如右图所示。
(2)按要求分别导入图片和创建文本“贴
图字”。其中两个完全相同的木纹贴图要
设置完全重叠的位置。
(3)设置图标“背景”不透明模式,“木
纹板1”为反转模式,“贴图字”为透明模
式,“木纹板2”也为反转模式。
(4)存盘后运行程序,效果如右图所示。
变量与表达式值的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
程序设计结构如右图所示。
(1)拖入一个计算图标到主流程线上,双击这个图标打开计算窗
口,利用文本工具写入如下内容:
T:="多云"
f:=2
q:=12
q2:=-2
将四个数值或字符串分别赋值给自定义变量T、f、q、q2,即
变量的初始化。
变量与表达式值的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
(2)拖入一个显示图标到主流线,双击打开演示窗口,分别写入
几行文本和显示形式(加括号“{}”)变量:
天 气 预 报
日期: {FullDate}
时间: {FullTime}
天气: {T}
风力: {f}~{f+1}级
最高气温: {q}~{q+2}摄氏度
最低气温: {q2}~{q2-2}摄氏度
日气温差: {q-q2}~{q-q2+4}摄氏度
变量与表达式值的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
(3)在程序流程图上选中显示图标,在界面下方该显示图标的属
性对话框中进行必要的属性设置,特别是要选中Update
displayer Variables选项,使得“秒”数值与当前时间同步变化。
(4)运行程序,在演示窗口中“{ }
”的内容就会显示出其变量当前值或表
达式计算后的值,如右图所示。
问题分析过程的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
程序设计结构如右图所示。
(1)拖入流程线一个显示图标,命名为“问
题”,在其中输入文本“问题”的文字内容。
(2)拖入一个显示图标,命名为“1”,在其
中输入文本“解: 设这班级学生共有x人。”
,打开显示图标“1”的属性对话框,选择显
示过渡效果为Push Left。
(3)拖入一个等待图标,命名为“a”,在其
属性设置对话框中选中Show Button复选项,
将其按钮标签改为“下一步” 。
问题分析过程的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
(4)建立显示图标“2”,按住Shift键,打开这个显示图标,在
其中输入文本“因每人出6分可以多4角8分,所以纪念品的价格是
(6x-48)分;”。注意,如果两显示图标的内容重叠,则后一
显示图标中的内容覆盖前一显示图标中的内容。设置显示过渡效
果为“Cover Center Out”。
(5)同理,在显示图标“3”、“4”、“5”、“6”、“7”中
分别输入相应的文本,并设置其背景透明,设置不同的显示过渡
效果。在每个显示图标下都放置等待图标,以实现点击下一步继
续运行的效果。
调用外部文本的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
程序设计结构如右图所示。
(2)拖入一个计算图标到主流程线上,命名为“定义变量”,打
开计算窗口,写入如下的程序:
Text:=ReadExtFile(FileLocation^"外部文本.txt")
--读取文本文件“外部文本.txt”中的内容
(1)在新建的文件夹“调用外部文
本” 中新建一个程序文件,命名为
“调用外部文本.a7p”,并同时存入
文件夹一个纯文本文件“外部文本
.txt”。
调用外部文本的演示
第四章 多媒体教学软件的图文演示设计
文本的演示设计
(4)拖入一个显示图标到主流线,命名为“固定标题”,打开演
示窗口,写入文本“科普知识”, 并设置显示过渡效果属性。
(5)拖入一个显示图标到主流线,命名为“显示文本”,打开演
示窗口,写入显示形式变量“{Text}”.
(6)运行程序,显示结果如右图所示。
变量Text的值就是图中的文本(外部文
本)的内容。
测量与显示图片的位置
第四章 多媒体教学软件的图文演示设计
图片的演示
(1)创建一个新文件,拖入一个显示图标,取名为“显示坐标”。
(2)因为将要在这个图片中即时显示坐标值,即动态显示变量,
所以必须打开其属性对话框,选中“Up Displayed Variables”
复选框,在Layer栏填入1,使该显示图标的层数为1。
(3)再拖入一个显示图标,取名为“图片”,双击打开演示窗口,
引入一个外部图片。在图片属性对话框的Layout选项卡中适当调
整图片的大小和位置。
(4)打开显示图标“图片”的属性对话框,其中的“Initial”
栏中的数值是图片中心初始位置(以展示窗口的左上角为(0,
0)点)。这样图片可在整个展示窗口中拖动。
测量与显示图片的位置
第四章 多媒体教学软件的图文演示设计
图片的演示
(5)打开显示图标“显示坐标”,在左下角写入内容:
图片中心坐标:({DisplayX@"图片"},{DisplayY@"图片"})
在右下角写入内容:
图片左上角坐标:({DisplayLeft@"图片"},{DisplayTop@"图片"})
即在{ }中显示变量。在双击工具面板中的选取工具后弹出的
选项框中选中Transparent项,使所选中的文本的背景透明(默认
背景为白色)。
(6)运行程序后可拖动图片在演示窗口内移动,而且动态显示图
片的中心点坐标及左上角坐标(以演示窗口的左上角为原点)。
图片的移动浏览
第四章 多媒体教学软件的图文演示设计
图片的演示
(1)创建如右图所示的程序流程。
(2)在计算图标窗口中输入以下程序:
ResizeWindow(400,300)
(3)双击显示图标打开演示窗口,导入图片。
(4)设置图标属性。
(5)单击单选钮Base,然后用鼠标拖动图片对象对齐演示窗口的
左上角;单击单选钮End,然后用鼠标拖动图片对象对齐演示窗口
的右下角;单击单选钮Initial,然后用鼠标拖动图片对象放到图
片初始的位置,此时(x,y) 的值随着变化。
(6)存盘后运行程序,用鼠标可在演示窗口内任意移动图片。
拖动图形滑块控制变量数值
第四章 多媒体教学软件的图文演示设计
图片的演示
创建如下图所示的程序流程。
(1)设置文件属性对话框中的窗口尺寸为Variable。
(2)双击打开计算图标"变量定义",输入以下程序:
min:=0 --设定初值
max:=100 --设定终值
(3) 打开显示图标"背景",选择Insent/Image菜单命令导入滑线
变阻器背景图片,并在窗口中适当的位置写入文本与显示变量:
最小值={min}Ω
最大值={max}Ω
当前值={PositionX@"滑片"}Ω
拖动图形滑块控制变量数值
第四章 多媒体教学软件的图文演示设计
图片的演示
(4)打开属性对话框,在Update Displayed Variables的前面打
一个对勾。
(5)双击打开显示图标"滑片",导入滑片移动图片。
(6)打开显示图标"背景",按住Shift键,双击显示图标"滑片"
,将滑片图形移动到背景的变阻器左端合适的位置,然后在属性
对话框的Positioning文本框中设为 On Path,Movable文本框设
为 OnPath,然后将滑片图形移动到背景的变阻器的右端。设置
Base为min,Initial为min,End为max。
(7) 将文件存盘后运行,用鼠标拖动滑块,可看到窗口中的变量
“当前电阻值”在不断改变。
循环显示系列图片
第四章 多媒体教学软件的图文演示设计
图片的演示
(1)创建如下图所示的程序流程。
(2)在"定义变量"计算图标窗口中输入以下程序:
i:=1
alog:=Catalog(“.\\系列图片”) --取文件夹中的目录
num:=LineCount(alog) --目录行数
image:=GetLine(alog,i)
在“跳转”计算图标中输入以下程序:
if i=lines then i:=0
i:=i+1
Image:=GetLine(alog,i)
GoTo(IconID@"图片")
循环显示系列图片
第四章 多媒体教学软件的图文演示设计
图片的演示
打开显示图标演示窗口,利用Insert/Image菜单命令打开图
像属性对话框,在对话框的File文本框中输入:
=FileLocation^"系列图片\\"^image
单击OK按钮关闭图像属性对话框。
(3) 选中显示图标“图片”,建立一附加计算图标,打开窗口,
输入程序:
Movable=0
(4)设置等待图标和擦除图标属性,设置显示图标的属性。
(5)运行程序,子目录“\系列图片”中的图片逐个显示。
第四章 多媒体教学软件的图文演示设计
本章小结
文本、图形和图像的演示是教学软件设计时一个最基本的也
是任务量最大的工作。通过本章的学习,读者在对显示图标深入
了解的基础上熟练掌握熟练了文本的创建、文本的编辑和文本的
风格定义与应用方法;熟练掌握了图形的绘制、外部图片的引入
与处理等方法;熟练掌握了拖动图文对象移动控制变量数值的方
法。另外,通过实例的介绍,读者也对等待图标和擦除图标的使
用有了初步的认识。
这些都是多媒体教学软件中演示型软件制作的技术基础。