[ 来源: | 作者: | 时间:2007-07-22 | 收藏 | 推荐 ] 【大 中 小】
步骤3:加入背景,
拖动一个显示图标
到流程线上,并命名为“背景”,双击该图标进入编辑状态,选择File菜单下的Import命令导入一张分辨率为800X600的图片,如图5所示。
免费资源www.it55.com

图5导入图片 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn
勾选Link To File(链接文件),图片将与程序建立链接关系而不会加入程序中,为了便于管理和打包发行,我们可在放打包程序的文件夹中建立放图片的子目录;不勾选Link To File,图片将会成为程序的内部文件,在打包文件中我们就找不到原图片了。 IT资讯之家 www.it55.com
步骤4:制作交互按钮
拖动一个交互图标到流程线上,命名为“主界面”,因为我们这个应用程序一共有四个模块,所以我们就拖动四个映射图标到“主界面”图标的右下侧,在拖入第一个映射图标时,将弹出“Repones Type”对话框,如图6所示。
免费资源www.it55.com

图6 选择响应类型
我们选中“Button”单选框,单击“OK”。接下来分别把这几个映射图标命名为“作品赏析、作曲家传、音乐欣赏、视频精选”,这里需要提醒一下,在做程序时应经常保存文件,以免自己的创作成果因电脑故障而消失得无影无踪,相信每一个创作都会痛述Authorware没有自动保存功能!在第一次保存文件时可将顺便将程序命名为“音乐欣赏”,如图7所示。 www.it55.com

图7主界面流程线 vd;k;l www.it55.com rdfg
相关知识:
多媒体具有交互性,可实现作品的人机对话,这是传统媒体所不具备的特点,也是的多媒体作品大受欢迎的原因。Authorware 5.1共有十一种交互方式,可方便地实现各种交互,下面分别介绍,参见图6。 it55.com
当第一次把响应路径放在交互图标右侧时,我们在“ReponesType”对话框中选择的响应类型,就会成为以后放置响应路径的默认类型,要想改变某个响应类型,可在流程线上双击它,然后在打开的“Properties:Repones”对话框(参见图9)中点Type下拉菜单,从列表中另选一种交互方式。 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn
步骤5:定做按钮
首先制作几张与背景风格一致的按钮图片。注意,每一个按钮需要两张以上内容略有差别的图片,只有这样才能体现按钮的动感。我们将制作的几组图片分别保存,以供制作按钮时调用,如图8所示。 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

图8制作八个按钮图片 www.it55.com
注:制作按钮图形可用Photoshop或Fireworks等图象处理软件,其使用方法请参考相关资料。
下面我们双击“作品赏析”映射图标上的按钮图标,弹出“Properties:Repones”对话框,如图9所示。

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

图10选择鼠标形状
免费资源www.it55.com
现在回到按钮响应对话框(见图9),单击“Button”按钮,弹出按钮对话框。因为我们不用系统提供的按钮,所以点击“Add”,如图11所示。

图11 按钮选择框 www.it55.com
这时弹出按钮编辑窗口,单击左上角Normal栏的Up状态项,开始设置按钮弹起时的状态,单击raphic栏右边的“Imort”按钮,弹出“Import which file”对话框,选择前面我们制作好的按钮图片,图片被加入到编辑器中,如图12所示。
45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

图12 按钮编辑器
IT资讯之家 www.it55.com
制作按钮按下时的状态,先单击左上角Normal栏的Down状态项,再选择raphic栏右边“Imort”按钮,导入相应图片即可。与之相类似,我们还可制作Over、Disabled状态下显示的图片。
重复以上操作,创建其它的按钮。OK!这样,我们就拥有一组属于自己的按钮。注意,我们也可以为按钮的每种状态添加上指定的音效,点Sound栏右边的“Imort”按钮,导入按键效果音响。 sflj www.it55.com kg^&fgd
现在我们可以预览演示效果:按快捷键Ctrl+p,Authorware就会运行已完成的主流程部分,显示如图1所示的主画面。 vd;k;l www.it55.com rdfg
好了,暂时结束我们的多媒体之旅,在下一讲中,我们将学习电影的导入和路径的设置,还有动画方面的技巧...,另外我们还会将简化的程序放在网上,如果需要,请访问我们站点http://www.yufeng21.com,到“作品选载”专栏。 vd;k;l www.it55.com rdfg
(编辑:IT资讯之家 www.it55.com)