27.1  程序功能与运行

打开程序，屏幕上显示如图27-1所示的程序流程图和如图27-2所示的程序运行主画面。

图27-1  程序流程图                        图27-2  程序运行主画面

在图27-1中，【Run to View Documentation】设计图标完成发布一个声明并运行程序到主画面的功能，其余设计图标则完成运行程序实例的功能。

在如图27-2所示的主画面中有如下3个按钮：

l         【Introduction】——程序简介

l         【Hot Text Interactions】——程序流程图标设计说明

l         【Run the Example】——运行实例

鼠标单击【Run the Example】按钮，程序进入实例演示分支，其运行画面如图27-3所示。

画面左侧窗口显示出Icon 1、Icon 2和Icon 3目录表文字，每个目录成一行；窗口上沿显示出当前设计图标名称为List；右侧上方有一个【Back to List】按钮。

单击“Icon 1”目录，左侧窗口中显示出：By clicking on “Icon 1”in the List, you've

 navigated to this Icon的文字，提示用户通过单击目录表中的“Icon 1”，用户已导航到了这一设计图标中。窗口上沿此时显示当前设计图标名称为“Icon 1”。单击“Icon 2”目录（或“Icon 3”目录），画面显示含义相同的文字，窗口上沿显示出当前设计图标名称为“Icon 2”（或“Icon 3”）。

单击【Back to List】按钮，程序返回如图27-3所示的首页画面。

图27-3  实例运行画面

27.2  程序流程分析

27.2.1  页管理图标结构设计

流程中在【Navigate to Pages】框架图标下设置了4个页面，分别为List、Icon 1、Icon 2和Icon 3，均为显示图标。

首页List设计图标中输入了Icon 1～Icon 3的目录列表；Icon 1～Icon 3各页中则输入了各页显示的文字。

【Navigate to Pages】框架图标的输入/输出层如图27-4所示。

图27-4  【Navigate to Pages】框架的输入/输出层

框架输入层【Background】显示图标中嵌入了CurrentIcon=｛IconTitle(CurrentPageID)｝，因此在程序进入某页中时可实时显示出该页标题名称。

【Navigation hyperlinks】交互响应图标下仅保留一个【Back to List】按钮交互响应分

支，这就是窗口右侧上方的【Back to List】按钮。单击该按钮进入该分支中的导航图标。

导航图标的属性设置如图27-5所示。

图27-5  【Back to List】导航图标属性设置对话框

由图27-5可知，导航进行本框架内的跳转，目的页为【First】（即首页）。

因此用户在单击了【Back to List】按钮后，程序跳转到首页（【List】图标），显示出目录列表。

及时点评  在Authorware中，利用框架图标，可以建立流程的页；通过导航图标，可以实现对页的访问。这种由框架与导航的配合实现程序页面之间跳转的方式被称为页管理。本例在框架输入层中仅保留一个导航跳转，跳转的目的地为框架首页，是一种简单的导航跳转设置。

27.2.2  超文本链接设计

超文本链接（Hyperlink）即热文字交互响应（Hottext），它是Authorware系统中11种交互响应类型外的又一种交互响应方式。

热文字交互响应设计一般有3个方面的内容：

l         热文字定制

l         将定制的热文字应用于具体文字

l         设置热文字链接的页

1. 热文字定制

单击【Text/Define Styles…】菜单命令，弹出文字风格设置对话框，如图27-6所示。

在对话框左侧列出已有的文字风格，可选择其中一种风格；也可单击【Add】按钮重新增加一种新的文字风格，并在左下角输入其名称。

    本例热文字名称为“Hot Text”，使用Arial字体，字号大小为10，字型为Bold，颜色为深绿。

对话框右侧列出了该热文字交互响应方式选项。

本例在Interactivity栏中选择了：

Single Click——鼠标单击产生响应

Auto Highting——选中时变亮度显示

Cursor——鼠标移入时变手形

注意：本例在此并不选择Navigate To选项。

图27-6  文字风格设置对话框