8、Authorware的交互图标

1、课程名称中文版Authorware灵感设计课程主题Authorware交互图标的应用授课教师何宏宇课型新授课教学方法讲解法教学时数6课时（职一需要12课时）选择题（按钮交互）2课时；填空题（文本交互）+下拉菜单2课时热区响应2课时教学目标知识目标掌握交互图标11种响应方式中的按钮交互、文本交互、下拉菜单、等待交互、热 点响应、热对象响应、目标响应能力目标通过交互图标的运行顺序，培养学生的逻辑思维能力德育目标通过交互图标的人机互动的讲述，培养学生站在用户立场思考的习惯，即为他人着 想的品质课程内容规划内容形式时间1、交互图标中的“按钮响应”教师引导 学生自主学习45分钟2、交互图标中的“输入文本

2、响应”教师引导 学生自主学习20分钟3、交互图标中的“下拉菜单响应”教师引导 学生自主学习25分钟4、交互图标中的“等待响应”教师引导 学生自主学习15分钟5、交互图标中的“热区响应”教师引导 学生自主学习30分钟6、交互图标中的“热对象响应”教师引导 学生自主学习45分钟7、交互图标中的“目标响应”教师引导 学生自主学习45分钟&作品展示教师引导 学生自主学习40分钟小结（达成共识）讲述5分钟教学备忘 栏选择题填空题热区响应拼图游戏【教学过程】在开发多媒体软件时，如果仅向用户提供文本、图形、动画、视频图像和声音的组合，那只是 创建了一组演示画面。在更多情况下，用户会对如此冗长乏味的演

3、示失去兴趣。因此，多媒体软件 的设计应使用户能参与控制，并根据需要获得所需内容，这就涉及到了交互的问题。【认识交互图标】交互图标是 Authorware最为复杂的图标之一，提供了十一种交互方式。设计一个交互图标的过程包括：（1）定义响应类型（2）设置各个交互分支的交互特性，如鼠标形状、擦除方式等等。（3）编辑各分支里面的内容创建交互的基本原则：（1）一个交互分支结构至少应具有一个响应分支（2）一个响应图标生成之后，该图标的响应类型以及各种相关的设置将具有继承性，即在创建 下一个响应图标时，会自动采用与前一个响应图标相同的响应类型和有关设置。（3）所有图标都可以作为响应图标，但若要在响应分支流程

4、线上应用框架图标、交互图标或决 策图标，则应首先将其放在群组图标中，然后再将其放在响应分支流程线上。（4）如果要使一个交互图标在程序中始终发挥作用，可将其设置为永久性交互。【按钮交互】制作选择题（观察范例，如下所示）1.请问二（）5 IB II2.请问5=()r -5 r 6 r-A中文版Authorware灵感设计框架图标导航图标2中文版Authorware灵感设计框架图标导航图标#473"F题操作步骤1:在交互图标的显示部分内输入题面，如下图所示1 gi青问 1 +5= <>口操作步骤2 :在交互图标右侧拖入群组图标，作为 各选项的分支图标，分别用答案做命名。操作步骤

5、3:在分支内做出响应，务必要设置一个 分支为退出交互。否则整个程序设计将进入死循环状态。操作步骤4:在各分支中加入响应内容，如下图所示:层2未命名操作步骤5:测试运行，并保存为“小组 + 姓名+考题”操作步骤6:观察范例第二部分，修改按钮的形式（复习框架结构中按钮的修改），并保存。【文本输入响应】 填空题（观察下图）3.请问5"设计注意点:（i）一个交互图标当中只能存在一个文字输入域。（2 ）填入文字的属性设置在交互图标的属性设置当中。（3 ）使用文字交互时，注意要设置文字的透明显示。（4）文本区域的大小设置要合理（5） 理解文本匹配的模式：*是通配符，一般用于容错，出现在交互的最末

6、一个分支。操作步骤1 :打开交互图标，输入题面。操作步骤2 :在交互图标的右侧拖入两个文本输入分支。左侧分支命名为输入题目的正确答案；右 侧分支命名为*操作步骤3:拖入一个按钮分支，设置为退出交互。操作步骤4:分别在分支的群组图标中做出适当的响应。操作步骤5:实时保存LCtrl+E打印Ctrl+PCtd + RClrl + H注意：文本输入响应常用于用户及密码的输入中。【下拉式菜单】一一范例如右图所示为演示窗口中添加菜单项，用户通过菜单来产生交。菜单交互的使用要求文件的属性中打开了显示菜单功能。（1 ）菜单项就是菜单的名称。如不填此项，则菜单分支的名称就成 为图标名(2) 要给交互添加上一条分

7、隔线，在菜单项里填入“”号。(3 )要给交互快捷方式加上下划线，在菜单项中使用&符号。(4)范围选择永久，分支选择返回。在程序执行期间，无论何时匹配了该响应，程序都会从流程线上的当前位置跳转去执行响应图标, 执行完毕后程序会返回跳转之前的位置继续往下执行。操作步骤1 :在流程图上插入交互图标，并拖动 4个 分支图标，如图所示，设置为“菜单交互”，分别命名为“编辑”、“打印”、“播放”、“帮助”操作步骤2 :保存文件为“小组+姓名+下拉菜单”【时间限制交互】一一古诗欣赏时间限制交互用于限制用户在交互图标中可以停留的时间。常用于封面停留的设计。(如下图所示)Mi时间傳留鮎一操作步骤1:在流

8、程线上插入交互图标，并拖动1个分支图标，设置为“时间限制”，如右上图所示操作步骤2 :打开“时间限制”响应属性对话框(如下图所示)，将时限设置为3S”。使用时间限I中文版Authorware灵感设计框架图标导航图标6中文版Authorware灵感设计框架图标导航图标#制一般也是用在交互的最右侧，分支方式为退出交互。中文版Authorware灵感设计框架图标导航图标#操作步骤3:保存文件为“小组+姓名+古诗欣赏”【热区交互】 作者简介(如下图所示)热区交互是使用图片中的某一部分做为交互的起点。热区是隐形的，是矩形的。和按钮响应相 比，热区交互更容易与背景协调一致。匹配：设置匹配此响应的操作；匹配

9、时加亮：当该热区响应被匹配时，响应区域会高亮显示;匹配标记；热区响应被匹配时，匹配标记会被黑色填充热区响应的不足：（1）响应区域必须是矩形（2）响应区域一旦设置完毕就固定下来，不能移动（3）如果你希望使用任意形状的响应来响应用户的操作，就必须用热对象交互静夜思 李白床前明月光，疑是举头望明月，低头肃臣省畫坦戸-<枪后内衣幵 誓四种常，县国ks 170于-电口生隆£ , 纪，生另贬4曰山他 成1印。墾亍酬备写： 8.?8乡熨7帀绵、帀审黔JJ 陇陇月莲中爲迪谬 籍县些几城马四江 祖安六、<><±-克回富称睿亦 白m-豐碎托迁川犬尊大心为 書月江曰窃的再

10、四伟人容內称操作步骤1 :在流程线上拖入交互图标，并插入两个热 区分支，1个按钮分支，如右图所示。白句出李诗退1静夜思茨前明月光，疑是地上霜, 程头望明月，操作步骤2 :在显示图标中将古诗录入，建立热区交互, 并将热区设置在“李白”的位置，以及古诗的位置。如下图 所示：操作步骤3:选择鼠标响应方式和擦除方式为鼠标单击+在下一次输入之后或鼠标在热区上+下一输入之前操作步骤4:选择鼠标的形式。操作步骤5:设置交互分支的内容。操作步骤6:保存引申练习：看图学字【热对象交互】一一看图学字（1 ）热对象可以是任意的形状，而且位置可以任意移动（2 ）被使用为热对象图标多种多样，可以是显示图标， 也可以是G

11、IF动画，Flash动画等（3 ）热对象一定要事先出现在热对象交互图标之前且每 个热对象应单独放置在一个设计图标中（4）在使用热对象交互时，一定要记得为交互分支设置 具体的热对象岡丈列32百三戶芋.：77* ） .a7k旳圆毎出 矩箭三退操作步骤1 :在流程线上必须有将原有的底图，分割出“矩形”、“椭圆”、“三角形”三个显示图标。操作步骤2：将“应答”区域中的热区响应修改为“热对象”响应分支。在运行过程中选择热 对象，属性设置如下图所示。三者之间的异同：（1）按钮可以定制，但制作比较麻烦。难以得到很好的效果。（2）热区是隐形，制作简单，但在导航图像上需要做出标识（3）热对象制作方便，效果多样，

12、但是管理麻烦，容易出现跳转问题（4 ）经过特殊的设计，可以用此三种技术实现同一效果。要现实的开发过程中，常结合使用。【目标区响应】一一图形分类将特定对象移动到指定区域的响应类型，可制作许多有趣实用的程序，如拼图和图形分类范例如右图所示：操作步骤1 :在流程线上加入3个显示图标分别画入“矩形”“椭圆”、“三角形”。操作步骤2:在流程线上加入一个交互图标，并加入4个“目形足 形凰角蒜 矩椭三不 +-三尬好标响应”分区，分别正确判断图形的分类。（如下图所示）中文版Authorware灵感设计框架图标导航图标9中文版Authorware灵感设计框架图标导航图标#操作步骤3:在“矩形”分支的“目标响应”属性中，设置目标对象“矩形”显示图标，并在“放下” 一栏中选择“在中心定位”；单击“响应”面板，在“状态”中选择“正确响应”，此时流程线上的“矩形”前加上了“ +”。分别设置“椭圆” “三角形”的目标响应属性。1,举型：|目标区目标区响应Z31HY自标曲象：矩形大小：|1加H6-厂允许仔何对象由口石结1 11 J諂1忙罟：|32846谕下：1在中心定位中文版Authorware灵感设计框架图标导航图标#操作步骤4：在“不满足”分支中，设置属性如下所示：在“目标区”面板上设置“允许任何对象” 在“放下”中选择“返回”辭：|目标区中文版Authorware灵感设计框架图标导航图标#中文