第4章++框架与导航

第4章课件的流程控制 4 1利用框架图标和导航图标4 2利用判断图标 4 1利用框架图标和导航图标 4 1 1框架图标与导航图标提供的默认功能4 1 2框架图标与导航图标的属性4 1 3框架图标和导航图标实例 返回首页 图4 1框架图标 导航图标及其控制按钮的对应关系 4 1 1框架图标与导航图标提供的默认功能 利用框架图标内部的导航图标可以实现顺序式结点页管理 即可以跳转到框架图标所管理的结点页中的第一页 最后一页 前一页 后一页等 Authorware7 0已经提供了这些顺序式的默认功能 由图4 1可知 框架图标主要是由交互图标和导航图标组成的 Authorware7 0默认地提供了8个导航图标 返回本节 4 1 2框架图标与导航图标的属性 1 框架图标属性选中图4 1中的框架图标 选择Modify Icon Properties菜单项 将弹出如图4 2所示的框架图标属性窗口 框架图标的属性项如下 1 PageTransition 显示并控制结点页之间的过渡显示方式 如图4 3所示 2 NumberofPages 显示当前框架图标所拥有的结点页数目 图4 2框架图标属性对话框 图4 3PageTransition中的SmoothChange过渡效果 2 导航图标属性Authorware7 05个目标区域选项 1 Recent Authorware7 0允许用户回溯刚刚访问的结点页 此时导航图标的属性对话框如图4 5所示 2 Nearby 如果在Destination域中选择Nearby选项 此时对应的导航图标属性对话框如图4 6所示 图4 4默认的导航图标内容 3 Anywhere 如果在Destination域中选择的是Anywhere选项 表示可以链接到任意结点页 如图4 7所示 4 Calculate 当在Destination域中选择Calculate选项时 表示利用表达式的计算结果来链接到目标结点页 此时 对应的导航图标属性对话框如图4 8所示 5 Search 如果在Destination域中选择的是Search选项 则允许用户搜索结点页 此时 对应的导航图标属性对话框如图4 10所示 图4 5导航图标属性对话框 图4 6导航图标属性对话框 图4 7导航图标属性对话框 图4 8导航图标属性对话框 图4 9导航图标属性对话框 图4 10导航图标属性对话框 图4 11Find对话框 返回本节 4 1 3框架图标和导航图标实例 实例一 制作 图片浏览 幻灯片 流程图如图4 12所示 运行结果如图4 13所示 操作步骤 1 新建一个文件 并命名为 图片浏览 a7p 2 拖一个框架图标到流程线上 并命名为 幻灯片 3 拖数个显示图标到框架图的右边 4 将第一个显示图标命名为 背景 打开该图标 键入文字 图片浏览 5 再分别为其余每个显示命名并导入相应图片 6 单击控制面板上的按钮 可播放这一组图片中的任何一张 图4 12 图片浏览 流程图 图4 13 图片浏览 运行结果 实例二 超文本导航 程序流程图如图4 14所示 程序运行结果如图4 15所示 图4 14 音乐课 流程图 图4 15 音乐课 运行结果 图4 16DefineStyles对话框 图4 17设置 超文本 的字体风格 图4 18选择需要定义为超文本风格的文字 图4 19Properties Navigation对话框 返回本节 4 2利用判断图标 4 2 1判断图标概述4 2 2判断图标的属性4 2 3判断图标的分支方法4 2 4与判断图标相关的系统变量4 2 5判断图标实例 返回首页 4 2 1判断图标概述 概述菱形结构来源于高级程序语言中用来控制程序分支的流程结构 如图4 20所示 为了更加便于使用者的开发设计 Authorware7 0就推出了判断图标 判断图标不仅能够实现二元分支 还能够实现多元分支流程 如图4 21所示 图4 20控制程序分支流程 图4 21多元分支流程结构 2 判断图标的组成判断图标的组成如图4 22所示 图4 22判断图标的组成 返回本节 4 2 2判断图标的属性 只需双击判断图标即可打开其属性窗口 如图4 23所示 图4 23判断图标的属性窗口 判断图标的属性窗口包含以下一些选项 TimeLimit域 可输入数值 变量或表达式 其值决定了用户在一个判断中可以花费的时间 以秒为单位 ShowTimeRemaining复选框 仅当在TimeLimit域中输入了值时 此复选框才有效 Repeat域 可决定Authorware7 0将在判断图标中重复执行的次数 Branch域 可决定Authorware7 0执行判断图标中的分支流程的方法 ResetPathsonEntry域 选择此复选框将会重新设置那些与Authorware7 0已执行过的路径相关的值 图4 24判断路径的属性窗口 返回本节 4 2 3判断图标的分支方法 表4 1判断图标的分支方法 根据几种不同分支方法的功能将它们分成3类 顺序分支 随机分支和计算分支 下面结合具体的实例来分别介绍它们 1 顺序分支图4 25所示的是一个二元分支示例 这是一个累加计算示例 作用是计算1到100的累加结果 为了实现累加计算的目的 具体如下图 图4 25 累加计算 流程图 图4 26 累加计算 示例中判断图标的属性窗口 1 图4 27 累加计算 示例中判断图标的属性窗口 2 2 随机分支随机分支对应着Branch域中的RandomlytoAnyPath和RandomlytoUnusedPath选项 此时Authorware7 0采取随机选择的方式来执行各个分支流程 为了进一步弄清楚上述两种随机分支的区别 再举一个例子 如图4 31所示 图4 31 建造房屋 流程图 3 计算分支计算分支对应着Branch域中的ToCalculatedPath选项 它是根据该选项下方的变量或表达式的值来决定Authorware7 0将要执行的分支路径的 例如 只需按图4 32所示来设置 摸底考试 示例中的判断图标属性值 就可以根据变量counter的值来决定程序的分支 图4 34使用表达式来决定分支 返回本节 4 2 4与判断图标相关的系统变量 表4 2与判断图标相关的系统变量 返回本节 4 2 5判断图标实例 实例一 小测试 运行结果如图4 35所示 流程图如图4 36所示 操作步骤 1 新建一个文件 并命名为 小测试 a7p 2 拖动一个判断图标到流程线上 并命名为 小测试 图4 35 小测试 运行结果 图4 36 小测试 源程序流程图 3 拖动一个群组图标到 小测试 判断图标的右下方 命名该群组图标为 问题一 打开 问题一 群组图标 在其中创建如图4 36所示的流程 4 在第一个分支路径中创建第一个问题后 按照类似的步骤 可以创建其他的分支路径 5 鼠标双击打开 小测试 判断图标 屏幕上弹出判断图标对话框 设置好的对话框如图4 37所示 图4 37 小测试 判断图标属性对话框 实例二 自动演示 知识要点 进一步认识判断图标 掌握实现自动演示功能的方法 制作思路 利用Authorware7 0分支图标实现程序随机或顺序进入某一分支 以自动演示分支中的内容 流程图