图标Authorware教程：第10章框架和导航结构的设计

第10章 框架和导航 结构的设计

在Autu orwar e 中利用“框架”图标可以建立流 程的页通过“导航”图标可以实现对 页的访问。

10. 1翻页结构 设计——西风吹书读哪页

10. 1 1认识框架图 标

在Auth orwar e中框架结构有 三部分组成 框架图、不同主页的 页图标、导航图标。在框架图标 中他们三者 只有结合在 一起才有导 航的作用。

图10.2框架图标的 内部结构

“框架”图标窗口共 分为三部分 。

在输入窗口 的最顶端是 一个“显示”图标。

“显示”图标的下方 是“交互”图标。

1

在“交互”图标中的八 个定向按钮 在程序运行 时只要单击这 些定向按钮就可以实现 页面的跳转 和查找。

图10.4例10-1-中国奇观程 序

运行该程序 后屏幕上首 先出现图1 0.5的效果然后可点击 屏幕上的按 钮程序将会按 照图10.3所示的响 应方式跳转 。

2

图10. 5例10-1-中国奇观程 序运行效果

10. 1 2认识导航图 标

“导航”图标主要用 于控制程序 的跳转方向 和方式通过该图标 可跳转到程序中任意“框架”图标下的页 图标。

具体可实现 以下功能

(1)跳转到程序 中任意页图 标

(2)图标间的相 对位置跳转 如跳转到前 一页或后一 页

(3)回到用户使 用过的页图 标

(4)在用户已使 用过的页图 标中选择一 页作为目的 页

(5)查找功能定 位所需的页 图标并跳转 

(6)通过于程序 调用跳转并 返回。

“框架”图标建立了 页的结构但要实现与 页之间的定 向链接就是用“导航”图标。

双击“导航”图标打开“Prope rties :Navig ate Icon[Recen t pages ] ”属性设置对 话框。

3

图10.6导航图标 属性设置

在对话框的 “Destinatio n”栏中可选择 如下五种链 接方式。

1  Rec ent

2 Nearby

图10.7设置最近页 面属性

1)单击“Previous”按钮

2)单击“Next”按钮

3)单击“First”按钮

4)单击“Last”按钮

5)单击“ExitF ramew orkRetur n”按钮

3 Anyw h er e

图10.8设置任意位 置页面属性

4 Calculate

图10.9设置计算页 面属性

5 Search

4

图10. 10设置查找页 面属性

“Typ e”

“Search” 搜索

10. 1 3创建框架 结构的基本 操作

框架结构的 创建一般步 骤如下

(1)拖曳“框架”图标到主流 程线上并命 名。

(2)拖曳页图标 至“框架”图标的右侧 释放并命名 。

(3)双击“框架”图标打开其 “输入输出”层进行编辑 。输入输出层的结 构流程及缺 省工具条。

(4)编辑“框架”图标右侧各 页的内容

框架输入层 有一套缺省 的翻页工具 条共有8个按 钮如果对缺省 的翻页工具 条不满意例如工具条 按钮个数、按钮形状、按钮位置以 及各按钮的 响应方式等

均可以进行 调整具体操作如 下。

(1)改变工具条 的按钮数目 

(2)改变响应方 式

(3)改变按钮形 状

(4)拖放按钮位 置

当程序执行 到一个框架 结构时在进入其中 第—个页图标前 首先执行“框架”图标的输入 层内容在窗口中显 示出输入层 缺省的(或定制的)导航按钮然后自动进

入首页浏览 。 在退出框架 结构时执行框架输 出层的设置 内容后删除框架结 构中的所有 内容撤销所有导 航控制。

另外替换系统默 认的定向控 制还有另一 种方法那就是使用 模块进行替换。

如果确实想 这样做可以参照下 面的具体步 骤进行

1.打开Aut horware7的文件夹在列表框中 用鼠标右键 单击Fra mewrk .a7d文件选择“剪切”命令。然后进入其 他目录用右键单击 窗口的空白 处在弹出的菜 单中选择“粘贴”命令将此模块文 件移动到这 个文件夹中 保存。

2.打开流程线 上的“框架”图标然后删除输 入窗口中的 所有图标按用户的需 要设置新的 定向控制结 构。

[实例10 1 ]西风吹书读哪页--中国奇观电子图书

程序设计的 步骤如下

1用“Modif y”→“File”→“Prope rties ”命令设置程 序的基本参 数选定分辨率 为640×480。

2拖曳一个框 架图标至流程线上然后为它命 名“中国奇观”。

3先后拖曳七 个显示图标 到框架图标 的右下方建 立七条分支 然后分别为

它命名为“背景” 、 “喜玛亚拉山 ” 、 “黄河瀑布” 、 “万里长城” 、 “西安兵马俑

” 、 “新安江” 、 “青藏高原”。

4双击“背景”显示图标用文本设计 标题“中国奇观” 然后输入“第十章框架和导航结构 的设计/10-1-翻页结构设 计/10-1-中国奇观图 片/背景. jpg”。

5依次双击后 面的显示图 标然后分别输 入“第十章框架 和导航结构 的设

5

计/10-1-翻页结构设 计/10-1-中国奇观图 片/”相应的图片 。

10.2动态跳转 设计——非线性阅读

10.2. 1 几种常见的 翻页跳转结 构

在Autu orwar e 中有关翻页结 构的制作在 很大程度上 都需要通过 “导航”图标及“框架”图标协作来 完成两者缺一不 可。

一、在多个框架 图标之间实 现跳转

图10. 11多个框架图 标之间的跳 转

二、利用导航图 标直接跳转

三、使用交互图 标控制跳转

6

10.2.2 框架的嵌套 和返回

框架的嵌套 是指一个框 架的某些页 中还存在有 另外一个框 架的使用方 式。[实例10 2]多媒体教材

程序设计的 步骤如下

1设置程序的 基本参数。

2拖曳一个交 互图标至流 程线上然后为它命 名“多媒体教材 ” 。包括四个按 钮响应 。

图10. 14多媒体教材 主程序

3为每一按钮 响应设置链 接。

7

图10. 15多媒体教材 按钮响应设 置

4总体框架中 的“习题”部分内容应 该包含各章 的习题所以在“习题”这一夜中又 包含了一个 名为“章”的子框架此子框架中 的每一页相 当于每一张 的习题。

图10. 16 多媒体教材 子框架示意 图

8

图10. 17多媒体教材 程序跳转

当从主框架 中进入其中 一页的子框 架时程序并不退 出主框架。

框架的嵌套 中默认的导 航控制功能 与普通框架 中默认的控 制响应按钮 的功能区别 。

在框架嵌套 中的搜索功 能。

Anywh ere和C alcul ated类 型的导航控 制特点。

利用导航图 标实现主框 架和子框架 中的相互跳 转。

二、框架的返回

框架的返回 与前面介绍 的返回并不 相同前面介绍的 内容是设置 如何返回到 最近访问的 某页而框架的返 回相当于程 序设计语言 中的子程序 概念。

要创建一个 完整的子程 序操作步骤如 下

1 拖动一个框 架图标到流 程线上。

2 拖动其他图 标到框架图 标的右边并编辑这些 图标的内容 。

3 在框架图标 的每一页的 最后都添加 一个导航图 标并将其属性 设置为Nearby中 的Exit Frame work/Retur n。

4 拖动一个导 航图标到程 序中需要跳 转的地方。

5 导航图标属 性对话框中 将该导航图 标的Des tinat ion属性 设置成Anywher e。

6 在Anyw here属 性下面的T ype选项 组中选择C all and Retur n单选按钮

。

7 链接到子程 序中的某一 页。

8 重复步骤4到步骤7的操作直到结束。

10.3热字链接——超文本大动 员

在Autu orwar e中利用超文本 对象也可以 建立一种定 向链接 当使用鼠标单击、双击或将鼠 标移至定义 的超文本正 文对象上时  Autuo rware 就会直接进 入与该正文 对象所对应 、所链接的页 中这样的正文 对象被我们 称之为超文本对象简称超文本 。

9