1、第5章 文本和图形图像的应用,5.1 显示图标及其使用 5.2 图像的创建与编辑 5.3 文本对象的创建合编辑 5.4 设置【显示】图标的属性 5.5 等待图标的使用 5.6 擦除图标的使用 5.7 综合实例,一、显示图标,1.显示图标的创建 在设计图标工具栏上拖拽显示图标到设计窗口的主流程线上。 该图标的默认名称为“ Untitled ”,图 包含“ 显示”图标的设计窗口,5.1 显示图标及其使用,2.显示图标的作用放置文本，图形和图像，并在演播过程中将这些对象显示在演示窗口中。,一、显示图标,二、演示窗口,. 演窗口的构成 双击主流程线上的显示图标，Authorware会弹出【Presen
2、tation Windows】(【演示】窗口) ，它提供了一个所见即所得的设计环境。,【选择】图标：用于选择对象、移动对象和调整对象。,【多边形】图标：绘制多边形。,【圆角矩形】图标：绘制圆角矩形。,【矩形】图标：绘制矩形。,【椭圆】图标：绘制椭圆或者圆。,【任意角度直线】图标：绘制任意角度的直线。,【固定角度直线】图标：绘制水平或垂直线以及和水平和垂直线成45度的直线。,【文本】图标：输入或修改文本对象。,三、绘图工具箱,1. 绘图功能,2. 设置图形的属性,覆盖模式：双击【选择】图标 ，屏幕上会弹出覆盖模式对话框。,填充模式：双击【矩形】、【圆角矩形】或者【多边形】图标，屏幕上会弹出“填充
3、”对话框。,调色板：双击【椭圆】图标，屏幕上会弹出“ 调色”对话框。,线型：双击【固定角度】图标或者【任意角度】图标，屏幕会弹出“线型”对话框。,六种图形覆盖模式,Opaque: 不透明模式 Matted: 遮挡模式 Transport:透明模式 Inverse: 反显模式 Erase: 擦除模式 Alpha: 通道,5.2 图像的创建与编辑,一、创建图形对象 (一)线段 1. 绘制线段 2. 编辑线段 (1)选中线段 (2)调整长度和方向 (3)平移线段 (4)删除线段 (4)复制/移动线段 3. 设定线段的样式【线型】选择板 带箭头，线宽，虚线(隐藏),一、创建图形对象,(二)圆形 1.
4、绘制椭圆/正圆 2.编辑圆形对象选中，调整大小及形状，移动 3.设定圆形对象的样式 1)改变轮廓线的宽度 2)设置填充模式 3)选择颜色【颜色】选择板,应用图形样式实例1: 为封闭曲线填充单色。,框线/文本色框,前景色框,背景色框,用背景 色填充,用前景色填充,背景色框,前景色框,应用图形样式实例2: 为封闭曲线填充图案。,当前填 充图案,框线/文本色框,框线/文本色框,前景色框,背景色框,应用图形样式实例3: 文本与背景的颜色。,(三)矩形和圆角矩形 1. 绘制圆角矩形：矩形，正方形 2. 编辑圆角矩形：1)改变圆角的弯度：圆形圆角矩形矩形,2)改变弧边的方位：圆边矩形桶形,弯度控制点,1.
5、绘制多边形中间顶点单击，最后顶点双击 2. 编辑多边形 1)大小、形状、位置。 2)增加顶点.选中该多边形.选择多边形工具 .Ctrl+单击,(四)任意多边形,二、对象的放置,(一)改变对象的前后顺序 ModifySend to back； ModifyBRING to Front,(二)对象的排列与对齐1. 使用网格线 ViewGrid ；ViewSnap To Grid,2. 使用【对齐方式】选择板 ModifyAlign,三、多个对象的编辑,1. 选中多个对象. 整体移动. 设置对象组的属性 2. 多个对象组合成一个整体对象ModifyGroup/Ungroup.整体移动.设置整体对象的
6、属性.改变整体对象的大小和形状,四、设置对象的覆盖模式,WindowInspectorsModes,不透明模式,透明模式,清除模式,遮挡模式,反显模式,通道模式,不透明模式,透明模式,例5.1绘制集气瓶 (1)新建一个程序文件，并命名存盘。 (2)向主流程线上拖动一个显示图标，并命名。 (3)打开显示图标。 (4)绘制瓶体 (5)绘制瓶口 (6)绘制水位,例：“ 快乐老家”,可以把所有的内容都放在一个显示图标内，但是，这不是一个好想法。合理的设计可以方便你的程序的调试和修改。经过考虑，我们把这个程序分成四个显示图标来显示。,五、导入外部图像,Authorware支持的图像文件格式： BMP （
7、未压缩） TIFF（未压缩） JPEG （压缩） GIF（压缩） WMF PICT, LRG,PNG, RLE, DIB, PHOTOSHOP 3.0, TGA, EMF.,1. 导入外部图像文件 2. 利用剪贴板粘贴外部图像 3. 利用OLE（对象链接与嵌入）插入图像,五、导入外部图像,1.导入外部图像文件 用 Import命令导入外部图片的步骤： (1)打开显示图标。 (1)执行【File】|【Import】菜单项。 (2)从文件列表中选择你要导入的图片文件名。 (3)用鼠标单击【Import】按钮，将图片导入。小知识 图片的引用方式： 文件内部插入，链接,2. 利用剪贴板粘贴外部图像 (
8、1)启动应用程序（Word、画图等）。 (2)利用“复制”命令，从应用程序中复制图片。 (3)利用“粘贴”命令，把剪贴板的图片粘贴到Authorware的显示图标中。,3. 利用OLE Object插入图像 OLEObject Linking and Embedding对象链接与嵌入。它是把其他应用软件的各种文件当作一个对象，嵌入到当前使用的软件里，当需要修改被插入对象时，只需要双击此时对象即可返回到该对象的原制作软件中进行修改，修改完毕后，又可以脱离原制作软件，将修改后的对象插回到原处。,例5.2 制作数学公式 (1)打开显示图标，执行“Insert”|“Object”。 (2)在“对象类型
9、”列表中选择“Microsoft公式3.0”选项，演示窗口中出现公式编辑器。 (3)在公式编辑器中输入和编辑公式。公式编辑完毕后，在窗口其他位置上单击，便输入一个OLE公式。 (4)当要修改公式时，只需要在演示窗口中双击该公式，即可进入公式编辑器进行编辑。,六、设置外部图像的显示属性p90,1.选中图像对象 2.双击图像对象，或Modify|Image Properties，打开“Properties:Image”对话框；,(1)【Image】选项卡File文本框：指示图像对象的来源文件。Storage文本框：指示图像对象的存储方式。,Mode下拉列表框：设置图像对象的覆盖模式。File Si
10、ze:指示图像文件的大小。File Format:指示图像文件的格式。Color Depth:色深，指图像的包含颜色数。,(2)【Layout】选项卡Display下拉列表框：Scaled: 缩放显示；Cropped: 剪裁显示；As is: 按图像原大小显示；,七、设置图像的覆盖模式,不透明模式(Opaque) 这是Authorware提供的默认覆盖模式。设置为这种模式的位图，以其所占的矩形区域将其后的内容遮住。,2. 遮挡模式(Matted) 和不透明模式相似，只是位图矩形局域边沿部分的白色褪掉了。,P92_1.a6p,3.透明模式(Transparentr)位图对象的所有白色部分均变为透
11、明，其下的内容通过透明部分显示出来。,5.3 文本的使用,一、直接输入文本,图 文本标尺的功能,二、编辑文本对象,(一)修改文本对象内容插入、删除、复制、移动。 (二)调整文本格式 1. 改变文本对象的宽度 2. 设置文本对齐方式 TextAlignment 3. 设置文本缩进 文本标尺 4. 设置制表位文本标尺,三、设置文本风格（p95, 5.5.3),设置文本颜色利用绘图工具箱 设置文字大小 【Text】【Size】，选择一种尺寸消锯齿功能：TextAnti-Aliase 3. 设置文本样式TextStyle TextScrolling,四、 预定义文本风格 （5.3.4）,Authorw
12、are可以让用户预先定义自己常用的文本风格，然后就可以像使用普通风格那样使用预定义风格。文本风格的定义：TextDefine Styles输入所定义的文本样式名称：Add输入Modify选择各种文本属性。执行命令: Done 预定义文本风格的应用:TextApply Styles,第2次3节,例5.3 阴影字制作 阴影.a6p,五、嵌入变量,1. 使用系统变量 例1. 在演示窗口中显示当前日期和当前时间。今天是 FullDate, 现在时间是FullTime 2. 使用自定义变量在“运算”图标中给变量赋值；在显示图标中使用变量。,六、导入外部文本,1. 使用“ 粘贴板” (.TXT, 或带格式
13、的文档) 2.从外部应用程序中向Authorware中拖入文本块(.TXT,或带格式的文档)。导入到指定显示图标，或生成一个新的显示图标。 3.直接向Authorware中拖入文本文件(.TXT)。导入到指定显示图标，或生成一个新的显示图标。 4.使用导入文件命令(.TXT) FileImport 在显示窗口打开的情况下：导入该显示图标； 否则：生成一个新的显示图标,4. 从外部文件引入文本,(1)选择【File】|【Import】菜单项;选择文件引入的方式（Link to File）。,(2)选择要导入的文件名，单击【Import】按钮;回答文本格式对话框。,(3)单击对话框上的【OK】按钮
14、，完成文件的导入。,说明：如果引入的文字信息不是纯文本形式，可以用剪贴板拷贝此文字信息。,第2次课结束,5.4 设置【显示】图标的属性,【显示】图标的属性包括 图标的层次 转变模式 图形对象的位置。,5.4 设置【显示】图标的属性,选择【Modify】|【Icon】|【Properties】菜单项，屏幕上会弹出一个显示图标属性对话框，如图所示。,通过属性对话框，可以改变图标的层次、转换模式、图形对象的位置。,图标名称文本框,图标内容预览框,图标类型预览框,选项卡,图 【显示图标属性】对话框,1.【Display】选项卡 (1)Layer文本框：设置图标所处的层次。默认值为0。 (2)Trans
15、ition下拉列表：指定图标内容显示的过渡效果。,一、设置【显示】图标的属性,(3)Option选项 Update Display Variables 复选框: 自动更新显示变量。 .Exclude Text from Search复选框: 将【显示】图标中文本对象排除在Authorware进行字符串搜索范围之外。,Prevent Automatic Erase复选框：该显示图标不会被其它图标设置的自动擦除功能擦除。 Erase Previous Content复选框：显示当前图标内容前，自动将低层次的已显示内容自动擦除。 Direct to Screen复选框：此设计图标的内容会放置在【演示
16、】窗口的最前面，而不管它的层次如何。在这种情况下大多数过渡效果会失效。,一、设置【显示】图标的属性,2. Layout选项卡,No Change：按设计时的位置显示。 On Screen: 按指定的初始坐标，在演示窗口中任意位置显示。 On Path: 在定义好的路径上显示 。 生成折线路径, 变成曲线路径, 确定路径上的位置. In Area: 在一个矩形区域内显示。,(1)Position下拉列表：设置显示图标内容的显示位置。P103,2. Layout选项卡 (2)Movable下拉列表：设置显示图标内容在程序打包运行之后可能被用户移动的方式 Never ：显示位置不能再被移动。 On
17、Screen：显示对象可以在程序窗口的范围内移动。 Anywhere ：显示对象可以移动到任何位置。On Path ：可以沿定义的路径移动。On Area：可以在定义的区域内移动。,举例1: PositionOn PathMovable On Path 举例2: PositionIn AreaMovable In Area,显示位置.a6p,二、设置显示对象的过渡效果,打开“Properties: Display Icon”对话框。 选择“Display”选项卡。 单击“Transition”按钮，弹出“Transition”对话框。,引例：陈男作品,过渡效果种类,过渡效果列表,Xtras F
18、ile：效果包含在哪个Xtras文件中,Duration：设置过渡效果的持续时间。,Smoothness:设置过渡效果进行的平滑程序,Affects:设置过渡效果影响区域,5.5 程序延时等待图标的设置与使用,程序中加入等待图标，可以控制程序的暂停与继续，以使让用户有足够的时间看清屏幕上的内容或者进行一下短暂思考。如下图所示，我们来看看这个属性对话框中各个选项的含义。,1. 图标内容预览框：显示当前【等待】设计图标中的内容。,2.【Event】复选框：指定用来结束等待状态的事件，其中有两个选项。 Mouse Click 按下鼠标：当用户按下鼠标时，程序继续运行。 Key Press按下键盘：当
19、用户按下键盘时，程序继续运行。 3.【Time Limit】文本框：时间限制。设置一个最大等待时间，超过这个时间，不管用户是否用鼠标或键盘触发程序，程序都会继续进行。,3. 【Options】复选框：在执行等待图标的过程中，可以使用下列选项来提示用户。 Show Countdown 显示倒计时标志：屏幕上会显示一个倒计时种，提示用户剩余的时间。 Show Botton 显示等待按钮：选中这个选项，程序运行时，屏幕上会出现一个标题为Continue的按钮，用户单击这个按钮，程序会继续执行。,5.6 擦除图标的设置,要想擦除演示窗口中特定设计图标的内容，必须使用【擦除】设计图标。 在程序中使用【擦
20、除】图标时，需要对其进行属性设置。,把擦除图标拖到主流程线上，双击图标即可打开它的的属性对话框。,打开属性对话框后，Authorware会自动在属性对话框后打开演示窗口，等待设置要擦除的图标。,1)【Preview】命令按钮：按下此命令按钮可以在“ 预览窗口”内预览擦除效果。,2)【Erase】选项卡：用于设置擦除方式过渡效果。Transition: 设置擦除过渡效果Prevent Cross Fade：防止交叉过渡。在显示下一个图标内容之前将选定的设计图标内容完全擦除。 3)【Icons】选项卡：用于选择擦除目标Icons to Erase: 所列为擦除图标。 Icons to Preser
21、ve: 所列未包含的图标为擦除图标。,综合实例: 轻松制作片头 P72片头.a6p,1. 选择一个窗口背景D:Win98clouds.bmp2 2. 制作一个动态标题“ Authorware” 3. 动态擦除第一个标题擦除图标：Push-Push Down, 【Entire Windows】 在擦除图标前加一个【等待图标】（1s),4. 制作第二个标题“ 创意未来”Push-Push Down, 5. 制作多边形文字“制作多边形文字“未来”并替换文本“ 未来”。 6. 为第二个标题设置特殊过渡效果“ 创意”加阴影，“ 未来”填充图案发生变化。 7. 设置【演示】窗口Modify|File|Properties 关闭【Tile Bar】和【Menu Bar】,上机： 5.7 现场实践：唐诗欣赏,END,
