18 滚动显示的图形.docVIP

实例18 滚动显示的图形 主要内容 在多媒体设计过程中，很多时候都需要使用到滚动的文本和滚动的图形，Authorware为程序开发人员提供了滚动文本的显示功能，但是，没有为读者提供滚动图形的显示功能。下面让我们通过程序设计，来实现滚动图形的显示。 ( 基本操作提要 在该实例中，我们使用了Authorware所提供的如下功能： 【显示】设计按钮。 【移位】设计按钮。 【运算】设计按钮。 【判定】分支结构。 【交互作用】分支结构。 Authorware所提供的系统函数和系统变量。 本实例将上述各功能设计按钮、变量与函数相结合起来，有机地组成了本实例的对图形的滚动显示。 ( 程序总体分析 该程序的整体逻辑结构如图19－1所示。 程序的运行结果如图18－2所示。 单击图18－2中的滚动条，用户可以实现像Windows中的滚动条一样的功能。单击展示窗口中的滚动条，屏幕上的图形会滚动显示。单击【Exit】命令按钮，退出该程序。 下面让我们来逐一熟悉各设计按钮或分支路径的功能： Interface Graphics【显示】设计按钮，该设计按钮存储的是图18－2中所显示的滚动条的图形。 Scroll Knob【显示】设计按钮，该设计按钮存储的是图中可以拖动的滚动条上的滚动手柄。 Graphic to Scroll【显示】设计按钮，该设计按钮存储的是图中要滚动显示的图形。 Move Scroll Knob【移位】设计按钮，该移位设计按钮是用来移动滚动条上的滚动手柄。 Scroll Controls 交互作用分支结构：该分支结构是用来处理用户对滚动条的操作。我们来介绍各分支所实现的功能： （1）Exit按钮响应分支：由一个【运算】设计按钮组成，实现正常退出应用程序。 （2）Scroll Up热区响应分支：单击滚动条上端的箭头，滚动手柄向上移动。实现图形的向下滚动显示。 （3）Scroll Down热区响应分支：单击滚动条下端的箭头，滚动手柄向下移动。实现图形的向上滚动显示。 （4）Dragging@Scroll Knob条件响应分支：可以通过鼠标来拖动滚动手柄上下移动。 （5）Click on Scroll Bar热区响应分支：单击滚动条上滚动手柄两端的位置，可以上下滚动手柄的移动和图形的滚动显示。 下面，让我们来学习该实例的实现过程。 实例过程 步骤1 设立Interface Graphics【显示】设计按钮： （1）拖曳一个【显示】设计按钮到程序的主流程线上，命名为Interface Graphics。 （2）双击打开该设计按钮，弹出展示窗口。 （3）在展示窗口中引入如图18－3所示的滚动条。 技巧： 引入的滚动条我们可以从任意的Windows窗口截取。 （4）关闭该展示窗口。 步骤2为Interface Graphics【显示】设计按钮加装饰：使该显示设计按钮中的内容不能移动： （1）使用Authorware的【Modify】菜单中【Icon】子菜单的【Calculation】命令选项。弹出作为装饰的【运算】设计按钮对话框。 （2）该对话框中的输入内容如图18－4所示。 （3）单击关闭该对话框，确认保存输入的内容。 步骤3设置Scroll Knob【显示】设计按钮： （1）拖曳一个【显示】设计按钮到程序的主流程线上，命名为Scroll Knob。 （2）使用Ctrl+R命令运行程序，弹出该【显示】设计按钮的展示窗口。 （3）在展示窗口中引入如图18－5所示的滚动手柄。 技巧： 引入的滚动手柄可以从任意的Windows窗口截取。 （4）关闭该展示窗口。 步骤4为Scroll Knob【显示】设计按钮加装饰，将该设计按钮设置为可以移动： （1）打开作为装饰的【运算】设计按钮对话框。 （2）该对话框中输入的内容如图18－6所示。 （3）关闭该对话框，确认保存输入的内容。 步骤5：设置Graphic to Scroll【显示】设计按钮： （1）拖曳一个【显示】设计按钮到程序的主流程线上，命名为Graphic to Scroll。 （2）使用快捷键Ctrl+R打开该显示设计按钮。 （3）在图18－7所示的位置引入我们要滚动显示的图形。 （4）关闭该【显示】设计按钮的展示窗口。 提示： 在程序设计的过程中，要经常保存文件。 步骤6：为Graphic to Scroll【显示】设计按钮加装饰，将该设计按钮设置为不可移动。 （1）打开作为装饰的【运算】设计按钮对话框。 （2）该对话框中输入的内容如图18－8所示。 （3）关闭该对话框，确认保存输入的内容。 步骤7设置这三个【显示】设计按钮的【Properties】属性对话框。 打开一个设计按钮【Properties】