设置对象的动态效果

设置对象的动态效果第1页，课件共66页，创作于2023年2月

移动图标的使用和属性

动画类型

第2页，课件共66页，创作于2023年2月7.1移动图标简介

移动图标是Authorware中常用的图标之一，它本身并不能运动。如果利用其制作动画，必须同显示图标、交互图标、数字电影图标等具有显示功能的图标结合使用。

7.1.1移动图标的使用

移动图标的作用是使图片、文本等对象在演示窗口中以指定的速度，基于某种路径方式移动。它主要控制若干对象按照预先设置的路径运动而产生动态效果，它不能改变移动对象的属性，只能改变其位置。

第3页，课件共66页，创作于2023年2月1．移动图标的特点

移动图标具有的特点是：一个移动图标只能对一个图标中显示的对象进行移动；移动图标只能移动一个图标中的所有对象，而不能移动单个对象；多个移动图标可以使用相同或不同的运动方式作用于同一个显示对象，但不能对一个显示对象同时起作用。

提示：如果想在同一个演示窗口中显示多个显示图标的内容，可以双击打开一个显示图标，然后按住Shift键，双击打开其他显示图标。

第4页，课件共66页，创作于2023年2月2．移动图标的使用

使用移动图标的具体操作步骤如下：

（1）在图标栏中选择显示图标，将其拖动到流程线上，命名为“图片”。双击该显示图标，在打开的演示窗口中导入一幅图片，并调整图片的大小和位置。

（2）在“图片”图标的下方拖动一个移动图标到流程线上，命名为“移动”。双击该移动图标，同时打开“属性：移运图标[移动]”面板和演示窗口。

第5页，课件共66页，创作于2023年2月（3）用鼠标单击演示窗口中的图片，该图片就是移动图标的移动对象，在“属性：移运图标[移动]”面板中会有这个对象的预览窗口。

（4）在“属性：移运图标[移动]”面板中设置移动图标的属性，用来控制动画。

第6页，课件共66页，创作于2023年2月7.1.2设置移动图标的属性

要设置移动图标的属性，首先选中移动图标，然后选择菜单栏中的“修改”→“图标”→“属性”命令，打开“属性：移动图标[未命名]”面板，如图7.1.1所示。

图7.1.1“属性：移动图标[未命名]”面板第7页，课件共66页，创作于2023年2月技巧：双击移动图标或按Ctrl+I快捷键，打开“属性：移动图标[未命名]”面板。

“属性：移动图标[未命名]”面板中的各选项的内容如下：

（1）文本框：在该文本框中，修改移动图标的名称。

（2）“层”文本框：在该文本框中设置移动对象的层次，此处的层次既可以和运动对象的层次相同，也可不同。

注意：“层”设置只能决定移动过程中的显示层次，当显示对象运动到目的地静止后，其显示层次由主流程线上设计图标的先后位置决定。

第8页，课件共66页，创作于2023年2月（3）“定时”下拉列表框：在该下拉列表框中选择移动对象的速度度量单位，有两个单位可供选择：时间（秒）和速率（sec/in）。在其下的文本框中输入一个精确的时间值，使对象在指定的时间内完成移动。

（4）“执行方式”下拉列表框：在该列表框中可以设置多个对象是否同时运动。有以下3种方式可供选择。

第9页，课件共66页，创作于2023年2月1）等待直到完成：选择该选项，表示移动图标执行结束后，才能继续执行下一个图标。

2）同时：选择该选项，表示执行该移动图标的同时，系统自动执行下一个图标。

3）永久：选择该选项，表示根据条件来执行移动图标，并不是在所有的动画方式下都设有该项，例如在“指向

固定点”的动画方式下，就不包括该项。而且，该选项只在

提供了含条件设置的动画方式下才适用。

（5）“类型”下拉列表框：在该下拉列表框中选择使用的移动对象的方式。

第10页，课件共66页，创作于2023年2月7.2动画类型

在Authorware中之所以能制作出各种各样的动画效果，是因为它提供了5种不同的动画类型，分别是指向固定点、指向固定直线上的某点、指向固定区域内的某点、指向固定路径的终点和指向固定路径上的任意点，其标志如图7.2.1所示。第11页，课件共66页，创作于2023年2月第12页，课件共66页，创作于2023年2月1．指向固定点

“指向固定点”动画是最基本、最简单的动画类型，是

系统默认的动画类型。在演示窗口中从移动对象的起始点

到终止点，其路径是一条直线。下面以实例7.1“小球运动

1”为例来讲述创建“指向固定点”类型动画，其具体操作步

骤如下：

（1）在流程线上添加一个显示图标，命名为“小球”并

设置背景色。双击该图标，打开演示窗口，在其中画一个

圆作为小球，并为其填充颜色，关闭演示窗口。第13页，课件共66页，创作于2023年2月

（2）在流程线上添加一个移动图标，命名为“运动”，双击该图标，打开演示窗口。

（3）单击选中小球，此时属性面板中动画类型的图

标变成小球的图形，同时在属性面板中设置定时的时间

为“2”，其他的设置取系统的默认值，如图7.2.2所示。

第14页，课件共66页，创作于2023年2月图7.2.2“属性：移动图标[运动]”面板第15页，课件共66页，创作于2023年2月（4）在演示窗口中拖动小球到终止位置，“目标”区中的坐标点（417，149）是小球在演示窗口中的位置。单击属性面板中的“预览”按钮，即可看到小球运动的效果。

（5）在流程线上添加一个计算图标，命名为“退出”。双击计算图标，在打开的“退出”窗口中输入Quit()函数。

（6）程序设计结束后将程序保存，单击“运行”按钮，可以观看小球的运动过程，如图7.2.3所示的是小球某一时刻的运动情况。

第16页，课件共66页，创作于2023年2月图7.2.3小球某一时刻的运动情况第17页，课件共66页，创作于2023年2月2．指向固定直线上的某点

“指向固定直线上的某点”动画是基于常量、变量或表达式的返回值来确定运动的终止位置。移动对象从屏幕的起始位置到指定直线的终止位置，路径也是一条直线。下面以实例7.2“小球运动2”为例来讲述创建“指向固定直线上的某点”类型动画，其具体操作步骤如下：

第18页，课件共66页，创作于2023年2月（1）在流程线上添加一个显示图标，命名为“小球”并设置其背景色，双击该图标，打开演示窗口，在其中画一个圆作为小球，并为其填充颜色，关闭演示窗口。

（2）在流程线上添加一个移动图标，命名为“运动”，双击该图标，打开演示窗口。

第19页，课件共66页，创作于2023年2月（3）单击选中小球，此时在小球的中心出现一个小圆点，同时在属性面板中设置定时的时间为“2”；执行方式为“等待直到完成”；远端范围为“到上一终点”；动画类型设置为“指向固定直线上的某点”；其他的设置如图7.2.4所示。

第20页，课件共66页，创作于2023年2月图7.2.4“属性：移动图标[运动]”面板第21页，课件共66页，创作于2023年2月提示：Random（min，max，units）函数是系统提

供的随机函数，它们也可以在计算图标中输入，应该输入Position：=Random（min，max，units）语句，其中min和max是随机数的区间，units表示是间隔长度，即步长。本例设置的是Random（0，100，10）。

第22页，课件共66页，创作于2023年2月注意：在此动画类型中，“远端范围”下拉列表有3个选项，简单介绍如下：

（1）循环：当目标值超过基点和终点范围时，移动对

象的终止位置由当前位置和终点、基点的差所决定。如终

点是100，当前位置是160，则移动对象应该在该直线目标

值为60的位置上。

（2）在终点停止：当目标值超过基点和终点范围时，

移动对象停止在距离目标点最近的端点位置。

第23页，课件共66页，创作于2023年2月（3）到上一终点：当目标值超过基点和终点范围时，

其移动对象的终止位置不受终点、基点的限制。如终点是100，当前位置是160，则移动对象应该在基点和终点延长

线距离为60的位置上。

（4）在演示窗口中拖动小球到运动的终止位置，此时

在演示窗口中出现一条直线，从起始位置到终止位置，如

图7.2.5所示。单击属性面板中的“预览”按钮，即可看到小

球在此直线上按指定路径运动的效果。

第24页，课件共66页，创作于2023年2月（5）在流程线上添加一个计算图标，命名为“退出”。

双击计算图标，在打开的“退出”窗口中输入Quit()函数。

（6）程序设计结束后将程序保存，单击“运行”按钮，

可以观看小球的运动过程。在运动的过程中，不会显示小

球的运动路径，如图7.2.6所示的是小球在某一时刻的运动

情况。

第25页，课件共66页，创作于2023年2月

图7.2.5小球按指定路径运动的目标点图7.2.6小球某一时刻的运动情况第26页，课件共66页，创作于2023年2月3．指向固定区域内的某点

“指向固定区域内的某点”动画是基于常量、变量或表达式的返回值来确定运动的目标位置。移动对象从屏幕的起始位置到指定区域的某个坐标点位置，其中某个坐标点的位置是在指定区域的相对位置。下面以实例7.3“鼠标拖

动文字”为例来讲述创建“指向固定区域内的某点”动画，其具体操作步骤如下：

第27页，课件共66页，创作于2023年2月（1）在流程线上添加一个显示图标，命名为“锦绣

河山”，双击该图标，打开演示窗口，在其中导入一幅

风景画，并在其中输入文字，如图7.2.7所示，关闭演

示窗口。

图7.2.7导入图片并输入文字第28页，课件共66页，创作于2023年2月（2）在流程线上添加一个显示图标，命名为“山

青水秀”，双击该图标，在打开的演示窗口中输入文

字，并设置字体及颜色、消除锯齿、透明模式等，如

图7.2.8所示。

图7.2.8输入文字第29页，课件共66页，创作于2023年2月

（3）在流程线上添加一个移动图标，命名为“鼠标拖动文字”，同时在属性面板中设置定时的时间为“0.15”；执行方式为“永久”；远端范围为“在终点停止”；动画类型设置为“指向固定区域内的某点”；其他的设置如图7.2.9所示。

图7.2.9“属性：移动图标[鼠标拖动文字]”面板第30页，课件共66页，创作于2023年2月（4）选中“基点”单选按钮，在演示窗口中拖动文字到窗口的左上角位置，作为运动区域的起点；选中“终点”单选按钮，在演示窗口中拖动文字到窗口的右下角位置，作为运动区域的终点。此时在演示窗口中出现一个矩形框，如图7.2.10所示。

（5）程序设计结束后将程序保存，单击“运行”按钮，可以观看文字的运动过程，在运动的过程中，不会显示文字的运动路径，如图7.2.11所示的是鼠标拖动文字在某时刻的运动情况。第31页，课件共66页，创作于2023年2月

图7.2.10文字运动的区域图7.2.11鼠标拖动文字在某时刻的运动情况第32页，课件共66页，创作于2023年2月

4．指向固定路径的终点

“指向固定路径的终点”动画与“指向固定直线上的某点”动画类型相似，也是移动对象从屏幕的起始位置到指定路径的终点位置，但不同的是，它的路径不局限于直线，可是曲线或折线等复杂路径。下面以实例7.4“蜜蜂采蜜”为例来讲述创建“指向固定路径的终点”类型动画，其具体操作步骤如下：

（1）在流程线上添加一个声音图标，命名为“虫鸣”，双击该图标打开其属性面板，单击“导入”按钮，导入一个虫鸣的声音，其他的设置如图7.2.12所示。

第33页，课件共66页，创作于2023年2月图7.2.12“属性：声音图标[虫鸣]”面板第34页，课件共66页，创作于2023年2月（2）在流程线上添加一个显示图标，命名为“花”，双击该图标，打开演示窗口，在其中导入花的图片，如图7.2.13所示，关闭演示窗口。

（3）在流程线上再添加一个显示图标，命名为“蜜蜂”，双击该图标，打开演示窗口，在其中导入蜜蜂的图片，如图7.2.14所示，关闭演示窗口。

第35页，课件共66页，创作于2023年2月

图7.2.13导入“花”图片图7.2.14导入“蜜蜂”图片第36页，课件共66页，创作于2023年2月（4）在流程线上添加一个移动图标，命名为“蜜蜂飞入”，同时在属性面板中设置定时的时间为“3”；执行方式

为“等待直到完成”；动画类型设置为“指向固定路径的终

点”；其他的设置如图7.2.15所示。

图7.2.15“属性：移动图标[蜜蜂飞入]”面板第37页，课件共66页，创作于2023年2月（5）选择移动对象“蜜蜂”，在演示窗口中设置蜜蜂飞

入的路径，此时在演示窗口中出现一条复杂的曲线，如图7.2.16所示。

图7.2.16蜜蜂飞入的路径第38页，课件共66页，创作于2023年2月（6）在流程线上添加一个等待图标，设置等待的时间为2秒。

（7）在流程线上添加一个移动图标，命名为“蜜蜂飞走”，其属性面板的设置与如图7.2.15所示的设置相同。

（8）选择移动对象“蜜蜂”，在演示窗口中设置蜜蜂飞走的路径，此时在演示窗口中出现一条曲线，如图7.2.17所示。

（9）在流程线上添加一个计算图标，命名为“退出”，双击该图标，在打开的“退出”窗口中输入Quit()函数，最后的设计窗口如图7.2.18所示。第39页，课件共66页，创作于2023年2月

图7.2.17蜜蜂飞走的路径图7.2.18设计窗口第40页，课件共66页，创作于2023年2月（10）程序设计结束后将程序保存，单击“运行”按钮，

可以观看蜜蜂的飞行过程，如图7.2.19所示的是蜜蜂在某

一时刻的飞行情况。

图7.2.19蜜蜂某一时刻的飞行情况第41页，课件共66页，创作于2023年2月5．指向固定路径上的任意点

“指向固定路径上的任意点”动画与“指向固定路径的终点”动画类型相似，也是移动对象从屏幕的起始位置到指定路径的终止位置，不同的是，它的终止位置不一定是路径的终点，而是路径上的任意点。下面以实例7.5“小鸟飞过”为例来讲述创建“指向固定路径上的任意点”类型动画，其具体操作步骤如下：

第42页，课件共66页，创作于2023年2月（1）在流程线上添加一个显示图标，命名为“背景”，双击该图标，打开演示窗口，在其中导入一幅风景图片，如图7.2.20所示，关闭演示窗口。

（2）在流程线上再添加一个显示图标，命名为“小鸟”，双击该图标，打开演示窗口，在其中导入小鸟的图片，如图7.2.21所示，关闭演示窗口。

第43页，课件共66页，创作于2023年2月

图7.2.20导入“风景”图片图7.2.21导入“小鸟”图片第44页，课件共66页，创作于2023年2月（3）在流程线上添加一个移动图标，命名为“鸟飞”，

同时在属性面板中设置定时的时间为“2”；执行方式为“等

待直到完成”；动画类型设置为“指向固定路径上的任意点”；其他的设置如图7.2.22所示。

图7.2.22“属性：移动图标[鸟飞]”面板第45页，课件共66页，创作于2023年2月（4）选择移动对象“小鸟”，在演示窗口中设置小鸟飞

过的路径，此时在演示窗口中出现一条曲线，如图7.2.23

所示。

（5）在流程线上添加一个计算图标，命名为“退出”，

双击该图标，在打开的“退出”窗口中输入Quit()函数。

（6）程序设计结束后将程序保存，单击“运行”按钮，

可以观看小鸟飞过的运动过程，如图7.2.24所示的是小鸟

在某一时刻的飞行情况。第46页，课件共66页，创作于2023年2月

图7.2.23小鸟飞过的路径图7.2.24小鸟某一时刻的飞过情况第47页，课件共66页，创作于2023年2月7.3应用实例

1．上机要点

在制作“第7章应用实例.a7p”的过程中将用到显示图标、等待图标、移动图标、擦除图标和计算图标，其效

果如图7.3.1所示。

2．上机目的

掌握“指向固定区域内的某点”和“指向固定路径的终

点”两种动画的运动方式，以及等待图标的两种等待标志

和擦除方式。第48页，课件共66页，创作于2023年2月图7.3.1蜻蜓跟随鼠标飞行的运动过程第49页，课件共66页，创作于2023年2月

3．上机操作

（1）新建一个文件，保存为“第7章应用实例.a7p”。

（2）在流程线上拖入一个显示图标，命名为“背景”，双击该图标，打开演示窗口，导入一幅背景图片，如图7.3.2所示，在属性面板中设置显示图片的特效，关闭演示窗口。

（3）在流程线上再添加一个显示图标，命名为“江南风光”，双击该图标，打开演示窗口，在其中输入文字，如图7.3.3所示，关闭演示窗口。

第50页，课件共66页，创作于2023年2月

图7.3.2导入“背景”图片图7.3.3输入文字第51页，课件共66页，创作于2023年2月（4）在流程线上添加一个移动图标，命名为“文字飞入”，同时在属性面板中设置定时的时间为“1.5”；执行方

式为“等待直到完成”；动画类型设置为“指向固定路径的终点”，如图7.3.4所示。

图7.3.4“属性：移动图标[文字飞入]”面板第52页，课件共66页，创作于2023年2月（5）选择移动对象文字，在演示窗口中设置文字运动的路径，此时在演示窗口中出现一条曲线，如图7.3.5所示。

图7.3.5文字运动的路径第53页，课件共66页，创作于2023年2月（6）在流程线上添加一个等待图标，命名为“等待”，同时在属性面板中进行相应的设置，如图7.3.6所示。等待时的运行画面如图7.3.7所示。图7.3.6“属性：等待图标[等待]”面板第54页，课件共66页，创作于2023年2月

图7.3.7等待时的运行画面第55页，课件共66页，创作于2023年2月（7）在流程线上拖入一个显示图标，命名为“蜻蜓”，双击该图标，在打开的演示窗口中导入蜻蜓图片，如图7.3.8所示，然后关闭演示窗口。

图7.3.8导入“蜻蜓”图片第56页，课件共66页，创作于2023年2月（8）在流程线上添加一个移动图标，命名为“蜻蜓飞来”，同时在属性面板中设置定时的时间为“0.2”；执行方

式为“永久”；远端范围为“在终点停止”；动画类型设置为

“指向固定区域的某点”，属性面板的设置如图7.3.9所示。

图7.3.9“属性：移动图标[蜻蜓飞来]”面板第57页，课件共66页，创作于2023年2月（9）选择移动对象“蜻蜓”，在演示窗口中设置飞行的区域，此时在演示窗口中出现一个矩形框，即为蜻蜓飞行的路径，如图7.3.10所示。

图7.3.10蜻蜓飞行的路径第58页，课件共66页，创作于2023年2月（10）在流程线上添加一个等待图标，命名为“等待退出”，同时在属性面板中进行相应的设置，如图7.3.11所示。

图7.3.11“属性：等待图标[等待退出]”面板第59页，课件共66页，创作于2023年2月（11）选择“修改”→“文件”→“