框架与判断结构的创建.ppt

1、第9章 框架与判断结构的创建 集成性也是多媒体作品的一个特点，作为多媒体的制作软件，Authorware 7.0可以将各种媒体结合成为一个有机的整体。框架图标和判断图标是Authorware 7.0中的复合结构，可以实现相同的设计目标，也可以相互通用。本章主要学习框架图标、导航图标和判断图标，以及怎样应用它们建立分页管理、导航查询和创建判断分支结构。,创建框架和导航结构 创建判断结构,9.1 创建框架和导航结构9.1.1 框架图标 框架图标主要用于实现对程序做分页管理，它提供了一种跳转方式。框架图标可以方便地设计包括图片、数字电影、声音、动画等外挂于框架图标的页面。在框架图标的内部，用导航控件

2、制作页面，可以方便用户的阅读和浏览。,1框架图标的结构 框架图标是由两部分组成的，与交互图标类似，它是一个复合图标。框架图标有自己的流程图标，包括显示图标、擦除图标、等待图标、移动图标、计算图标、数字电影图标、声音图标等，其后面图标被称为“页”，如图9.1.1所示。 在流程线上添加一个框架图标，双击该图标，可以打开系统默认的结构，如图9.1.2所示，它分为入口、出口和导航控件3个面板。,（1）入口：用于设置控制框架页的图标。入口面板包含系统默认的导航控件，在程序运行时，可以看到其相关的按钮，右面含有8个导航控件的交互图标，均默认为按钮响应，对它们可以进行更改（在入口面板中，可以添加其他的图标，

3、用于加载图形图像）。 （2）出口：当程序退出框架图标时，出口面板可以自动擦除在演示窗口中显示的全部内容，会终止所有的交互，并返回到原来的位置，在出口面板中也可以进行设置，如用户可以添加一些需要的程序等。,（3）导航控件：在Authorware 7.0中，框架图标自身包括一套导航控件，共有8个按钮。这8个按钮是用来实现框架图标的页管理功能的，它们对应于交互作用的按钮响应。双击入口面板中的交互图标，将打开其演示窗口，即可看到如图9.1.3所示的按钮（在实际的应用过程中，这些按钮不一定全部用到，根据需要可以进行相应的编辑）。,2框架图标的属性设置 在流程线上添加一个框架图标，用鼠标右键单击框架图标，

4、在弹出的快捷菜单中选择“属性”命令，在窗口的下面会显示其属性面板，如图9.1.4所示。,图9.1.4 “属性：框架图标Untitled”面板,单击面板中左下角的“打开”按钮，将打开框架图标的流程结构；“页面特效”文本框用于设置页面的过渡效果；单击其文本框后面的按钮，弹出“页特效方式”对话框，和前面所讲过的“特效方式”对话框相同，在该对话框中可以进行设置。 注意：在此设置的过渡特效对页面集合中全部页面同时都有效，其设置与显示图标的设置是相同的。,3框架结构的应用 下面通过具体的实例来进一步了解框架图标。 （1）新建一个文件，保存为“实例9.1.a7p”。 （2）拖动一个框架图标到流程线上，命名为

5、“框架”。 （3）拖动一个显示图标到流程线上，命名为“图片1”。双击该图标，打开演示窗口，单击工具栏中的“导入”按钮，弹出“导入哪个文件？”对话框，如图9.1.5所示，从中选择合适的图片，单击“导入”按钮，图片将被导入到演示窗口中，如图9.1.6所示。,图9.1.5 “导入哪个文件？”对话框 图9.1.6 演示窗口中的图片,（4）再向流程图上拖动两个显示图标，分别命名为“图片2”和“图片3”，并为“图片2”和“图片3”分别导入一幅图片，此时流程图如图9.1.7所示。 （5）双击打开框架图标内部结构，保留如图9.1.8所示的图标后，其余的全部删除。,图9.1.7 流程图 图9.1.8 保留的图标

6、,（6）分别为保留下来的图标重新命名，如图9.1.9所示。（7）保存并运行程序，运行效果如图9.1.10所示。,图9.1.9 重新命名后的流程图 图9.1.10 运行效果,9.1.2 导航图标 导航图标也是构成框架结构的重要图标之一，它可以放置在流程线上的任意位置，使用它可以实现页与页之间的跳转。 1导航图标的概述 在Authorware中，导航图标的作用是从程序的一个地方跳转到另一个地方去执行相应的内容。导航图标有以下特点： （1）导航图标可以把最终用户最近使用过的页以列表形式显示在窗口中。,（2）导航图标可以放在流程线上的任意位置，也可以放置于群组图标或者依附于其他图标。 （3）当执行完导

7、航图标中的内容后可以迅速返回到跳转前的地方，继续执行后面的内容。,2导航图标的属性 导航图标用于跳转，大多数情况下都是配合框架使用的。导航图标的跳转具有一定的局限性，一般情况下它只能跳转到框架的下挂图标中。 导航图标有多种跳转方式，每一种方式的图标互不相同。如表9.1所示，给出了所有导航图标图形功能共13种。,下面介绍导航图标属性的设置方法。 建立如图9.1.11所示的程序。双击导航图标，打开“属性：导航图标”面板，如图9.1.12所示。对话框的左下角有一个导航图标显示框，它随“目的地”选项的设置而定，面板中的设置选项也由它而变化。下面详细介绍各参数的意义及其属性的设置。,（1）“任意位置”导

8、航图标属性设置。任意位置：表示跳转到任意框架图标下的任意一页中。若选择了该导航类型，则打开如图9.1.12所示的面板，各参数的设置意义如下： 1）“类型”选区主要用于选定跳转类型，它有两个单选按钮： “跳到页”：选中该单选按钮，则表示直接跳转到目标页，执行后不返回调用处。 “调用并返回” ：选中该单选按钮，则表示跳转到目标页，执行后返回到调用处。,2）“页”文本框：该文本框列出该Authorware程序中框架图标下挂的子图标，在该文本框中单击某图标就表示该图标为跳转的目标页。 （2）“最近”导航图标属性设置。最近：表示退回已查看过的页。 若选择该导航类型，则打开如图9.1.13所示的“最近”导

9、航图标属性面板，在“页”选区中有两个单选按钮： 1）“返回”：选中该单选按钮，返回到刚调用过的一页。 2）“最近页列表”：选中该单选按钮，列出已经用过的页的列表，允许从中选择回到哪一页。,图9.1.13 “最近”导航图标属性面板,（3）“附近”导航图标属性设置。附近：表示框架图标内的任意跳转。 若选择了该导航类型，则属性面板如图9.1.14所示，在“页”选区中有5个单选按钮： 1）“前一页”：选中该单选按钮，表示跳转到前一页。 2）“下一页”：选中该单选按钮，表示跳转到下一页。 3）“第一页”：选中该单选按钮，表示跳转到第一页。 4）“最末页”：选中该单选按钮，表示跳转到最后一页。 5）“退出

10、框架返回”：选中该单选按钮，表示退出当前框架图标或返回。,图9.1.14 “附近”导航图标属性面板,（4）“计算”导航图标属性设置。计算：表示根据计算结果决定跳转目标。 若选择该导航类型，打开如图9.1.15所示的“计算”导航图标属性面板。 1）“类型”中有两个单选按钮，与“任意位置”导航方式相同。,图9.1.15 “计算”导航图标属性面板,2）“图标表达”文本框中用于输入跳转目标的表达式。 （5）“查找”导航图标属性设置。查找：表示允许用户查询包含指定关键字的一页。 若选择该导航类型，打开如图9.1.16所示的面板。其各选项的功能如下：,图9.1.16 “查找”导航图标属性面板,1）“搜索”

11、选区中有两个单选按钮： “当前框架”：选中该单选按钮，表示限定在当前框架图标中查找。 “不整个文件”：选中该单选按钮，表示在整个Authorware程序框架图标中查找。 2）“根据”选区用于设置查找的字符串类型，它包括两个复选框： “关键字” ：选中该复选框，表示查找关键字匹配的页面。, “字词”：选中该复选框，表示在各项的文本对象中查找匹配的页面。 3）“预设文本”文本框：在该文本框中输入查找内容的默认值，当程序运行到该导航图标时，弹出如图9.1.17所示的“查找”对话框，出现此默认值。,图9.1.17 “查找”对话框,4）“选项”选区中有两个设置选项： “立即搜索” ：选中该复选框，则运行

12、到该导航图标时系统自动以“预设文本”文本框中的内容为查找对象，并将查找结果显示在结果列表框中。 “高亮显示” ：选中该复选框，则在显示查找到的字符串时，将上下文显示出来。,9.1.3 超文本链接 超文本是指进行链接操作的文本对象，它与网页中的超链接文本几乎完全相同。实现超文本形式之前，必须删除导航面板，然后定义超文本样式，最后将它应用到文本中。为了更好地掌握超文本链接的知识，下面讲解一个实例，其操作步骤如下： （1）新建一个Authorware文件，保存为“实例9.2.a7p”，选择菜单栏中的“修改”“文件”“属性”命令，打开“属性：文件”面板，对其进行如图9.1.18所示的设置。,图9.1.

13、18 “属性：文件”面板,（2）从工具栏中拖动一个显示图标到流程线上，命名为“文本”。 （3）双击“文本”图标，打开演示窗口和“绘图”工具箱，在演示窗口中导入一幅背景图片，调整其大小和位置，进行如图9.1.19所示的设置。,图9.1.19 设置的背景,（4）拖动一个框架图标到“文本”图标的下方，命名为“欣赏”。 （5）双击框架图标，显示其内部结构，删除其内部的所有内容，修改后的程序如图9.1.20所示。 （6）再拖动4个显示图标到“欣赏”图标的右侧，分别命名为“风景一”、“风景二”、“风景三”和“风景四”，其流程图如图9.1.21所示。,图9.1.20 修改后的程序 图9.1.21 流程图,（

14、7）分别向“风景一”、“风景二”、“风景三”和“风景四”4个显示图标中导入一幅图片，并调整其大小和位置与“文本”图标内容相符合。 （8）选择菜单栏中的“文本”“定义样式”命令，弹出如图9.1.22所示的“定义风格”对话框，定义新的文本样式。,（9）单击“添加”按钮，修改新文本样式的名称为“A”。选中“System”复选框，并在该下拉列表框中设置字体为“华文行楷”；然后选中“”复选框，并设置字号为“18”；选中“斜体”复选框设置字体为斜体，选中“上标”复选框，从其下拉列表中选择“上标”选项。 （10）选中“交互性”选区中的“单击”单选按钮和“指针”复选框，如图9.1.23所示。,图9.1.22

15、“定义风格”对话框 图9.1.23 定义新样式,（11）选中“导航到”复选框，并单击该复选框右侧的按钮，打开“属性：导航风格”面板，在“页”列表框中选择“风景一”图标，在“类型”选区中选中“调用并返回”单选按钮，单击“确定”按钮。返回到“定义风格”对话框，单击“完成”按钮完成对样式的定义。 （12）双击“文本”图标，选中“风景一”文本，选择菜单栏中的“文本”“应用样式”命令，打开“应用样式”面板，如图9.1.24所示。,图9.1.24 “应用样式”面板,（13）选中“应用样式”面板中的复选框，此时演示窗口中的“风景一”字样变成如图9.1.25所示的样子。 （14）用同样的方法分别设置“文本”中

16、的其他文本，并分别与“风景二”、“风景三”和“风景四”链接在一起。此时可以看到演示窗口中的文字如图9.1.26所示。,图9.1.25 应用样式 图9.1.26 演示窗口,（15）保存程序，单击“运行”按钮，运行效果如图9.1.27所示。,图9.1.27 效果图,9.2 创建判断结构 判断分支结构可以执行路径的选择和自动循环控制，在Authorware 7.0中，用判断图标来实现此功能。判断图标、交互图标和框架图标是Authorware 7.0中能进行交互控制的3个图标。但是相对而言，判断图标的设置比较简单，它与其他的图标结合使用，可以设计多种分支结构。它包括4种分支结构，下面将分别对其进行具体

17、讲解。,9.2.1 判断结构及其属性 判断结构是由判断图标设计的，又称为决策图标，主要实现程序的分支设计和扩展程序结构，可以实现4种分支结构和5种循环类型。一个判断图标可以设置不同的分支，程序会根据判断的属性执行相应的分支结构。,1判断图标的使用 判断图标的使用方法和两个交互控制图标的使用方法相同。先从“图标”工具栏中向流程线上拖入一个判断图标，然后在图标的右面添加其他的图标，作为分支图标。 2判断分支结构 判断分支结构是由判断图标、分支图标、分支标记和分支路径4部分组成的，如图9.2.1所示。当程序运行到判断图标时，会根据判断图标的属性设置决定程序所执行的分支。判断图标分支路径判断分支标记分

18、支图标,3判断图标的属性 在流程线上添加一个判断图标，双击该图标，在窗口的下方会显示“属性：决策图标未命名”面板，如图9.2.2所示。,图9.2.2 “属性：决策图标未命名”面板,（1）“重复”下拉列表框：该下拉列表框用于设置在判断分支结构中循环的类型，包括5种类型，如图9.2.3所示，系统默认为“不重复”类型。 1）固定的循环次数：选择该类型，其下面的文本框显示可用状态，用来设置分支重复执行的固定次数。用户可以在此文本框中输入数值、变量或是表达式。如果文本框中的数值大于1，程序才执行相关的分支内容；如果文本框中的数值小于1，则程序不会重复执行，直接退出分支结构或跳过该分支结构。,图9.2.3

19、 “重复”下拉列表,2）所有的路径：选择该类型，在程序中的所有分支都执行过以后，才会退出该判断分支结构；否则一直在判断分支中执行。 3）直到单击鼠标或按任意键：选择该类型，在程序运行的过程中，只要用户单击鼠标或按任意键，就会退出该判断分支结构。,4）直到判断值为真：选择该类型，其下面的文本框显示可用状态，用户可以在文本框中输入变量或表达式。如果文本框中的值为“真”时，才会退出该判断分支结构；如果为“假”时，会在判断分支中继续执行。 5）不重复：该类型是系统默认的循环类型。选择该类型，只执行一次分支结构就退出该判断分支结构。 （2）“分支”下拉列表框：该下拉列表框用于定义分支的类型，可以分为4种

20、，如图9.2.4所示。不同分支类型，其判断图标的形状也不一样。,图9.2.4 “分支”下拉列表,1）顺序分支路径：该类型是系统默认的分支类型。选择该类型，其判断图标的形状为“”，按判断分支的顺序依次执行各分支。 2）随机分支路径：选择该类型，其判断图标的形状为“”，没有固定的路径，随机执行程序的任意一个分支。 提示：随机分支路径中，有的分支可能会多次执行，而有的分支可能不会执行，因为是随机地选择执行分支。,3）在未执行过的路径中随机选择：选择该类型，其判断图标的形状为“”，随机执行判断分支中没有执行过的分支，不会将任何一个分支执行两次或是两次以上。 4）计算分支结构：选择该类型，其判断图标的形

21、状为“”，其下面的文本框显示为可用状态。在该文本框中可以输入数值、变量或表达式，该类型会根据计算的结果确定要执行的分支。,（3）“复位路径入口”：该复选框只有选择“顺序分支路径”或“在未执行过的路径中随机选择”分支类型时，才显示为可用状态。如果选中“复位路径入口”复选框，用于设置重新开始执行判断图标的判断分支结构，即所有的分支都没有执行过，重新开始。,（4）“时限”文本框：该文本框用于设置执行判断分支所用的时间。在该文本框中可以输入数字、变量或表达式，在所确定的时间内，不管此分支结构是否可以执行完，都会自动结束判断结构的运行。如果在该文本框中输入内容，其下面的复选框显示为可用状态。若选中“显示

22、剩余时间”复选框，在程序运行时，演示窗口中会显示一个闹钟，以显示剩余的时间。,4分支路径的属性 在流程线上拖入一个判断图标，为其添加一个分支，即分支图标，然后双击判断分支标记，会打开“属性：判断路径未命名”面板，如图9.2.5所示。在该属性面板中可以设置分支的路径属性，包括以下4个部分。,图9.2.5 “属性：判断路径未命名”面板,（1）文本框：用于设置分支图标的名称。 （2）“擦除内容”下拉列表框：该下拉列表框用于设置删除分支图标内容的方式。该下拉列表中包括3个选项，如图9.2.6所示。,图9.2.6 “擦除内容”下拉列表,1）在下个选择之前：该选项是系统的默认方式。表示在执行下一个图标内容

23、之前，删除该分支的显示内容。 2）在退出之前：在程序退出该判断分支结构前，在演示窗口中的内容都不会被擦除，直到退出时，擦除所有的内容。 3）不擦除：如果不使用擦除图标擦除，其中的内容一直显示在演示窗口中。,（3）“执行分支结构前暂停”：如果选中该复选框，在执行完分支后，在演示窗口中会显示一个等待按钮，若单击该按钮，才会继续执行下面的程序。 （4）打开：单击该按钮，会显示相应的分支图标中的内容。,9.2.2 判断结构的应用 下面通过“实例9.3.a7p”来讲解任意随机分支结构的应用，实例中的画面一直在动，只要单击鼠标或按键盘上的任意键，都可以停止运行，等待片刻后退出程序，其操作步骤如下： （1）

24、新建一个文件，命名为“实例9.3.a7p”。 （2）在流程线上添加一个判断图标、一个等待图标和一个计算图标，分别命名为“任意随机分支结构”、“等待”和“退出”。,（3）在判断图标的右面添加两个显示图标，分别命名为“风景”和“花”。此时设计窗口如图9.2.7所示。,图9.2.7 设计窗口,（4）双击判断图标，打开“属性：决策图标任意随机分支结构”面板，在“分支”下拉列表中选择“随机分支路径”选项，在“重复”下拉列表中选择“直到单击鼠标或按任意键”选项，其属性面板如图9.2.8所示。,图9.2.8 “属性：决策图标任意随机分支结构”面板,（5）双击“风景”上方的判断分支标记，在打开的属性面板中进行

25、设置，如图9.2.9所示。对“花”分支图标的分支路径属性也做同样的设置。,图9.2.9 “属性：判断路径风景”面板,提示：为了使当前分支路径中的图标可以显示在演示窗口中，将分支图标的分支路径属性中的“擦除内容”设置为“不擦除”。 （6）双击“等待”图标，其属性面板的设置如图9.2.10所示。,图9.2.10 “属性：等待图标等待”面板,（7）双击计算图标，在其窗口中输入Quit()函数。 （8）双击“风景”和“花”显示图标，分别导入一幅相应的图片，如图9.2.11和图9.2.12所示。,图9.2.11 “风景”演示窗口 图9.2.12 “花”演示窗口,（9）程序设计完成后保存程序。单击“运行”

26、按钮，可以观看设计的效果。在此实例中，两幅画交替出现，当单击鼠标或按键盘上的任意键时，都会停止在相应的图片上，然后等待片刻，直到单击鼠标或按键盘上的任意键，自动退出程序的运行。,9.3 应用实例 1上机要点 在制作“第9章实例应用.a7p”的过程中将用到框架图标和导航图标，其效果如图9.3.1所示。 2上机目的 掌握超链接的制作。 3上机操作 （1）新建一个文件，保存为“第9章应用实例.a7p”。,图9.3.1 效果图,（2）在流程线上添加一个框架图标，命名为“赠言”，然后在该图标的右面添加4个显示图标，分别为其命名，其设计窗口中的流程图如图9.3.2所示。 （3）双击“背景”图标，在其演示窗口中输入文字，并设置文字相关的属性，如图9.3.3所示。,图9.3.2 设计窗口 图9.3.3 “背景”图标中的内容,（4）用同样的方法，为其他3个图标输入相关的文字，如图9.3.4图9.3.6所示。,（5）选择“文本”“定义样式”命令，弹出“定义风格”对话框，单击“添加”按钮，添加新样式“超链接1”，设置如图9.3.7所示。,图9.3.7 “定义风格”对话框,（6）用同样的方法再设置两个样式，“超链接2”和“超链接3”，3个样式除了“文本颜色”设置不一样外，其他的设置都相同。 （7）在流程线上双击“背景”图标，在打开的演示窗口中选择文字“生