多媒体教学软件的交互功能设计.ppt

5.2.3 设计媒体播放器的操作界面 第五章 多媒体教学软件的交互功能设计 5.2 按钮交互功能 本例利用按钮交互，设计一个媒体播放器的界面，实现播放、暂停、继续、停止、快进、快退等功能的按钮设计。本例主要讨论按钮设计的相关问题。本例的知识要点主要涉及按钮交互功能设计，自定义按钮的设计与实现。 5.3.1 热区交互的特点 第五章 多媒体教学软件的交互功能设计 5.3 热区交互功能 Hot Spot（热区）交互响应，本身并不显示，通过热区下的背景内容（文字、图形、图像等）向软件用户描述交互的逻辑意义以便用户识别。与按钮类似，热区可以调整改变矩形响应区域的大小、位置，范围可以超过演示窗口边缘。此外，不同热区交互位置可以重叠，使程序交互设计更为灵活 热区交互可以理解为“点击、拂过透明矩形区响应”，在Authorware软件设计中，热区也是一种应用广泛的交互类型。 5.3.2 热区交互的属性设置 第五章 多媒体教学软件的交互功能设计 5.3 热区交互功能 热区交互的Properties: Response（响应属性）设置面板窗口由Hot Spot（热区）选项卡和Response（响应）选项卡组成。 1．Hot Spot（热区）面板，如下图所示。 （1）Size（热区大小）文本框、Location（热区位置）文本框功能与设置方法与按钮交互相同。 （2）Key（s）（快捷键）文本框，与按钮交互相同。 5.3.2 热区交互的属性设置 第五章 多媒体教学软件的交互功能设计 5.3 热区交互功能 （3）Match（交互匹配）下拉菜单，用于设置触发热区交互的鼠标操作有3种方式。 ① Single-click（鼠标左键单击）选项。 ② Double-click（鼠标左键双击）选项。 ③ Cursor in Area（光标在区域范围内）选项。 （4）Highlight on Match（匹配时高亮色显示）。 （5）Mark on Match（匹配时显示标志）。 （6）Cursor（鼠标光标）设置，与按钮交互相同。 5.4.1 热对象交互的特点 第五章 多媒体教学软件的交互功能设计 5.4 热对象交互功能 Hot Object（热对象）交互实际上是一种将鼠标触发区域定义得更为灵活的“热区交互”。热对象交互的鼠标触发区域是通过某一图标中显示内容在演示窗口的范围而定义的，热对象交互又可称作“点击对象响应”。可以作为热对象的图标有显示图标、交互图标、数字电影图标、ActiveX图标等，只要是能够引入可显示内容的图标就可以作为交互的热对象。 相比热区交互，热对象交互具有交互位置可随图标对象运动、交互区域形状没有矩形限制、交互区域可以不连续等优点，可以实现热区、按钮交互不能完成的交互效果。 5.4.2 热对象交互的属性设置 第五章 多媒体教学软件的交互功能设计 5.4 热对象交互功能 打开热对象交互的属性设置面版。在交互图标预览框中可以看到该触发该交互所对应的图标内容，如下图所示。 1．Hot Object（热对象）选项卡： （1）Hot Object（热对象）文本框：显示热对象的名称。 5.4.2 热对象交互的属性设置 第五章 多媒体教学软件的交互功能设计 5.4 热对象交互功能 （2）Key（s）（快捷键）文本框：用于设置热对象响应的等待快捷键。 （3）Match（交互匹配）下拉菜单：与热区交互相同，共有Single-Click（用鼠标左键单击）、Double-Click（用鼠标左键双击）和Cursor on Object（用鼠标光标拂过热对象）三种选择。 （4）Highlight on Match（匹配时高亮显示）和Cursor（鼠标光标）选项设置与热区交互设置相同。 2．Response选项卡的内容与热区交互设置相同。 5.4.3 基于地图的地理知识查询 第五章 多媒体教学软件的交互功能设计 5.4 热对象交互功能 本例利用热对象交互，设计一个介绍各大洲的教学软件，实现用鼠标拂过每个大洲的陆地区域时，显示该大洲的名称范围与文字简介。本例知识要点主要涉及热对象交互功能设计，制作不规则图形透明热对象交互的技巧。 5.4.4 按钮、热区、热对象三种交互方式的比较 第五章 多媒体教学软件的交互功能设计 5.4 热对象交互功能 按钮、热区、热对象三种触发方式，均以在演示窗口内用鼠标触发某一区域的方法执行交互 1．按钮交互的优势： （1）提供八种按钮状态，鼠标操作效果丰富 （2）可以使用系统变量Checked实现按钮逻辑状态切换 2．热区交互的优势： （1）可以重叠使用 （2）与背景相对独立，可以一个热区交互对应多个背景 （3）没有层的因素，不用考虑显示问题 5.4.4 按