《第4章图文演示设计.ppt》由会员分享,可在线阅读,更多相关《第4章图文演示设计.ppt(78页珍藏版)》请在三一办公上搜索。
1、4.1.1 显示图标,第四章 多媒体教学软件的图文演示设计4.1 图文创建环境,2显示图标的使用(1)用鼠标指针拖动放在图标栏的显示图标到设计窗口的流程线上的某个位置,释放鼠标左键,一个新的显示图标便生成了。(2)给图标命名。点中流程线上的显示图标,在其右侧键入名称。命名时应尽量使名称与该图标的内容相关。(3)双击设计窗口中的显示图标,弹出演示窗口。(4)在演示窗口中创建或编辑文本、图形和图像。(5)设置显示图标的属性。(6)在以后需要随时快速查询该显示图标内容时,可选中该图标,点击右键,选择下拉菜单Preview选项,可出现图标内容的缩略图。,4.1.2 图文工具,第四章 多媒体教学软件的图
2、文演示设计4.1 图文创建环境,双击显示图标,打开演示窗口的同时还会打开一个工具箱面板,如右图所示。1工具箱的文本创建功能 选取工具箱中的文本工具按钮,就可以在演示窗口中创建文本对象。2工具箱的图文对象选择功能 选取工具箱中的选择工具按钮,就可以选择(单击对象)并移动任意图文对象。被选中的对象四周将出现8个小方形控制句柄,拖动这些句柄可以改变对象的形状。,4.1.2 图文工具,第四章 多媒体教学软件的图文演示设计4.1 图文创建环境,3工具箱的绘图功能(1)直线工具:用来画一条水平线段或者与水平线段成45度、90度角的线段。(2)斜线工具:可以画任意角度的线段。当按钮住Shift键的同时画线时
3、,将与直线工具的功能相同。(3)椭圆工具:选择该工具后可以在演示窗口中画椭圆,当按钮住Shift键的同时画图时,将画出一个正圆;(4)矩形工具:选中该工具后,可以在演示窗口中画一个矩形,当按钮Shift键的同时使用画矩形工具时,将画出一个正方形;,4.1.2 图文工具,第四章 多媒体教学软件的图文演示设计4.1 图文创建环境,(5)圆方工具:选中该工具后,可以在演示窗口中画出一个圆角的矩形,可以拖动圆角矩形中小正方形块来改变圆角的程度,当小正方形块在圆角矩形的中心位置时,圆角矩形将变为一个椭圆形;(6)折线工具:使用该工具可以绘制出没有规律的、封闭的或开放的多边形及折线,最后双击鼠标结束绘图。
4、,4.1.2 图文工具,第四章 多媒体教学软件的图文演示设计4.1 图文创建环境,4工具箱中的模板(1)显示模板(2)调色模板(3)线型模板(4)填充方式模板,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)编辑 选中工具箱中选择与移动工具,鼠标点击要修改的直线,直线两端出现句柄,使该直线呈激活状态。鼠标点着一端句柄并移动(但直线另一端并不移动),可以改变直线的长度及角度;用鼠标点着直线的中部并移动可以改变直线的位置。释放鼠标,直线仍处于激活状态。打开线型工具模板,选择直线的宽度和样式,以修改直线的外形。打开线框调色模板,调整直线需要的颜色。去除
5、直线的激活状态。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,绘制椭圆:(1)绘制 击绘图工具箱中的椭圆工具。将鼠标指针移动到演示窗口中要绘制椭圆(或圆)的左上角位置,此时鼠标会变成“十”字型。按下鼠标左键,然后向右下角方向拖动鼠标(如要绘制圆,则在拖动时按住Shift键),可以看到一个变化的椭圆,松开左键,椭圆绘制完毕。按空格键,或选中工具箱中选择与移动工具并点击演示窗口的空白处,去除椭圆的激活状态。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)编辑 选中工具箱中选择与移动工具,点击要修改的椭圆
6、,它的四周出现8个句柄,使该椭圆呈激活状态。点中任一句柄并移动,可以改变椭圆的大小和形状,若是修改一个圆的大小,可以在按住Shift键的同时,拖动圆四角之一的句柄来完成操作;用鼠标点着椭圆的边并移动可以改变椭圆的位置。打开线型工具模板,选择直线的宽度,以修改椭圆的轮廓线宽度。分别打开线框调色模板、前景调色模板、和背景调色模板,调整该椭圆图形的轮廓线、前景色、背景色的颜色。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,打开填充工具模板,要用某种底纹图案填充椭圆(或圆),只需单击其中一个底纹图案按钮即可。去除椭圆的激活状态。绘制矩形和圆角矩形:(1)绘
7、制 用鼠标点击绘图工具箱中的矩形或圆角矩形工具。将鼠标指针移动到演示窗口中要绘制矩形或圆角矩形的左上角位置,此时鼠标会变成“十”字型。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,按下鼠标左键,然后向右下角方向拖动鼠标(如要绘制正方形,则在拖动时按住Shift键),可以看到一个变化的矩形或圆角矩形,松开左键,这时矩形绘制完毕,而对于圆角矩形来说,则还要用鼠标拖动圆角矩形内左上角的句柄,以改变圆角矩形的圆角程度。刚刚建立的矩形四周有八个句柄,而圆角矩形则只有一个内部左上角的句柄,这都表示该对象呈激活状态。按空格键,或选中工具箱中选择与移动工具并点击演
8、示窗口的空白处,去除对象的激活状态。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)编辑 选中工具箱中选择与移动工具,鼠标点击要修改的矩形或圆角矩形,它们的四周都会出现8个句柄,使该对象呈激活状态。用鼠标点着任一句柄并移动,可以改变矩形或圆角矩形的大小和形状,若是修改一个正方形或圆角正方形的大小,可以在按住Shift键的同时,拖动其四角之一的句柄来完成操作;用鼠标点着矩形或圆角矩形的边并移动可以改变它们的位置。打开线型工具模板,选择直线的宽度,以修改矩形或圆角矩形的轮廓线宽度。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4
9、.2 图形、图像的处理,分别打开线框调色模板、前景调色模板、和背景调色模板,调整该该矩形或圆角矩形的轮廓线、前景色、背景色的颜色。打开填充工具模板,要用某种底纹图案填充矩形或圆角矩形,只需单击其中一个底纹图案即可。去除对象的激活状态。绘制多边形和折线:(1)绘制 用鼠标点击绘图工具箱中的折线工具。将鼠标指针移动到演示窗口中要绘制的多边形或折线的顶点或起点位置,此时鼠标会变成“十”字型。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,按下鼠标左键,拖动鼠标,可以看到一个一端随着鼠标移动的线(即多边形的一条边或折线的一段),将鼠标定位在多边形下一个顶点或
10、折线的折点上,单击左键确认(若在绘制的同时按下Shift键,则这条边是水平、垂直或45角的),如此重复。绘制到最后一个顶点或折点时,若将鼠标指针移到起始点双击,即可完成一个封闭多边形的绘制;若在最后一点不是多边形的起始点,双击鼠标左键,即可完成一个开放的多边形或一条折线的绘制。按空格键,或选中工具箱中选择与移动工具并点击演示窗口的空白处,去除对象的激活状态。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)编辑 选中工具箱中选择与移动工具,鼠标点击要修改的多边形或折线,它们的四周都会出现8个句柄,使该对象呈激活状态。用鼠标点着任一句柄并移动,可以
11、改变多边形或折线图形的整体横竖比例;若在拖动句柄的同时按下Shift键时,可使多边形或折线按比例放大或缩小;若在用“选择与移动”工具点击多边形或折线后,再单击绘图工具箱中折线工具按钮,则在多边形或折线上每条线段的两端都会出现句柄,拖动它们可以改变该线段的长度和角度,从而改变多边形或折线的整体形状;用鼠标点着多边形或折线的边并移动可以改变它们的位置。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,打开线型工具模板,选择直线的宽度,以修改多边形或折线的轮廓线宽度。分别打开线框调色模板、前景调色模板、和背景调色模板,调整该折线或多边形的轮廓线、前景色、背景
12、色的颜色。在开放型多边形或折线情况下,系统默认多边形或折线的起点和终点为多边形的最后一个边进行颜色填充,形成一个多边形的颜色块。但这个默认的边是空的,并不出现一条线。打开填充工具模板,要用某种底纹图案填充多边形或由折线形成的多边形色块区域,只需单击其中一个底纹图案即可。去除对象的激活状态。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,2调整多个图形的关系 当一个图标内绘制的图形对象多于两个以上时,就会出现前后叠放次序、相互位置排列、对象各自组合等问题。(1)调整前后叠放次序 当多个图形对象在位置上出现重叠时,系统在默认状态下,总是把后绘制的对象遮盖
13、在先绘制对象的前面。但是可以利用系统的命令调整这些图形对象的前后叠放次序。可以先选中需要调整到最前层或最后层的对象,然后选择菜单命令Modify/Bring to Front或Modify/Send to Back,选中的对象就会被调整到最前面或最后面,经过反复调整就可达到设计目的。,4.2.1 图形绘制与编辑,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)调整相互位置排列 有时为了实现某种设计目标,需要对图形对象之间的相互位置进行必要的调整。可以采用网格线的方法精确定位对象,还可以采用“对齐模板”的方法调整对象之间相互位置的排列。(3)多个对象的组合 有时为了方便地同时
14、移动多个对象或对多个对象进行相同的操作或使多个对象构成一个相对位置不变的整体,可以采用组合的方法来实现。组合后的对象已是一个整体,不能再编辑修改其中的任一个对象。也可选取已组合的对象,并取消多个对象的组合。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,第二种方法:在主流线上要插入图片的程序点处单击一下鼠标,在该点处随即出现一个小手形标志。与上相同的方法打开Import which file对话框,在其中找到所需引入的图形文件。单击“Import”按钮,主流
15、线上的选中点处将自动生成一个新显示图标,新图标的名称与引入图片文件的名称相同。打开这个显示图标的演示窗口,会见到新引入的图片对象。这种方式不仅可以引入纯文本、图形和图像,还可以引入各种视频、动画和声音文件。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,第三种方法:打开需要引入图形的显示图标。选择菜单命令Insert/Image,弹出Properties Image(图片属性)对话框。点击对话框中的Import按钮,弹出Import which file对话框,使用方法同上。点击Import which file对话框的Import按钮后,又回到P
16、roperties Image对话框,这时该对话框的File文本框中已出现导入图片文件的路径,点击Ok按钮即可成功。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,2利用剪贴板导入外部图片 在某一图形软件中创建好图形文件。将图形复制到剪贴板上。返回到Authorware系统界面,打开需要引入图片的显示图标演示窗口。将剪贴板上的图形对象粘贴到演示窗口中。3图片属性设置 从外部引入的图片需要进行属性设置,方法如下:打开需要进行属性设置的图片所在的显示图标。双击需要进行属性设置的图片。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4
17、.2 图形、图像的处理,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,Cropped选项:选中“Cropped”选项时只裁剪图片的一部分,可以选择下面的几个小方框来决定裁剪图片的哪一部分。As Is选项:选中“As Is”选项时只可以调整图片的位置。点击ok按钮即可。4图片的坐标定位(1)演示窗口坐标系 演示窗口绝对坐标系的原点规定在演示窗口的左上角,水平向右为x轴正方向,竖直向下为y轴正方向。坐标系的单位就是一个像素,坐标数值就是像素数,因而演示窗口坐标系
18、的两个坐标轴的最大坐标值就是演示窗口的分辨率数值。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,(2)图片的标准定位 双击某一需要定位的图片。弹出图片属性对话框,选择Layout选项卡。在Position文本框中填入具体坐标数值后,按回车键。图片自动放置在填入的坐标数值的位置上。(3)图片的几何中心定位 打开需要定位的图片所在的显示图标的演示窗口。拖动一个移动图标到流程线上该显示图标下面。,4.2.2 应用外部图像文件,第四章 多媒体教学软件的图文演示设计4.2 图形、图像的处理,双击移动图标打开其属性对话框,点击需要定位的图片,选则Layout
19、选项卡,如下图所示。选择Type列表框中的选项为Direct to Point,此时Destination文本框中显示的正是该图片的几何中心的绝对坐标值。,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,2在演示窗口中引入外部文本文件(1)在流程线上用鼠标双击显示图标,出现演示窗口和一个绘图工具箱。(2)选取菜单File/Import选项,弹出一个引入文本对话框,如右图所示,从中选取要引入的文本文件。,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,3
20、在设计窗口中引入外部文本文件(1)在流程线上需要插入文本对象的位置单击一下鼠标,在该点出现一个插入点的标记。(2)选取菜单File/Import and Export/Import Media选项,先后出现前面介绍过的两个对话框。(3)对两个对话框做出相应的选择后,在流程线上插入点标记处出现一个载有选定的外部文本对象内容的显示图标,图标名自动取为选定的文本对象的名称。(4)双击该显示图标,在打开的演示窗口中显示出刚引入的文本文件的内容。,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,4用剪贴板引入外部文本文件 一般粘贴方式:(1)使用各种文本处理软件写入并编辑
21、文本,或直接在文本处理软件上打开所需要的已有文本文件。(2)选取所需要的文本内容并复制或剪切到剪贴板上。(3)返回到Authorware系统中,用鼠标双击显示图标以打开演示窗口。(4)选取菜单Edit/Paste选项,弹出对话框。(5)做出相应选择后,便将剪贴板中的内容粘贴到演示窗口中。(6)Authorware可以对一般粘贴方式引入的文本内容进行修改。,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,(5)若在对话框中选中复选项“粘贴”,并且选中列表框中的Microsoft Wor
22、d文档选项,单击“确定”按钮,则可以将剪贴板中的内容粘贴到演示窗口中,成为一种文本对象。这种文本对象不能在演示窗口中进行修改编辑。双击这个文本对象后,Microsoft Word系统程序将被激活,它在演示窗口中会出现一个边框区域,菜单栏和工具栏也会临时改变为Microsoft Word的菜单栏和工具栏。在边框区域的范围内利用这些工具可以象在Microsoft Word软件中一样进行各种修改和编辑。当点击演示窗口中边框区域之外的区域后,立即恢复Authorware的编辑环境。这种情况下我们可以灵活地借用Microsoft Word的强大功能为Authorware的文本编辑工作服务。,4.3.1
23、文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,若在对话框中选中复选项“粘贴”,选中列表框中的Microsoft Word文档选项,并且同时选中右边复选框“显示为图标”,单击“确定”按钮,则只是在演示窗口中出现一个相关的图标。双击这个图标将打开Microsoft Word软件界面,并显示出刚从剪贴板粘贴引入的文本,可以在这种情况下对引入的文本进行编辑,这种方式引入的文本将直接在Microsoft Word软件环境中进行修改编辑。若在对话框中选中复选项“粘贴”,但列表框中选择的是Text选项,单击“确定”按钮,则将剪贴板中的任何格式的文本内容以纯文本的格式粘贴到演示窗口中,可
24、以利用Authorware的文本工具直接对其进行修改编辑。,4.3.1 文本的创建,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,若在对话框中选中复选项“粘贴”,但列表框中选择的是Picture(Matefile)选项,单击“确定”按钮,则将剪贴板中的任何格式的文本内容以图片的形式粘贴到演示窗口中,Authorware的文本工具也就不能对其进行修改编辑了。若在对话框中选中复选项“粘贴链接”,中间列表框只有Microsoft Word文档选项,单击“确定”按钮,则可以将剪贴板中的文本内容粘贴到演示窗口中,并同时把这个粘贴后的文本文件与剪切前的原文本文件进行链接。这种方式引入的文本不能在
25、演示窗口中修改编辑。但双击这个文本内容后,将打开Microsoft Word软件界面,并显示出剪贴前的原文本文件,只要修改原文件,演示窗口中与其链接的粘贴文件内容也会自动发生相同的改变。,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,1设置文本的一般属性(1)设置文本的颜色可以设置文本的颜色,也可以设置文本的背景色。选中文本对象。打开工具箱中的线框调色模板,选择字体需要的颜色。打开工具箱中的背景调色板,选择文字背景需要的颜色。,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演
26、示设计4.3 文本的处理,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,(4)设置文本的风格 选中文本 选择下拉菜单命令Text/Style选项,其子菜单列出了所有的可供选择的文本风格列表:Plain 普通Bold 粗体Italic 斜体Underline 下划线Superscript 上标Subscript 下标,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,(5)设置文本的对齐方式 选中文本。选择菜单命令Text/Alignment,其子菜单列出所有文本对齐方式:Left 左对齐Center 居中Right 右对齐Just
27、ify 两端对齐,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,(6)设置文本的滚屏方式此选项可把文本放入滚动窗口内。选中文本。选择下拉菜单命令Text/Scrolling选项,文本的右侧将出现滚屏的控制拉钮。如果重复选择,滚屏的控制拉钮则可以交替出现和消失。(7)设置文本的防锯齿方式 选中文本。选择下拉菜单命令Text/AntiAliased选项。,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,(8)设置文本中数字的格式 选中显示变量。选择下拉菜单命令Text/Number Format选项,出现数字格式对话框,如右图所示。
28、在对话框中可以设置数字中小数点的位数和显示方式。,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,在左下角的文本框中填入预定义风格的名称,单击“Add”按钮,“Add”上面的空白域中会增加预定义风格的名称。选中右侧有关选项,可以预定义文本风格的字体、字号、风格、颜色、数字显示格式等属性。按下“Modify”按钮保存该名称的预定义风格属性设置。当然,选中某个预定义风格名,再按下“Remove”按钮也可以删除已经预定义但未应用的文本风格。按下右下角的“Done”按钮,结束文本风格的定义。
29、,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,应用文本风格 预定义文本风格后,可以把该文本风格应用到一个文本块上。选中某一文本块或其中的一部分文字。选择下拉菜单命令Text/Apply Styles选项,将会出现Apply Styles对话框,显示出已预定义的文本风格的列表。从列表中选中希望引用的风格,即在小方框中打勾,它立即就会应用到该文本上。关闭Apply Styles对话框。,4.3.2 文本的编辑,第四章 多媒体教学软件的图文演示设计4.3 文本的处理,3设置文本的出场效果 文本对象的出场效果是指程序执行过程中某文本对象刚一开始出场时其显现的效果。需
30、要指出的是,一个显示图标中所有的文本对象的出场效果是相同的,而且这个文本对象的出场效果也就是显示图标的显示效果,因此可以利用设置显示图标的显示效果来实现文本出场效果的设置。,4.4.1 显示图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,4.4.1 显示图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,形式1:是默认的设置。形式2:正确地设置两个列表框选项,再写入对象初始位置(Initial)的坐标值,即可实现设计目标。形式3:首先将图文对象放置在指定的起点位置,然后对两个列表框进行正确设置,这时可见到图文对象上出现一个小三角形(起点)。拖动对象至
31、任意点(终点),即可出现一条连接起点和终点(也有小三角形)的路径,此时可通过拖动两端的小三角形改变路径端点的位置。若点击路径任意处会出现一个小三角形(编辑点),拖动小三角形可使路径变为折线,也可双击该小三角形变成小圆形,同时路径在该处变为弧线。也可利用对话框中的,4.4.1 显示图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,Undo和Delete按钮编辑或删除选中的路径上的编辑点。对话框中的Base、Initial和End文本框中的数值分别代表起点、对象初始点和终点的相对坐标值,可根据需要任意改变这些数值。形式4:首先对两个列表框进行正确设置。选中对话框中的单选框Ba
32、se,拖动对象到预定活动区域的左上角,定位区域的起点位置,然后选中单选框End,拖动对象到所设活动区域的右下角,定位区域的终点位置。这样会出现一个由起点和终点决定的矩形区域。程序运行时,对象只能在这个区域里被拖动。形式5:这种形式是一种随意拖动的形式,非常灵活。,4.4.2 等待图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,1等待图标的属性设置 等待图标的属性设置对话框,如下图所示。(1)图标信息显示区(4)Options(选项)(2)图标名称文本框(5)帮助按钮(3)Events(事件)选项,4.4.2 等待图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4
33、 相关的设置,2等待图标的使用(1)时间解除方式 在属性设置对话框的Time(时间)文本框中输入一个时间值,就是时间解除方式的设置。这种方式属于一种强制性等待方法,学习者在预先设计的等待时间内来完成信息浏览的任务。(2)用户解除方式 在属性设置面对话框中选择Mouse Click(鼠标单击)、Key Press(按键)或Show Button(显示等待按钮)等属性选项,都可以生成用户掌握等待时间、自主解除等待状态的功能。,4.4.2 等待图标的属性设置,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,(3)两种方式混合的解除方式 单独的使用以上两种时间解除方式,都有其不利的一面,而两种
34、方式混合的解除方式可以克服单独的时间解除方式和单独用户解除方式的缺点。这几种方式的使用没有优先级,可以随时以各种不同的方式解除等待状态。,4.4.3 擦除图标,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,1擦除图标的属性设置 擦除图标的属性设置对话框,如图4.28所示。(1)图标信息显示区(2)Transition(过渡)效果选项(3)Prevent Cross Fade(防止交叉擦除)选项(4)List(列表)区域,4.4.3 擦除图标,第四章 多媒体教学软件的图文演示设计4.4 相关的设置,2擦除图标的使用(1)在被擦除的图标对象流程线下面创建擦除图标。(2)选择所有被擦除的可
35、视文件对象。打开所有要擦除图标对象的演示窗口,然后点中流程线上的擦除图标,此时就会处于擦除图标属性设置对话框的工作状态下,可以逐次单击各演示窗口中的可视文件对象,也可以直接将被擦除的图标拖放到擦除图标上即可。(3)设置擦除图标文件属性。选择合适的擦除过渡效果、确定是否选择防止交叉过渡选项、设置擦除图标对象的移去或保留等。,4.5.1 简单文字效果演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,(4)选中该文本对象,点击工具栏中的复制按钮,然后单击粘贴按钮,窗口中会出现粘贴的副本。选中低层的文本对象,把颜色改为浅灰色。(5)把两个文本对象稍微错开一点,形成阴影,然后同时选中两个
36、对象,利用Modify/Group菜单命令把这两个文本对象组成一个组以防相对移动。(6)在显示图标属性对话框中,单击Transition右侧的方形按钮,弹出Transition对话框,设置转换属性。(7)存盘后运行程序,效果如右图所示。,4.5.1 简单文字效果演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,2制作黑与白相间字(1)前两步与上例相同。(2)双击显示图标打开演示窗口,输入文本“黑与白”,并设置适当的文本的字体、字号和颜色。选择菜单Modify/Anti-Aliased(反锯齿)。选择显示模板为Inverse模式。(3)在窗口中画一简单背景,设置为黑色,利用Mod
37、ify/Send to Back菜单命令将其设为底层。把两个文本对象部分重叠,形成黑白相间效果,然后把这两个文本对象组成一个组以防相对移动。(4)在显示图标属性对话框中,设置转换属性。(5)存盘后运行程序,效果如右图所示。,4.5.1 简单文字效果演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,3制作空心效果字(1)前两步与上例相同。(2)双击显示图标打开演示窗口,输入文本“空心字效果”,并设置适当的文本的字体、字号和颜色。选择菜单Modify/Anti-Aliased(反锯齿)。选择显示模板为Inverse模式。(3)选中该文本对象,点击工具栏中的复制按钮,然后单击粘贴按钮
38、,窗口中会出现粘贴的副本。选择显示模板也为Inverse模式。使该文字与下层的文字重叠稍错开位置,然后把这两个文本对象组成一个组以防相对移动。(4)在显示图标属性对话框中,设置转换属性。(5)存盘后运行程序,效果如右图所示。,4.5.1 简单文字效果演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,4制作贴图字(1)创建流程如右图所示。(2)按要求分别导入图片和创建文本“贴图字”。其中两个完全相同的木纹贴图要设置完全重叠的位置。(3)设置图标“背景”不透明模式,“木纹板1”为反转模式,“贴图字”为透明模式,“木纹板2”也为反转模式。(4)存盘后运行程序,效果如右图所示。,4.5
39、.2 变量与表达式值的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,程序设计结构如右图所示。(1)拖入一个计算图标到主流程线上,双击这个图标打开计算窗口,利用文本工具写入如下内容:T:=多云 f:=2 q:=12 q2:=-2 将四个数值或字符串分别赋值给自定义变量T、f、q、q2,即变量的初始化。,4.5.2 变量与表达式值的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,(2)拖入一个显示图标到主流线,双击打开演示窗口,分别写入几行文本和显示形式(加括号“”)变量:天 气 预 报日期:FullDate时间:FullTime天气:T风力:ff+1级最高气
40、温:qq+2摄氏度最低气温:q2q2-2摄氏度日气温差:q-q2q-q2+4摄氏度,4.5.2 变量与表达式值的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,4.5.3 问题分析过程的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,程序设计结构如右图所示。(1)拖入流程线一个显示图标,命名为“问题”,在其中输入文本“问题”的文字内容。(2)拖入一个显示图标,命名为“1”,在其中输入文本“解:设这班级学生共有x人。”,打开显示图标“1”的属性对话框,选择显示过渡效果为Push Left。(3)拖入一个等待图标,命名为“a”,在其属性设置对话框中选中Show
41、Button复选项,将其按钮标签改为“下一步”。,4.5.3 问题分析过程的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,(4)建立显示图标“2”,按住Shift键,打开这个显示图标,在其中输入文本“因每人出6分可以多4角8分,所以纪念品的价格是(6x48)分;”。注意,如果两显示图标的内容重叠,则后一显示图标中的内容覆盖前一显示图标中的内容。设置显示过渡效果为“Cover Center Out”。(5)同理,在显示图标“3”、“4”、“5”、“6”、“7”中分别输入相应的文本,并设置其背景透明,设置不同的显示过渡效果。在每个显示图标下都放置等待图标,以实现点击下一步继续运
42、行的效果。,4.5.4 调用外部文本的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,4.5.4 调用外部文本的演示,第四章 多媒体教学软件的图文演示设计4.5 文本的演示设计,(4)拖入一个显示图标到主流线,命名为“固定标题”,打开演示窗口,写入文本“科普知识”,并设置显示过渡效果属性。(5)拖入一个显示图标到主流线,命名为“显示文本”,打开演示窗口,写入显示形式变量“Text”.(6)运行程序,显示结果如右图所示。变量Text的值就是图中的文本(外部文本)的内容。,4.6.1 测量与显示图片的位置,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,(5)打开显示图标
43、“显示坐标”,在左下角写入内容:图片中心坐标:(DisplayX图片,DisplayY图片)在右下角写入内容:图片左上角坐标:(DisplayLeft图片,DisplayTop图片)即在 中显示变量。在双击工具面板中的选取工具后弹出的选项框中选中Transparent项,使所选中的文本的背景透明(默认背景为白色)。(6)运行程序后可拖动图片在演示窗口内移动,而且动态显示图片的中心点坐标及左上角坐标(以演示窗口的左上角为原点)。,4.6.2 图片的移动浏览,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,(1)创建如右图所示的程序流程。(2)在计算图标窗口中输入以下程序:ResizeWi
44、ndow(400,300)(3)双击显示图标打开演示窗口,导入图片。(4)设置图标属性。(5)单击单选钮Base,然后用鼠标拖动图片对象对齐演示窗口的左上角;单击单选钮End,然后用鼠标拖动图片对象对齐演示窗口的右下角;单击单选钮Initial,然后用鼠标拖动图片对象放到图片初始的位置,此时(x,y)的值随着变化。(6)存盘后运行程序,用鼠标可在演示窗口内任意移动图片。,4.6.3 拖动图形滑块控制变量数值,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,创建如下图所示的程序流程。(1)设置文件属性对话框中的窗口尺寸为Variable。(2)双击打开计算图标变量定义,输入以下程序:mi
45、n:=0-设定初值max:=100-设定终值(3)打开显示图标背景,选择Insent/Image菜单命令导入滑线变阻器背景图片,并在窗口中适当的位置写入文本与显示变量:最小值min最大值max当前值PositionX滑片,4.6.3 拖动图形滑块控制变量数值,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,(4)打开属性对话框,在Update Displayed Variables的前面打一个对勾。(5)双击打开显示图标滑片,导入滑片移动图片。(6)打开显示图标背景,按住Shift键,双击显示图标滑片,将滑片图形移动到背景的变阻器左端合适的位置,然后在属性对话框的Positioning
46、文本框中设为 On Path,Movable文本框设为 OnPath,然后将滑片图形移动到背景的变阻器的右端。设置Base为min,Initial为min,End为max。(7)将文件存盘后运行,用鼠标拖动滑块,可看到窗口中的变量“当前电阻值”在不断改变。,4.6.4 循环显示系列图片,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,(1)创建如下图所示的程序流程。(2)在定义变量计算图标窗口中输入以下程序:i:=1alog:=Catalog(“.系列图片”)-取文件夹中的目录num:=LineCount(alog)-目录行数image:=GetLine(alog,i)在“跳转”计算图
47、标中输入以下程序:if i=lines then i:=0i:=i+1Image:=GetLine(alog,i)GoTo(IconID图片),4.6.4 循环显示系列图片,第四章 多媒体教学软件的图文演示设计4.6 图片的演示,打开显示图标演示窗口,利用Insert/Image菜单命令打开图像属性对话框,在对话框的File文本框中输入:=FileLocation系列图片image 单击OK按钮关闭图像属性对话框。(3)选中显示图标“图片”,建立一附加计算图标,打开窗口,输入程序:Movable0(4)设置等待图标和擦除图标属性,设置显示图标的属性。(5)运行程序,子目录“系列图片”中的图片逐个显示。,