第九章- 交 互 设 计

1、第第9 9章章 交交 互互 设设 计计 学习要点学习要点 了解【交互】图标的作用及其属性了解【交互】图标的作用及其属性 设置设置 熟悉交互作用分支结构的设计过程熟悉交互作用分支结构的设计过程 了解了解11种响应类型的属性设置种响应类型的属性设置 掌握掌握11种响应类型各自的特点、功种响应类型各自的特点、功 能能 能够灵活运用这能够灵活运用这11种响应类型制作种响应类型制作 多媒体课件多媒体课件 重点和难点重点和难点 【交互】图标及其属性设置【交互】图标及其属性设置 交互作用分支结构的构造交互作用分支结构的构造 11种响应类型的属性设置种响应类型的属性设置 常用响应类型的使用常用响应类型的使用

2、【交互】图标的使用【交互】图标的使用 9.19.1 按钮响应方式按钮响应方式 9.29.2 热区响应方式热区响应方式 9.39.3 热对象响应方式热对象响应方式 9.49.4 目标区域响应方式目标区域响应方式 9.59.5 下拉菜单响应方式下拉菜单响应方式 9.69.6 条件响应方式条件响应方式 9.79.7 文本输入响应方式文本输入响应方式 9.89.8 按键响应方式按键响应方式 9.99.9 重试限制响应方式重试限制响应方式 9.109.10 时间限制响应方式时间限制响应方式 9.119.11 事件响应方式事件响应方式 9.129.12 上机实验上机实验 9.139.13 9.1.1 【交

3、互】图标及属性设【交互】图标及属性设 置置 图图9.1 【交互】图标的属性对话框【交互】图标的属性对话框 图图9.2 “Interaction”选项卡选项卡 （1）“擦除擦除”选项：选项： 用来用来决定什么时候决定什么时候自动擦除自动擦除【交互】【交互】 图标中的显示内容图标中的显示内容，它有以下，它有以下3个选择方式。个选择方式。 在退出之前在退出之前：当程序退出交互时，系：当程序退出交互时，系 统会自动擦除【交互】图标的显示内容。统会自动擦除【交互】图标的显示内容。 该选项是系统的默认选项。该选项是系统的默认选项。 下次输入之后下次输入之后：当程序执行一次新的：当程序执行一次新的 交互响应

4、之后，系统会自动擦除前一个交交互响应之后，系统会自动擦除前一个交 互中的显示内容。互中的显示内容。 不擦除不擦除：不擦除【交互】图标的显：不擦除【交互】图标的显 示内容，除非使用【擦除】图标来擦除它，示内容，除非使用【擦除】图标来擦除它， 否则这些内容将一直显示在屏幕上。否则这些内容将一直显示在屏幕上。 （2） “擦除特效擦除特效”选项：是用来设选项：是用来设 置擦除效果的，单击其后面的按钮，置擦除效果的，单击其后面的按钮， 会弹出会弹出“擦除特效擦除特效”对话框。对话框。 （3）“选项选项” ：是用来设置退出交：是用来设置退出交 互前的动作，其后有两个复选框：互前的动作，其后有两个复选框：

5、“退出前中止退出前中止”选项：在退出交互分选项：在退出交互分 支前，程序会暂时停止执行，让用户有足支前，程序会暂时停止执行，让用户有足 够的时间来浏览，当单击鼠标左键或按任够的时间来浏览，当单击鼠标左键或按任 意键后，程序会退出交互，继续执行后面意键后，程序会退出交互，继续执行后面 的内容。的内容。 “显示按钮显示按钮”选项：这个选项必须在选项：这个选项必须在 选中了选中了“退出前中止退出前中止”后才能有效，如果后才能有效，如果 用户选中此项，则程序在退出交互时，会用户选中此项，则程序在退出交互时，会 在屏幕上显示一个在屏幕上显示一个“Continue”按钮，用户按钮，用户 单击这个按钮后，程

6、序就会继续执行后面单击这个按钮后，程序就会继续执行后面 的内容。的内容。 2“Display”选项卡选项卡 图图9.3 “Display”选项卡选项卡 3“版面布局版面布局”选项卡选项卡 图图9.4 “Layout”选项卡选项卡 4“CMI”选项卡选项卡 图图9.5 “CMI”选项卡选项卡 方法：先将方法：先将“交互交互”图标图标 拖放到流程拖放到流程 线线 上，然后拖动上，然后拖动“群组群组”图标图标 到到“交互交互” 图标的右侧。图标的右侧。 9.1.2 交互的建立交互的建立 图图9.6 “交互类型交互类型”对话框对话框 9.1.3 交互分支结构交互分支结构 响 应 图 标 的标题 响应状

7、态 响应图标 响应类型标志 交 互 图 标 的 标题 图图9.7 交互分支结构流程图交互分支结构流程图 图图9.8“按钮按钮”选项卡选项卡 图图9.8“响应响应”选项卡选项卡 响应图标的标题 响应类型 响应状态 反馈分支 图图9.8“Response”选项卡选项卡 在图在图9.8所示的所示的“响应响应”选项卡中的选项卡中的 “状态状态”选项中可以修改响应状态，它一选项中可以修改响应状态，它一 共有共有3种选择方式：种选择方式： 不判断不判断：不跟踪响应，这是系统默认的：不跟踪响应，这是系统默认的 选项。选项。 正确响应正确响应：跟踪正确响应，将正确响应：跟踪正确响应，将正确响应 次数累加，并将

8、累加的结果放入一个系统次数累加，并将累加的结果放入一个系统 变量中。选择此项，响应图标的标题前会变量中。选择此项，响应图标的标题前会 显示一个显示一个“+”号。号。 错误响应错误响应：跟踪错误响应，将错误：跟踪错误响应，将错误 响应次数累加，并将累加的结果放入一个响应次数累加，并将累加的结果放入一个 系统变量中。系统变量中。 （4）反馈分支：即执行完分支中的）反馈分支：即执行完分支中的 内容之后的程序走向，同样在如图内容之后的程序走向，同样在如图 9.8所示的所示的“响应响应”选项卡选项卡中的中的“分分 支支”选项选项中进行设置，它有中进行设置，它有4种选择种选择 方式。方式。 Try Aga

9、in：程序执行完该交互响应：程序执行完该交互响应 后，返回到总交互的最前面，重新判断是后，返回到总交互的最前面，重新判断是 否进入某个交互项。否进入某个交互项。 9.2.1按钮响应的属性设置按钮响应的属性设置 在流程线上拖动一个【交互】图标，在流程线上拖动一个【交互】图标， 在【交互】图标的右下角拖动一个【群组】在【交互】图标的右下角拖动一个【群组】 图标，在弹出的响应类型对话框中，按钮图标，在弹出的响应类型对话框中，按钮 （Button）响应是作为默认的响应类型，）响应是作为默认的响应类型， 单击单击“确定确定”按钮，响应图标的标题为默按钮，响应图标的标题为默 认的认的“未命名未命名”。 这

10、样，在演示窗口中会出现一个名为这样，在演示窗口中会出现一个名为 “未命名未命名”的的Windows风格的按钮，其流风格的按钮，其流 程图及演示窗口如图程图及演示窗口如图9.10所示。所示。 交 互 的 入 口 图图9.10流程图及演示窗口流程图及演示窗口 在这个交互结构中，【交互】图标是在这个交互结构中，【交互】图标是 交互结构的入口，交互结构的入口，响应图标的标题就是演响应图标的标题就是演 示窗口中按钮上所显示的标签示窗口中按钮上所显示的标签，双击响应，双击响应 类型标志或在演示窗口中双击此按钮即可类型标志或在演示窗口中双击此按钮即可 打开其属性窗口，如图打开其属性窗口，如图9.11所示。所

11、示。 图图9.11按钮响应的属性对话框按钮响应的属性对话框 图图9.12 鼠标类型设置对话框鼠标类型设置对话框 图图9.13鼠标指针形状鼠标指针形状 （4）“Response” 选项卡选项卡 按钮预览窗口 图图9.14 “响应响应”选项卡选项卡 图图9.15 Active If值为值为FALSE时按钮的状态时按钮的状态 9.2.2按钮响应的简单应用按钮响应的简单应用 【例【例9.1】制作一个浏览图片的按钮响】制作一个浏览图片的按钮响 应实例应实例 1要求：要求： 程序运行时显示程序运行时显示“图片图片1”、“图片图片2” 和和“图片图片3”3个按钮，单击按钮显示相应的个按钮，单击按钮显示相应的

12、 图片。图片。 2程序流程图及运行结果如图程序流程图及运行结果如图 9.16所示。所示。 图图9.17 运行窗口运行窗口 图图9.18“Response”选项卡选项卡 【例【例9.2】制作一个动画浏览实例。】制作一个动画浏览实例。 1要求：要求： 程序运行时显示程序运行时显示“气球升空气球升空”、“龟龟 兔赛跑兔赛跑”和和“退出退出”3个按钮，按钮标签即个按钮，按钮标签即 为动画名称，单击按钮欣赏相应的动画，为动画名称，单击按钮欣赏相应的动画， 单击单击“退出退出”按钮，退出演示窗口。读者按钮，退出演示窗口。读者 还可利用前面制作的动画实例对本实例做还可利用前面制作的动画实例对本实例做 一个扩充。一个扩充。 2程序流程图及运行结果如图程序流程图及运行结果如图 9.19所示。所示。 图图9.19 程序流程图及运行结果程序流程图及运行结果 演示结束后 演示过程中 图图9.20程序运行窗口程序运行窗口 图图9.21 【交互】图标的属性窗口【交互】图标的属性窗口 图图9.22 流程图及演示窗口流程图及演示窗口 9.2.3 自定义按钮的制作自定义按钮的制作 打开自定义按钮对话框。如图打开自定义