首页新闻手机家电数码电脑财经大模型直播

用Authorware做导航界面

来源：互联网作者：若水 2008-03-21/16:19

软件频道

软件教程

Authorware

应用实例

正文

Authorware是一个优秀的基于流程图标的交互式多媒体制作软件，.它允许开发者使用文字、图片、动画、声音、数字电影等信息来创作交互式应用程序，Authorware因为简单易用，无须编程即可制作具有交互功能的多媒体产品，而深受大众的喜爱。下面我们就用Authorware做一个多媒体演示，这可是一些公司树立品牌的新途径。

关于片头动画

大家可能注意到，有较高品质的多媒体光盘一般都有片头，如何做片头可不是本文能说清楚的，这属于动画及视频合成范畴中的话题，比如说要做三维动画，可能要用到3dsMAX；而用Flash做的矢量动画，由于小巧而非常适合在网上发布，并且Flash使用起来相对容易，因而非常流行。视频合成一般是用Premiere，可以将拍摄的视频素材或在其它软件中合成的动画编辑成我们需要的片头。

在Authorware中，用电影图标可直接导入AVI或MPG文件，如果希望片头有较高的品质又不占用太多的空间，可将片头压缩成MPEG4格式。另外，播放动画要占用大量内存，对速度较慢的电脑，全屏显示几乎不可能，因此导出电影时要设置合适的尺寸。

界面的设计

对于较为商业化的多媒体程序而言，主界面的设计是非常重要的，.最好是由美工来完成，当然其他人要熟悉平面设计软件，如Phoshop、Fireworks等，并有较好的审美能力及创意，完成此项工作也是可能的，图1是已完成的主界面。

图1主界面

另外，还要制作四幅小图，它们将在主界面上随鼠标变化而交互显示，如图2所示。

图2 用于交互显示的图片

分界面也应该事先设计好，制作过程也不是本篇要讲的内容。

此外，交互性是多媒体显著的特点，制作与背景风格一致的按钮图片是必要的，由于按钮存在四种状态，要是希望每一个状态都显示不同的图像，就需要四张内容略有差别的图片。我们也要准备好几组图片，以供制作按钮时调用。

程序设计

本文主要讲解用Authorware制作导航界面，下面是操作步骤：

步骤1：创建新文件#p#分页标题#e#

运行Authorware后，我们可以从File菜单中选取New命令， Authorware将弹出一个名Untitled的设计窗口。

步骤2：设置窗口属性，

从菜单中选择Modify>File>Properties命令来打开属性控制窗口，.根据目前多数电脑的配置，一般把size（窗口）大小设置为800X600（SVGA），其它设置如图3所示。

图3 属性窗口中Playback选项

步骤3：加入背景，

从图标工具栏中拖一个显示图标到流程线上，命名为“背景”，双击该图标进入编辑状态，选择File菜单下的Import命令导入如图1所示的主界面。

提示：勾选Link To File(链接文件)，图片将与程序建立链接关系而不会加入程序中，为了便于管理和打包发行，我们可在放打包程序的文件夹中建立放图片的子目录；如不勾选Link To File，图片将会成为程序的内部文件，在打包文件中我们就找不到原图片了。

步骤4：设置交互按钮

拖动一个交互图标到流程线上，命名为“主界面”，为了方便讲解，我们在这个程序中先设四个分栏，所以我们就拖动四个组图标到交互图标的右侧，在拖入第一个组图标时，将弹出Repones Type对话框，如图4所示。

图4 选择响应类型

当第一次把响应图标放在交互图标右侧时，我们在ReponesType对话框中选择的响应类型，就会成为以后放置响应图标的默认类型，要想改变某个响应类型，可在流程线上双击它，然后在打开的Properties：Repones对话框中点Type下拉菜单，从列表中另选一种交互方式。

现在我们选中Button（按钮）单选框，单击OK。接下来分别把这几个组图标命名为#p#分页标题#e# “交互1”、“交互2”、 “交互3”、 “交互4”。

这里需要提醒一下，在做程序时应经常保存文件，以免自己的创作成果因电脑故障而消失得无影无踪，.相信每一个创作者都会对Authorware没有自动保存功能而深感不便！在第一次保存文件时可将程序命名为“项目宣传”，这时的流程线如图5所示。

图5主界面流程线

步骤5：定做按钮

现在我们双击“交互1”组图标上的按钮标志，弹出Properties：Repones对话框，如图6所示。

图6按钮响应对话框

为了有良好的视觉效果，我们希望每当用户的鼠标移到按钮都会改变形状，以提醒用户此处可做交互控制。但在Authorware中，默认的鼠标显示模式是不会改变形状的，重新设置方法是点Cursor项右边的按钮，在弹出的对话框中单击所需要的鼠标形状，然后点OK确定，如图7所示。

图7选择鼠标形状

现在回到按钮响应对话框，单击Button按钮，弹出按钮对话框。因为我们不用系统提供的按钮，所以点击Add，这时弹出按钮编辑窗口，单击左上角Normal栏的Up状态项，开始设置按钮弹起时的状态，单击raphic栏右边的Import按钮，弹出Import which file对话框，选择前面我们制作好的按钮图片，图片被加入到编辑器中，如图8所示。

图8 按钮编辑器

制作按钮按下时的状态，先单击左上角Normal栏的Down状态项，再选择#p#分页标题#e#raphic栏右边Imort按钮，导入相应图片即可。与之相类似，我们还可制作Over、Disabled状态下显示的图片。我们也可以为按钮的每种状态添加上指定的音效，点Sound栏右边的Import按钮，导入按键效果音响。

重复以上操作，创建其它的按钮。这样，我们就拥有一组属于自己的按钮。

接着还要调整按钮在主界面的位置，如图9所示。