交互图标和交互控制.ppt

第7章 交互图标和交互控制,本章主要内容： 按钮交互响应 热区域交互响应 热区域交互响应 热对象交互响应 目标区交互响应 下拉菜单交互响应 按键交互响应 条件交互响应 文本输入交互响应 重试限制交互响应 时间限制交互响应 事件交互响应,7.1 交互控制的基础知识 7.1.1 认识交互结构 7.1.2 交互图标及其属性 7.1.3 交互类型及其属性,7.1.1 认识交互结构,Authorware中的交互功能是通过交互图标 来实现的。交互图标和交互图标右侧的交互分支构成了整个交互结构。,交互图标,交互类型标志,交互分支,交互分支图标名称,交互状态,交互流程走向,7.1.2 交互图标及其属性,Authorware中交互的建立必须依靠交互图标 ，它统领着整个交互结构，因此有必要对交互图标及该图标的属性进行一下讲解。,1交互图标,2交互图标的属性设置,7.1.3 交互类型及其属性,Authorware共有11种交互类型，这11种类型可在建立交互时弹出的【交互类型】对话框中选择，也可以在交互属性面板中的【类型】下拉列表框中进行更改。每一种交互有各自的属性，其设置内容在后面介绍。这11种交互类型对应的属性面板中的【响应】选项的内容基本相同。,参数介绍,7.2 按钮交互响应 7.2.1 创建一个按钮交互 7.2.2 按钮交互属性 7.2.3 上机指导按钮交互的应用实例,7.2.1 创建一个按钮交互,实例：制作交互按钮,（1）保存文档。,（2）拖交互图标到流程线上，并命名。,（3）建立按钮交互分支。,（4）命名群组图标。,7.2.2 按钮交互属性,各选项介绍,单击图7-11中交互结构中【复习巩固】交互分支上的按钮交互标志，在Authorware窗口底部调出【属性：交互图标】面板。,7.2.3 上机指导钮交互的应用实例,模块化的程序结构是制作多媒体程序时经常采用的一种程序结构，其最大特点是结构清晰、导航明快。,（1）保存文档。,（2）拖交互图标到流程线上，并命名。,（3）建立按钮交互分支，并重命名分支下的群组图标。,（4）改变交互分支流程走向。,（5）继续拖动4个群组图标到交互图标的右侧，并分别命名。,（6）调出交互属性面板。,（7）排列图标 。,7.3 热区域交互响应 7.3.1 热区域交互属性 7.3.2 上机指导热区域交互应用实例,7.3.1 热区域交互属性,各选项介绍,在图7-22所示的热区域交互结构中，单击热区交互标志 ，调出交互属性面板，单击【热区域】选项卡。,7.3.2 上机指导热区域交互应用实例,本小节制作一个热区域交互应用的实例认识电脑的组成。,（1）拖显示图标到流程线上，并重命名。将图片导入到设计窗口。,（2）拖交互图标到显示图标下面的流程线上，并重命名。,（3）建立热区域交互分支，并重命名群组图标。,（4）设置鼠标指针。,（5）拖动7个群组图标到群组图标右侧，分别重命名。,（6）将交互类型改为按钮交互。,（7）对【热区域】响应范围的大小和位置进行适当地调整，并输入文字。,7.3.2 上机指导热区域交互应用实例,（7）进入群组图标内部，拖显示图标到第2层流程线上，并重命名。,（9）绘制提示气泡。输入文字。组合所有对象。,（10）制作其他6个交互分支下群组图标内显示图标。,（11）拖擦除图标到群组图标内部流程线上，并重命名。,（12）运行程序。,7.4 热对象交互响应 7.4.1 建立一个热对象交互 7.4.2 热对象交互属性 7.4.3 上机指导热对象交互应用实例,7.4.1 建立一个热对象交互,建立热对象交互之前，需要将交互的每一个响应对象放在单独的显示类设计图标内。建立热对象交互分支后，首先打开作为响应对象的显示图标，然后单击热对象交互标志，再单击设计窗口内的一个显示对象，即把该显示对象作为响应的热对象。交互属性面板中【热对象】选项卡的【热对象】提示栏会显示设置成热对象的显示图标名称。,7.4.2 热对象交互属性,单击图7-35所示的程序流程中【热对象】交互分支中的交互标志，调出热对象交互属性面板，单击【热对象】选项卡。,各选项介绍,7.4.3 上机指导热对象交互应用实例,下面以“参观动物园”多媒体程序为例，来讲解热对象交互的应用。,（1）设置文件属性。,（2）拖拽计算图标到流程线上，并重命名。输入注释文字。,（3）导入图像。,（4）拖群组图标到流程线的下方，并命名。导入图片，调整各图片的大小、位置和透明方式。,7.4.3 上机指导热对象交互应用实例,（4）拖群组图标到流程线的下方，并命名。导入图片，调整各图片的大小、位置和透明方式。,（5）拖交互图标到一级流程线的下方，并命名，拖显示图标到交互图标的右下方，选择交互类型。,（6）导入图像。,（7）设置热对象片。,（8）设置鼠标指针。,（9）输入文字。调整文字和文本框的大小、位置和透明方式，将它们组合。,（10）设置图片和文字的显示效果。,（11）使用同样的方法设置其它响应图标中的内容。,（12）创建退出按钮。,（13）运行程序 。,7.5 目标区交互响应 7.5.1 目标区交互属性 7.5.2 上机指导目标区交互应用实例,7.5.1 目标区交互属性,目标区交互的建立需要事先创建一个显示类设计图标作为目标区交互的拖动对象。一般使用显示图标来创建拖动对象，多个拖动对象必须分别放在单独的显示图标中。,建立目标区交互结构后，单击目标区交互分支上的交互标志，调出目标区交互属性面板，单击【目标区】选项卡。,7.5.2 上机指导目标区交互应用实例,下面通过一个拼图游戏程序介绍目标区交互的应用。,（1）新建文件，设置演示窗口大小。,（2）拖显示图标到流程图上，并命名。导入图片，绘制方格。输入文本。,（3）将所有图形拼块分别放入不同的显示图标中。,（4）拖交互图标到流程线上，重命名。,7.5.2 上机指导目标区交互应用实例,（5）建立【目标区】交互分支，并将群组图标命名。,（6）放置图形拼块到方格区域的相应位置，并调整目标区域的大小。,（7）设置【目标区】选项卡。设置【响应】选项卡。,（7）分别创建另外5个交互分支。,（9）拖群组图标到【拼块6】交互分支的右侧，群组图标重命名。,（10）【拼装错误】交互属性面板【目标区】选项卡 。,（11）添加群组图标。,（12）运行程序进行测试。,7.6 下拉菜单交互响应 7.6.1 下拉菜单交互属性 7.6.2 上机指导下拉菜单交互应用实例,7.6.1 下拉菜单交互属性,拖一个群组图标到交互图标右侧，弹出【交互类型】对话框，单击【下拉菜单】单选按钮建立一个下拉菜单交互分支。运行程序，演示窗口出现两个菜单，其中【文件】菜单是系统默认的，【未命名】菜单就是使用【下拉菜单】交互建立的。,在程序流程线上，交互图标的名称作为菜单组名称，交互分支下的图标名称作为菜单项的名称。单击菜单交互标志，调出下拉菜单交互属性面板，单击【菜单】选项卡。,各选项介绍,7.6.2 上机指导下拉菜单交互应用实例,本实例将通过下拉菜单交互来制作模块化程序结构。,（1）拖交互图标到流程线上，重命名。 （2）建立下拉菜单交互。 （3）设置【响应】选项卡。 （4）拖擦除图标到【文件】交互结构后面的流程线上，重命名。 （5）拖交互图标到流程线上，重命名。 （6）建立下拉菜单交互分支，重命名设计图标。 （7）设置响应快捷键。 （7）设置【响应】选项卡。 （9）输入程序代码。 （10）添加并设置两个群组图标。 （11）创建【其他功能】交互结构，制作第2个菜单组。 （12）运行程序进行测试。,7.7 按键交互响应 7.7.1 按键交互属性 7.7.2 上机指导按键交互应用实例,7.7.1 按键交互属性,下面先创建如图7-61所示的按键交互结构。拖一个交互图标到流程线上，命名为【选择题】，拖一个群组图标到【选择题】交互图标右侧，弹出【交互类型】对话框，选择【按键】单选按钮，并单击【确定】按钮。将按键交互分支下群组图标命名为“a|A”。程序运行时，当用户在键盘上按下a键或者A键时，计算机就进入交互分支结构的响应图标，读取群组图标中的程序。,单击图7-61交互结构中按键交互分支上的交互标志，调出交互属性面板，单击【按键】选项卡。,按键交互属性设置介绍,7.7.2 上机指导按键交互应用实例,第7章7.4.2节制作了一个自动下象棋的实例，象棋可以自动在指定的固定矩形区域中不停的移动。这里对此程序进行修改，以实现使用按键来控制象棋在棋盘上移动。程序运行时，用户通过按下键盘上的、方向键可以让象棋在棋盘上移动。,（1） 修改程序 。,（2） 设计移动类型。,（3）建立按键交互分支，并命名。 （4）输入代码。 （5）再添加3个响应分支。并输入代码。,7.8 按键交互响应 7.8.1 条件交互属性 7.8.2 上机指导条件交互应用实例,7.8.1 条件交互属性,拖动一个群组图标到交互图标右侧，在弹出的【交互类型】对话框中选择【条件】单选按钮，单击【确定】按钮，建立一个条件交互分支。,单击图7-67交互结构中条件交互标志，调出条件交互属性面板，单击【条件】选项卡。,条件交互属性面板的各选项介绍,7.8.2 上机指导条件交互应用实例,下面通过两个实例介绍条件交互应用的方法。,1按键下棋增强版,通过添加条件交互，判断象棋的运动是否超过边界来解决。,（1）调整程序结构。,（2）在群组图标的流程线放置图标 并设置。,（3）【条件】选项卡的设置 和【响应】选项卡的设置,（4）设计群组图标中的程序代码。,（5）创建其他条件交互。,7.8.2 上机指导条件交互应用实例,2拼图游戏增强版,7.5.2节制作了一个拼图游戏，下面为这个程序添加一个条件判断功能：当用户正确完成所有的拼块组装后，演示窗口显示“再见”，等待2秒后退出。,（1）添加群组图标，设置交互类型。 （2）输入文本，在【启动】下拉列表中选择“为真”。 （3）加入3个图标。,7.9 文本输入交互响应 7.9.1 文本输入交互属性 7.9.2 上机指导文本输入交互应用实例,7.9.1 文本输入交互属性,拖一个交互图标到流程线上，重命名。拖一个群组图标到交互图标右侧，建立文本输入交互分支。更改群组图标的名称。,1文本交互属性面板,双击文本输入交互分支上的交互标志，调出文本输入交互属性面板，单击【文本输入】选项卡。,各选项介绍,2. 文字输入区域,创建文本交互后，演示窗口中会出现一个文字输入区域，由一个小三角标志提示。有时候需要对输入的文字进行格式化，那么需要对这个文本输入区域的属性进行设置。双击图7-76中交互图标，调出交互图标属性面板，单击面板左下角的【文本区域】按钮，弹出【交互作用文本字段】属性对话框。,具体属性设置介绍,7.9.2 上机指导文本输入交互应用实例,本实例是一个填空题测验程序。,（1）设置演示窗口大小。在流程线上放置显示图标，导入背景图片调整好位置。,（3）创建交互结构 。,（2）在流程线上再放置显示图标，输入题目、标题等，并分别设置文字的样式。,7.9.2 上机指导文本输入交互应用实例,（4）调整文本输入框的大小和位置 。,（5）【属性：交互作用文本字段】 。,（6）设置 【文本输入】选项卡和设置【响应】选项卡中。,（7）创建第一道填空题的错误响应。,（7）为另外两个填空题在流程线上创建类似的交互程序结构。,（9）在流程线上放置显示图标，输入文字。,7.10 重试限制交互响应 7.10.1 重试限制交互属性 7.10.2 上机指导重试限制交互应用实例,7.10.1 重试限制交互属性,创建如图7-94所示的重试限制响应交互结构，单击重试限制交互分支上的交互标志，调出交互属性面板，单击【重试限制】选项卡。,【最大限制】文本框：用户能尝试的最多次数，可在该文本框中输入一个数值或包含数值的变量。,7.10.2 上机指导重试限制交互应用实例,下面通过一个限次身份认证实例来介绍重试限制交互的具体应用。,（1）设置【属性：文件】。,（2）【输入密码】交互图标设计。,（3）设置【显示】选项卡 。,（4）建立文本交互结构。,（5）设置【响应】选项卡 。,（6）设置交互分支属性 。,（7）建立【重试3次】群组图标内部流程。,（7）【欢迎画面】窗口。,（9）运行程序。,7.11 时间限制交互响应 7.11.1 时间限制交互属性 7.11.2 上机指导时间限制交互应用实例,7.11.1 时间限制交互属性,创建如图7-105所示的时间限制响应交互结构，单击时间限制交互分支上的交互标志，调出交互属性面板，单击【时间限制】选项卡。,各选项介绍,7.11.2 上机指导时间限制交互应用实例,本节将利用时间限制交互与其他类型交互配合制作一个太空射击游戏。,（1）拖显示图标到流程线，重命名。导入星空图。附加计算图标。,（2）拖显示图标到流程线上，重命名。导入图片，设置显示模式。,（3）拖交互图标到流程线上，重命名。建立热对象交互分支。,（4）设置【打靶】热对象交互属性面板的【热对象】选项卡和【响应】选项卡 .,（5）创建热对象交互分支。,（6）设置【Animating“飞机”】条件交互属性面板的【条件】选项卡。,（7）设计飞机图片。,（8）设置移动图标属性。,（9）输入代码。,（11）运行程序进行测试。,（10）拖显示图标到程序流程线的底部，重命名。输入文本。,7.12 时间限制交互响应 7.12.1 时间限制交互属性 7.12.2 上机指导时间限制交互应用实例,7.12.1 时间限制交互属性,创建如图7-105所示的时间限制响应交互结构，单击时间限制交互分支上的交互标志，调出交互属性面板，单击【时间限制】选项卡。,各选项介绍,7.12.2 上机指导事件交互应用实例,本