5.2 动 画 制 作

（更详细的内容在《Authorware 7.0 基础与实例教程》，网上购买。）

使用“移动”图标可以方便地建立显示对象的移动动画，即在指定的时间内或以指定的速度将演示窗口中的显示对象从演示窗口的一个位置移动到另一个位置。

“移动”图标只能移动流程线上该图标之前图标中的显示对象。另外“移动”图标不能只移动一个图标中的其中一个对象，而是移动这个图标中的所有对象。如果要分别移动两个显示对象，就要将这两个对象分别放在不同的图标中。

5.2.1  两点之间的动画方式

1．简介

“Direct to Point”固定终点的运动方式是Authorware 7.0系统默认的移动方式，效果下的显示对象将从起点沿直线移动到终点。

2．创建方法

用鼠标双击要移动的对象所在的图标并打开其编辑窗口，在流程线上双击需要设置的“移动”图标，出现“移动”图标属性面板（参见图5-1），根据对话框中的提示“Click object to be moved”（单击对象进行移动），单击演示窗口中要移动的对象，在对话框左上角的视窗中出现该对象的图像，同时在其后的文本框中会出现选中的对象所在的图标的名称。

在演示窗口中，用鼠标拖动对象到目标位置，对象将在起点与目标点之间做直线运动。如图5-3所示。

图5-3  固定终点运动的设置

此时，在选项“Destination”（目标）后的文本框中出现目标位置的坐标值。也可以直接在“Destination”（目标）后的文本框中输入坐标值设定或修改目标位置。单击【Preview】（预览）按钮预览运动效果，然后单击【OK】（确定）按钮完成设置。

3．动画实例“上升的旗”

这里举一个简单的旗帜上开过程的动画实例。具体操作步骤如下。

（1）运行效果

在演示窗口中用鼠标单击，旗帜慢慢升起，效果如图5-4所示。

（2）设计思路

旗子冉冉升起就是利用“移动”图标的移动特性使“显示”图标中的内容产生移动效果。

（3）准备工作

在Microsoft Word中使用绘图工具绘制一个代表旗帜的图形。

（4）程序结构

完成后的程序流程图如图5-5所示。

图5-4  旗帜上开动画运行效果

图5-5 程序流程图

（5）制作步骤

（a）新建一个Authorware 7.0文件，保存为“上升的旗.a7p”。

（b）在流程线上加入一个“显示”图标，命名为“旗杆”。双击该“显示”图标并打开其编辑窗口，用鼠标单击绘图工具箱中的矩形工具图标按钮，在准备放置旗杆的位置按住鼠标左键不放，然后开始拖曳。在拖曳过程中调整矩形的大小如图5-6所示，调整好后单击绘图工具箱中“Colors”（颜色）下的填充颜色图标按钮，打开颜色对话框，设置矩形的填充色为黑色。

图5-6  绘制旗杆

（c）在“显示”图标“旗杆”下加入一个“显示”图标，命名为“旗帜”。先在Microsoft Word中使用绘图工具绘制好一个旗帜的图形并选中该图形。单击常用工具栏上的“复制”图标按钮，如图5-7所示，将画好的图形复制到剪贴板上。

图5-7  在Microsoft Word中复制旗帜图形

回到Authorware 7.0演示窗口，双击“显示”图标“旗杆”并打开其编辑窗口再关闭，然后按住【Shift】键不放，双击“显示”图标“旗帜”并打开其编辑窗口，单击常用工具栏上的“Paste”（粘贴）图标按钮，用鼠标将粘贴入的旗帜图形拖动到旗杆的下半部分，如图5-8所示。

图5-8  在Authorware 7.0中粘贴旗帜图形

（d）在【显示】图标“旗帜”下加入一个【等待】图标，双击该图标并打开其属性面板，如图5-9所示进行设置，即选中“Mouse Click”（单击鼠标）和“Key Press”（按任意键）复选框。

图5-9  【等待】图标的属性面板

（f）在“等待”图标下方加入一个“移动”图标，命名为“移旗”。

双击“显示”图标“旗杆”并打开其编辑窗口再关闭，接着按住【Shift】键不放双击“显示”图标“旗帜”并打开其编辑窗口再关闭它，然后按住【Shift】键不放双击“移动”图标“移旗”并打开其属性面板，这时在演示窗口中旗杆和旗帜的图形也出现在演示窗口中，如图5-10所示。

在演示窗口中单击代表旗帜的图形，在“Drag Object to be moved”（单击对象进行移动）文本框后就出现该图形所在“显示”图标的名字“旗帜”，如图5-11所示。选项“Destination”（目标）后文本框中的数字也变成了所选图形的当前坐标值。

图5-10  【移动】图标“移旗”属性面板

图5-11  选择移动对象

用鼠标将旗帜拖动到旗杆的上半部分，如图5-12所示，这时“Destination”（目标）选项后的文本框中的数字就变成了新位置的坐标值。

Authorware 7.0的屏幕坐标是以演示窗口的左上角（不包括标题栏和菜单栏）为坐标原点，向右为x轴正方向，向下为y轴正方向，坐标值是像素点，如图5-13所示。

图5-12  设置移动后的目标位置

图5-13  Authorware 7.0的坐标示意图

由于此处设置的是垂直移动，比较图5-11和图5-12就可以发现，选项“Destination”（目标）后的文本框中X轴对应的数字是不变的，因此当拖动移动对象设置目标位置时，如果目标位置坐标的X值发生了变化，就可以直接在选项“Destination”（目标）后进行修改。同样水平移动时Y轴对应的数字是不变的。

（6）扩展

可以在选项“Destination”（目标）后的文本框中通过输入变量或表达式控制目标位置的变化。变量和表达式的值参见第7章。《Authorware7.0基础与实例教程》