多媒体软件开发图文 (7)

第7章 交互式多媒体程序设计
图7-3
第7章 交互式多媒体程序设计
(5) 设置按钮形状。单击属性面板左侧的“按钮...” 按钮展开如图7-4所示的按钮选择窗口。可以从中选择一个 标准按钮，也可以单击窗口下方的“添加...”按钮，弹出 如图7-5所示窗口，导入个性按钮。具体操作步骤为：首先 设置状态，然后单击“图案”后的“导入...”按钮，导入 事先在图形软件里处理好的按钮图片。最后单击“声音”后 的“导入...”按钮，导入与按钮动作配套的声音。设置完 后单击“确定”按钮，回到图7-4所示窗口，再单击该窗口 的“确定”按钮，便可将个性按钮导入到程序中。
2．核心技术 本例主要使用了热对象交互结构来实现相应的功能。在 交互类型图标属性设置中，图片响应采用的匹配方式为“指 针在对象上”，擦除列表选为“在下一次输入之前”。
(9) 运行程序。当鼠标移到天鹅图片上时，可以看到如 图7-11所示效果。单击窗口中的“退出”可以关闭程序。
第7章 交互式多媒体程序设计
图7-11
第7章 交互式多媒体程序设计
7.1.3 热对象响应 1．程序设计 我们可以通过制作得到一个简单介绍地理知识的多媒体
程序。当鼠标移动到某个省、自治区或直辖市时，会在该区 域出现相应的省、自治区或直辖市名称。
第7章 交互式多媒体程序设计
3．具体制作 (1) 选择工具栏中的“打开”按钮，在弹出的对话框中 选择“掷色子”文件，打开该 文件。 (2) 在流程线的最上方拖放一个交互图标，在交互图标 的右侧拖放两个计算图标，选择交互类型为按钮交互，建立 交互结构，并命名，如图7-2所示。
第7章 交互式多媒体程序设计
第7章 交互式多媒体程序设计
图7-4
第7章 交互式多媒体程序设计
图7-5
第7章 交互式多媒体程序设计
(6) 运行程序，然后按下Ctrl+P暂停程序。在演示窗口 中单击“掷色子”按钮，在按钮周边会出现控制点，如图76所示，此时可以调整按钮的大小和位置。
(7) 重新运行程序，单击演示窗口的“退出”按钮，可 以退出程序。
第7章 交互式多媒体程序设计
第7章 交互式多媒体程序设计
7.1 Authorware中的交互响应方式 7.2 分支程序的设计
第7章 交互式多媒体程序设计
7.1 Authorware中的交互响应方式
一个交互结构包括一个交互图标、若干个交互类型图标、 同样数目的反馈图标和反馈分支4个部分。各部分的对应关 系如图7-1所示。交互图标除了交互的功能外，还具有显示 图标的功能。反馈分支的方向共有四种类型。下面将以不同 类型的交互为例说明交互结构的功能。
第7章源自文库交互式多媒体程序设计
2．核心技术 本例主要使用了热区交互结构来实现相应的功能。在交 互类型图标属性设置中“退出”响应采用的匹配方式为“单 击”，而图片响应采用的匹配方式为“指针处于指定区域 内”，图片响应还设置了擦除列表为“在下一次输入之前”。
第7章 交互式多媒体程序设计
3．具体制作 (1) 新建文件，拖放图标到流程线上，并命名，流程图 如图7-7所示。设置文件属性，窗口“大小”为640×480， “选项”只勾选“显示标题栏”。 (2) 双击“背景”显示图标，打开演示窗口，插入背景 图片。 (3) 双击“标题”显示图标，打开演示窗口，输入“动 物的世界”文字，设置字体为黑体，大小24号，消除锯齿， 颜色为黄色。 (4) 按住Shift键，双击交互图标，在演示窗口中插入 五幅动物图片，使用排列命令对齐图片。在窗口的右下角输 入“退出”文字，设置颜色为黄色，字体为黑体，大小12号。 将窗口中的六个热区虚线框分别套在图片和文字上，并调整 虚线框的大小与它所套的对象匹配，效果如图7-8所示。
第7章 交互式多媒体程序设计
图7-9
第7章 交互式多媒体程序设计
图7-10
第7章 交互式多媒体程序设计
(7) 依次在“2”、“3”、“4”、“5”显示图标中输入 相应动物的介绍文字，并进行与图标“1”对应类型图标属 性面板同样的参数设置。
(8) 双击打开计算图标，输入：quit()。设置对应的类 型图标属性面板热区域选项卡的“匹配”为“单击”，鼠标 仍然为手形。其余参数使用默认设置。
第7章 交互式多媒体程序设计
图7-1
第7章 交互式多媒体程序设计
7.1.1 按钮响应 1．程序设计 在第5章中提到的“掷色子”程序每次掷色子都要重新
运行程序，比较麻烦，本例中将为“掷色子”程序添加两个 控制按钮，用于控制色子开始移动和退出程序。
2．核心技术 本例主要使用了按钮交互和两个系统函数： GoTo(IconID@"定义变量")、Quit()。这两个函数的功能分别 为返回到指定的图标和实现退出以结束程序。
第7章 交互式多媒体程序设计
图7-7
第7章 交互式多媒体程序设计
图7-8
第7章 交互式多媒体程序设计
(5) 按住Shift键双击“1”显示图标，在演示窗口中输 入关于天鹅的介绍文字，并设置文本对象为卷帘文本。调整 卷帘窗口的大小与演示窗口匹配。
(6) 设置交互类型图标属性面板，热区域选项卡参数设 置如图7-9所示，响应选项卡参数设置如图7-10所示，其余 参数使用默认设置。
第7章 交互式多媒体程序设计
图7-6
第7章 交互式多媒体程序设计
7.1.2 热区响应 1．程序设计 我们可通过制作得到一个介绍野生动物的多媒体程序。
当鼠标移到图片上，鼠标指针变为手形，同时在右侧出现相 应的文字介绍；当鼠标离开图片，文字即消失。当鼠标移到 “退出”文字上，鼠标指针也会变为手形，但需要单击才退 出程序。
图7-2
第7章 交互式多媒体程序设计
(3) 在“掷色子”计算图标中输入：GoTo(IconID@"定 义变量")；在“退出”计算图标中输入函数：Quit()。
(4) 设置交互类型图标的属性面板(两个反馈分支设置相 同)。如图7-3所示，将“范围”勾选“永久”复选项。设置 “分支”下拉列表为“返回”，也可以按住Ctrl键，单击反 馈分支的箭头直到反馈分支变成图7-2所示的状态，这样可 以使两个交互按钮在程序运行过程中始终有效。其余保持默 认设置。