authorware 第二章 显示图标

1、 第二章 显示图标 锡山职业教育中心校 徐黎丽 内容概述内容概述 显示图标是Authorware中最重要、最基本的图标。显示图标用以接受用户输入的文字，绘制的图形以及导入的外部文本图形图像，并在播放过程中将这些对象显示在演示窗口中。创建显示图标用户只需将图标面板上的显示图标拖拽至程序流程线上的适当位置即可。 Authorware为用户提供了绘图工具箱。使用绘图工具箱，用户可以绘制出一些简单的图形和文本对象。另外，双击某工具，或单击相应按钮可设置当前对象的某种属性，如对象的前景色与背景色、填充模式、显示模式或线形等。 本章主要讲述了以下几点内容： 显示图标的功能与创建 导入外部资源 显示图标的属

2、性设置 绘图工具箱 实例制作 教学目标教学目标 1、学会创建显示图标。 2、掌握在显示图标中导入外部图片与文字的方法。 3、掌握显示图标的过渡特效设置。 4、掌握绘图工具箱的一般用法与高级用法。 5、能够使用显示图标与现有的Authorware知识制作出自己理想的作品。2.1 显示图标的功能与创建 显示图标是Authorware中最重要、最基本的图标。显示图标用以接受用户输入的文字，绘制的图形以及导入的外部文本图形图像，并在播放过程中将这些对象显示在演示窗口中。创建显示图标用户只需将图标面板上的显示图标拖拽至程序流程线上的适当位置即可。 2.1.1显示图标的功能 因不能把文本或者图形直接放在设

3、计窗口的流程线上，所以就需要有一个载体来容纳它们，这就是显示图标。显示图标是Authorware所有图标中最基本的图标，被称为Authorware的“灵魂”，它的主要功能是用来制作多媒体的文本、图形或者加载静态图像，还可以用来显示变量、函数值的即时变化。用户将这些多媒体构件添加到显示图标内，即可构建出程序的基本骨架。 2.1.2 显示图标的创建 显示图标的创建很简单，移动鼠标指针到图标工具箱中的显示图标上，按下鼠标左键，拖动显示图标到流程线上，然后释放鼠标左键即可。双击该显示图标，即可打开该显示图标的演示窗口。 2.2 导入外部资源 Authorware是一部多媒体组装机。它本身制作各种媒体的

4、功能很有限，但它能够将多种不同类型的外部资源媒体有机的组织为一个整体。而这才是它真正的功能所在。那么，如何将外部资源引入Authorware系统呢？这个过程称为导入。 外部资源的种类很多，有图片、文字、声音、视频等多种形式。在这一节，我们只讲述图片与文字的导入过程，至于声音与视频等媒体形式的导入，将在以后的章节中讲解。 2.2.1 导入外部图片 图片在多媒体中起着非常大的作用。它能够烘托气氛，渲染环境，美化视觉，优化心情。使多媒体课件锦上添花，效果倍出。 1、导入外部图片的方法 （1）双出显示图标，打开显示图标的演示窗口； （2）单击常用工具栏的“导入”按钮，弹出导入对话框，如图2-1所示；

5、（3）单击“文件类型”下拉菜单右端箭头，选择要导入图片的类型； （4）在“查找范围”中找到要导入的图片文件； （5）设置复选框“连接到文件”和“显示预览”； 连接到文件：选择此复选框，会将图片文件当作外部文件，即图片与Authorware程序是两个独立的文件，图片并没有包含在程序中。 显示预览：选中此复选框，将显示该图片文件的预览情况。 （6）对话框右下角有一个“+”号标志，若一次性导入的不只是一个文件，单击此标志，在对话框右侧又弹出一个小窗口（如图2-2所示），可以进一步选择，实现一次性导入多个文件。 在左侧窗口中找到要导入的文件，单击选择之，再单击“添加”按钮，即可作为后备导入的文件；或单

6、击“全部添加”按钮，会将左侧显示文件夹中所有可用文件全部作为后备导入文件；在“导入文件列表”中选择一个文件，单击“删除”按钮，将删除该文件；单击“-”号标志，可将右侧窗口关闭，使对话框恢复如图2-1所示的原状。 （7）单击“导入”按钮，即可将一个或多个文件导入。完成图片的导入过程。图2-1 导入文件对话框图2-2 可导入多个文件的对话框 2、图片属性对话框介绍 要查看图片的相关属性，或修改图片的显示属性，可通过查看或修改图片的属性对话框来实现。在演示窗口中双击已导入的图片，即可弹出图片属性对话框，如图2-3所示。 （1）在属性窗口的左上部有图片类型标志窗口，不同类型的图片，显示标志不一样。例如

7、jpg、bmp、gif的标志分别如图2-4的（a）、（b）、（c）所示；图2-3 图像属性对话框 (a) jpg文件 (b) bmp文件 (c) gif文件图2-4不同类型的图像文件的标志 （2）单击“导入”按钮，弹出导入对话框，可将原导入的图片用新图片替换掉； （3）“图象”选项卡，如图2-5所示。 图2-5 图象选项卡 文件：显示文件保存路径及名称。 存储：显示该文件是内部文件，还是外部文件。若在导入时选择了“链接到文件”，则此处显示“外部”，否则，显示“内部”。 模式：显示并可选择图片的显示模式（见后面章节的介绍）。 颜色：单击小方块，弹出颜色选择对话框。可改变前景色背景色。 文件大小：

8、显示文件大小。 文件格式：显示文件格式。 颜色深度：显示文件颜色深度（文件像素储存位数，如8位，24位等）。 （4）“版面布局”选项卡，如图2-6所示。图2-6 版面布局选项卡 屏幕的坐标是以像素为单位的，对于一个800600的屏幕，其左上角坐标为（0，0），右下角坐标为（800，600）。 当“显示”选择“比例”时，可改变原始图片的显示比例，选项卡面板变为如图2-7所示。 位置：显示并可调整图片的位置。当然，使用鼠标拖动图片后，此处的值也会发生相应的变化。 大小：显示并可调整图片的宽、高。当然，通过鼠标拖动改变图片大小后，此处的值也会发生相应的变化。 非固定比例：显示原大小。此处的值不可改变

9、。 比例%：显示并可调整图片宽、高的显示比例。当然，通过鼠标拖动改变图片大小后，此处的值也会发生相应的变化。 当“显示”选择“裁取”时，可只显示图片的一部分，选项卡面板变为如图2-8所示。 位置：显示并可调整图片的位置。 大小：显示并可调整图片截留的宽度、高度。 非固定比例：显示原始图像的大小。 放置：可单击替代图片的矩形来调整截取图片在框架中的位置。 当不想改变图片的大小时，在“显示”中选择“原始”，选项卡如图2-6所示。 图2-7 选择“比例”时选项卡 图2-8 选择“裁切”时选项卡3、对图片的操作（1）移动图片按住Shift键可选中两个以上的图片，此时移动被选图片可保持各图片相对位置不变

10、。按住Shift键移动图片时，可使该图片在水平、垂直、与水平或垂直成45度角方向上移动。 （2）组合与分解图片 按住Shift键选中两个以上图片，单击“修改”“群组”，可使这些图片成为一个整体； 要分解此一个组合的整体，只要选中该图片，单击“修改”“取消群组”即可。 （3）图片对齐方式 按住Shift键选中要对齐的图片，单击菜单栏菜单“修改”“排列”，弹出对齐方式工具面板，如图2-9所示。单击合适的对齐方式即可。左对齐竖直居中对齐右对齐水平等距上对齐水平居中对齐下对齐竖直等距 图2-9 排列对话框（4）改变同一显示图标中重叠图片的位置关系将下面的图片放置到上面来 选中位于上面的图片； 单击“修

11、改”/“置于上层”即可。 将上面的图片放置到下面去 选中位于下面的图片； 单击“修改”/“置于下层”即可。 2.2.2 导入文本 文字在多媒体中起着画龙点睛的作用。它能够直书胸意，表达思想。使多媒体课件的精神得以升华。所以，如何正确地将文字体现在课件中，显得非常重要。 1、直接写入文字 直接写入文字，就是将文字内容通过Authorware7的文本工具直接写入Authorare的演示窗口，并可通过Authorware7的文本工具对文本进行修饰。写入文字的方法如下。 （1）用鼠标把显示图标从图标工具栏上拖到流程线上； （2）在流程线上双击显示图标，打开该显示图标的演示窗口； （3）在绘图工具箱上单

12、击文本工具，再在演示窗口中任意位置处单击鼠标，在该处将出现文本输入标尺； （4）对文本输入标尺进行如下操作，会出现图2-10所示图样。 在文本输入标尺上方约1/3处和2/3处用鼠标各单击一下，会各出现一个三角形标志。它们是水平制表位； 沿标尺向右拖动左侧小方块处上方小三角至某位置，然后再沿标尺向右拖动其下方小三角，上下两个小三角将分开； 沿标尺向左拖动右侧小方块处小三角至某位置。图2-10 文本宽度线 各部分功能介绍如下： 标尺两端的小矩形块称为文本框左右边界，用来调整文本框占有的宽度； 标尺右端的三角形是右缩进标志，用来调整文本的右边界； 标尺左端的上部三角形是左缩进标志，用来调整文本的左边

13、界；下部三角形是首行缩进标志，用来调整文本段落首行的起始位置； 在标尺1/3处和2/3处上部加入的三角形是水平制表位标志。输入文本时，用户按Tab键，光标会跳到下一个制表符。 注意：注意：文本框左右边界与左右缩进是不同的。文本框左右边界是调整文本框占有的宽度的，而左右缩进标志是用来调整文本的左右边界的，如图2-11（a）（b）所示。（a） （b） 图2-11 文本框左右边界与左右缩进的对比 （5）在演示窗口文本输入标尺中输入文字，即可形成如图2-11（a）所示情况； （6）单击绘图工具箱的选择工具，文本输入标尺消失，变为选择句柄形式，如图2-11（b）所示。 （7）关闭演示窗口。 2、从外部文

14、件引入文本 从外部导入的文本文件只能是纯文本文件，如*.txt文件，而不能是像Word一样的文件，因为这些文件的文本中含有不可见的格式字符。 （1）单击常用工具栏的“导入”按钮，弹出如图2-1所示的对话框； （2）找到要导入的文本文件，单击导入按钮，弹出“RTF导入”对话框，如图2-12所示；图2-12 RTF导入对话框（3）完成该对话框设置： 硬分页符： 忽略：选择该项，导入时，Authorware遇到文本中的分页符时，会将它忽略不计。 创建新的显示图标：选择该项，Authorware将会在遇到文本中的分页符时，自动产生一个新显示图标。 文本对象： 标准：将文本文件转化为标准的文本对象。这种

15、情况下，如果文本内容很多，那么将只显示一部分文本内容。其它内容是无法看到的。 滚动：将文本文件转化成滚动显示的文本对象，不管文本内容多少，都将显示滚动条。这种方式有利于文本内容较多的文件。 （4）设置完成“RTF导入”对话框后，单击确定按钮，完成文本的导入。 2.3 显示图标属性设置 在流程线上拖入一个图标，系统就会自动在窗口的下部显示其属性面板。当拖入一个显示图标时，窗口下部显示显示图标的属性面板，如图2-13所示。图2-13 显示图标属性面板 为了查看图标的属性，就必须打开图标的属性面板，用户可按下列方式之一进行操作： 单击选择图标，然后选择菜单栏上的“修改”“图标”“属性”命令。 选择群

16、组图标，然后按Ctrl+I 快捷键。 按住Ctrl+Alt组合键，并双击群组图标。 用鼠标右击图标，弹出快捷菜单，然后在菜单中选择“属性”项即可。 下面就介绍一下显示图标的属性窗口中各组件的功能。 图标预览窗口：在该小窗口中可预览显示图标中导入的图片。其右侧显示了该显示图标的有关数据，如图标标识、文件大小、最后修改日期等。 打开按钮：单击打开按钮，将会打开显示图标的演示窗口。 图标名称文本框：显示当前设计图标的名称。 层：设置图标的层数。层数高的显示图标的内容将覆盖层数较低的显示图标的内容。 特效：通过单击右侧的按钮，将打开“特效”对话框，如图2-14所示，该对话框可以为当前的设计图标选择一种

17、过渡效果。 图2-14 特效方式对话框更新显示变量复选框：选中该复选框，则程序将对显示图标中嵌入的变量自动更新并刷新显示效果。禁止文本查找复选框：选中该复选框，将无法在程序中用关键字来查找该显示图标中所包含的文本内容。 防止自动擦除复选框：Authorware具有在演示窗口自动擦除该图标以前的所有的显示图标内容的能力。有时为了使显示的内容不被自动擦除，就可以选中该复选框。 擦除以前内容复选框：选中该复选框，则当运行到该显示图标时，会将前面的显示图标中的内容自动擦除。注意：它只能擦除比该显示图标层数低的显示图标的内容，比该图标层数高的则不能被擦除。 直接写屏复选框：选中该复选框，则不管该显示图标

18、的层数高低如何，当程序运行到该显示图标时，该显示图标中内容均会被放置在演示窗口最前面。 关于选择位置中“位置”和“活动”的内容将在以后章节中介绍。2.4 绘图工具箱 Authorware7提供的绘图工具箱如图2-15（a）所示。使用绘图工具箱，用户可以绘制出一些简单的图形和文本对象。另外，双击某工具，或单击相应按钮可设置当前对象的某种属性，如对象的前景色与背景色、填充模式、显示模式或线形等。 2.4.1绘图工具箱的介绍 1、绘图工具箱的打开 双击流程线上的显示图标，打开程序演示窗口，同时也会打开绘图工具箱。 双击交互图标也可打开绘图工具箱。 当程序运行时遇到一个空的显示图标或交互图标时，会自动

19、打开绘图工具箱。 在程序运行时，双击文本对象或图形对象，会自动打开绘图工具箱。 （a） （b） （c） （d） （e）（a）绘图工具箱 （b）模式工具箱 （c）填充工具箱 （d）线形工具箱 （e）色彩工具箱图2-15 工具箱 2、绘图工具箱的基本使用方法 工具箱中工具的基本使用方法是相同的，都是先单击该图标，然后在演示窗口拖动或单击鼠标，以建立新的图形对象或对已有图形对象进行修改。 单击绘图工具箱右上角的关闭按钮，不仅可关闭绘图工具箱，同时还将演示窗口也关闭了。当然，关闭演示窗口的同时也会将绘图工具箱关闭。 双击选择工具，或单击模式按钮，弹出模式工具箱，如图2-15（b）所示。 双击矩形工具或

20、圆角矩形工具或多边形工具，或单击填充按钮，弹出填充工具箱，如图2-15（c）所示。 双击直线工具或斜线工具，或单击线型按钮，弹出线型工具箱，如图2-15（d）所示。 双击椭圆工具，或单击色彩按钮，或双击线色彩或前景色或背景色，弹出色彩工具箱，如图2-15（e）所示。 3、绘图工具箱工具介绍： 选择移动工具：可选择、移动对象文本工具：建立修改文本对象固定角度直线工具：绘制水平或垂直直线，及与水平垂直线成45度角的直线任意角度直线工具：绘制任意角度直线椭圆工具：绘制椭圆或圆（按Shift键）矩形工具：绘制长方形或正方形（按Shift键）圆角矩形工具：绘制圆角长方形或圆角正方形（按Shift键）多边

21、形工具：绘制任意多边形色彩按钮：单击可弹出色彩工具箱 线型按钮：单击可弹出线型工具箱 模式按钮：单击可弹出模式工具箱 填充按钮：单击可弹出填充工具箱 2.4.2 利用绘图工具箱修改对象属性 1双击椭圆工具，会弹出颜色选择对话框。左下角用于设置边框、线条、字体颜色；右下角用于设置前景色和背景色 2双击固定角度工具或任意角度工具，会弹出线型选择对话框，如图4-2-9所示。 3双击矩形工具、圆角矩形工具或多边形工具，会弹出填充对话框，如图4-2-9所示。用户可设置绘制的封闭图形对象的填充模式 4双击选择图标，会弹出绘图模式对话框，如图4-2-9所示。 1、修改显示模式 双击选择工具，或单击模式按钮，

22、弹出模式工具箱，如图2-15（b）所示。用户可设置发生重叠图形的显示效果。 （1）不透明模式： 上面的显示对象会覆盖下面的显示对象，此模式是默认显示模式。效果演示过程如下： 双击打开显示图标，在其中画一个椭圆，填充入红色。 单击文本工具，在椭圆上输入文本“多媒体创作”。 然后单击选择移动工具，以确定文本的输入内容。其效果如图2-16所示。 （2）透明模式： 上面显示对象有颜色的部分会覆盖下面的显示对象，而空白部分则可看到下面的显示对象。效果演示过程如下： 双击打开显示图标，在其中画一个椭圆，填充入红色。 单击文本工具，在椭圆上输入文本“多媒体创作”。 然后单击选择移动工具，以确定文本的输入内容

23、（以上步骤与“不透明模式”的相同）。 在文本处于被选择的状态下，打开模式工具箱，在其中单击“透明”模式。其效果如图2-17所示。 图2-16 不透明模式 图2-17 透明模式 （3）遮隐模式：此模式用于位图（*.bmp）对象，它把位图边缘的空白部分隐去，只保留中间的有效显示部分，此有效部分仍是不透明的。效果演示过程如下： （a） 不透明模式 （b） 遮隐模式 图2-18 遮隐模式效果对比图在Windows操作系统的“开始程序附件画图”中画一个绿色的椭圆。将其用矩形选择工具选择复制出来。在Authorware中双击打开显示图标，在其中画一个矩形，让其大于椭圆的矩形框，并填充入浅蓝。 将复制出的绿

24、色椭圆粘贴入浅蓝矩形，此时的椭圆为默认的“不透明”模式。效果如图2-18（a）所示。 在绿色椭圆处于被选择的状态下，打开模式工具箱，在其中单击“遮隐”模式。其效果如图2-18（b）所示。 （4）反转模式：（a） 不透明模式 （b） 反转模式 图2-19 反转模式效果对比图 该显示对象的显示颜色为，其所处环境的前景色的反色（互补色），与该对象本身的颜色无关。效果演示过程如下： 双击打开显示图标，在其中画两个圆与一个矩形，并分别填充入绿色、紫色与浅蓝色。 使两个圆的各一半覆盖在矩形上，另一半在矩形外，此时的圆为默认的“不透明”模式。效果如图2-19（a）所示。 按住Shift键，同时选中两个圆，打

25、开模式工具箱，在其中单击“反转”模式。其效果如图2-19（b）所示。从效果图上可以看出，反转后的颜色与该对象本身的颜色无关，只与其所处环境有关。 （5）擦除模式： 除透明部分外，重叠部分被擦除。效果演示过程如下： 双击打开显示图标，在其中画一个圆与一个矩形，并分别填充入绿色与浅蓝色。 使圆覆盖在矩形上，此时的圆为默认的“不透明”模式。效果如图2-20（a）所示。 在绿色圆处于被选择的状态下，打开模式工具箱，在其中单击“擦除”模式。其效果如图2-20（b）所示。 （a） 不透明模式 （b） 擦除模式 图2-20 擦除模式效果对比图（6）阿尔法模式：此模式用于带有阿尔法通道属性的24位位图，它不是

26、简单地使背景完全显露出来，而是将图像与背景颜色混合。2.5 实例制作 这个例子的名称是“恭贺新禧”。我们要实现的功能是，程序一运行，马上就逐渐显示出一幢小房子，然后自动向下卷出左侧对联“千祥云集庆有余”，接着向上卷出右侧对联“百富骈臻贺新春”，最后闪亮出现横批“恭贺新禧”。 这个实例只用到了显示图标，通过这个实例的制作，可以使读者了解到，Authorware的功能是如此的强大，仅使用一种图标即可实现如此漂亮的动画过程。另外，通过这个实例的制作，想使读者可以练习以下Authorware功能： 练习使用绘图工具箱中的工具绘画。 练习使用导入命令导入图片。 练习使用显示图标及过渡效果。 具体制作步聚

27、如下： 1、建立流程图，其各个图标的性质及名称命名如图2-21所示。 2、双击“小房子”图标，打开演示窗口，利用绘图工具箱中的工具绘制小房子，如图2-22所示。 图2-21 流程图 图2-22 绘制图片3、打开“小房子”显示图标属性窗口，设置其过渡特效为“淡出淡入/变色”。4、双击打开“左对联”显示图标，在其中导入图片“千祥云集庆有余”；并打开其属性窗口，设置其过渡特效为“DmXP过渡/向下解开展示”。 5、同上，双击打开“右对联”显示图标，在其中导入图片“百富骈臻贺新春”；并打开其属性窗口，设置其过渡特效为“DmXP过渡/向上解开展示”。 6、同上，双击打开“横批”显示图标，在其中导入图片“

28、恭贺新禧”；并打开其属性窗口，设置其过渡特效为“DmXP过渡/激光展示2”。 7、按住Shift键，单击各个图标，使其同时显示于同一窗口，调整各个图片的大小与相对位置如图2-23所示。完毕。图2-23 最终效果 通过此例，希望读者能够熟练掌握显示图标及绘图工具箱的使用方法与使用技巧，只有多多上机练习，才能使这些有用的工具真正地在自己制作过程中“惟我所用”。本章小结 外部资源的种类很多，有图片、文字、声音、视频等多种形式。而图片在多媒体中起着非常大的作用。它能够烘托气氛，渲染环境，美化视觉，优化心情。使多媒体课件锦上添花，效果倍出。在Authorware中通过“导入”按钮，可以将外部图片导入，并可通过其显示图标属性对话框中的显示过渡特效使图片的显示呈现出更加多样的效果。 文字在多媒体中起着画龙点睛的作用。它能够直书胸意，表达思想。使多媒体课件的精神得以升华。所以，如何正确地将文字体现在课件中，显得非常重要。而在Authorware作品中要使用文字，可通过绘图工具箱中的“文本”工具直接写入，亦可通过“导入”按钮将已存在的文本内容导入作品中。 Authorware的绘图工具箱在作品制作过程中起着非常重要的作用。使用绘图工具箱，用户不仅可以绘制出一些简单的图形和文本对象。