authorware介绍-3-1.ppt

《authorware介绍-3-1.ppt》由会员分享，可在线阅读，更多相关《authorware介绍-3-1.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第六章控制流程及条件分支控制流程及条件分支1 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022 为了便于用户对大量信息的组织和浏览，本为了便于用户对大量信息的组织和浏览，本章将学习控制流程及使用条件分支。章将学习控制流程及使用条件分支。利用利用Authorware类似于书页的线性结构可以类似于书页的线性结构可以方便地向前和向后翻页，或跳转到指定的任一页，方便地向前和向后翻页，或跳转到指定的任一页，就像在浏览器中浏览网页一样。利用框架图标

2、和就像在浏览器中浏览网页一样。利用框架图标和导航图标来完成这一流程。导航图标来完成这一流程。通过使用框架结构，用户创建包含文本、图形、通过使用框架结构，用户创建包含文本、图形、声音或动画的页面；声音或动画的页面；利用导航图标，可以使程序跳转到框架结构中利用导航图标，可以使程序跳转到框架结构中的另一个图标位置。的另一个图标位置。用判断图标建立的条件分支也是一种重要的分用判断图标建立的条件分支也是一种重要的分支结构，使流程可以向预先设定的方案转达到附支结构，使流程可以向预先设定的方案转达到附加到判断图标的某个判断图标上。加到判断图标的某个判断图标上。2 Department of Computer

3、 Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.1 6.1 框架图标框架图标 框架图框架图标是标是Authorware中最中最特殊的图标。在特殊的图标。在Authorware的的图标中，有些是可以单独使用的，图标中，有些是可以单独使用的，如显示图、等待图标、计算图标等，有些是需要如显示图、等待图标、计算图标等，有些是需要与其它图标配合使用的，如动画图标、擦除图标、与其它图标配合使用的，如动画图标、擦除图标、交互图标和群组图标等，但无论是单独使用还是交互图标和群组图标等，但无论

4、是单独使用还是配合使用，它们本身都是一个独立的图标，而框配合使用，它们本身都是一个独立的图标，而框架图标却是一个具有内部结构的图标，它是由许架图标却是一个具有内部结构的图标，它是由许多其它图标构建起来的复合型图标。像交互图标多其它图标构建起来的复合型图标。像交互图标一样，框架图标也需要与其它图标配合使用，用一样，框架图标也需要与其它图标配合使用，用框架图标可以很方便地构建页面管理和查询结构。框架图标可以很方便地构建页面管理和查询结构。3 Department of Computer Science,Guangdong Polytechnic Normal University Guangzho

5、u 510665,China.12/29/20226.1.1 框架结构框架结构 框架结构是一个导航结构，由下列三个主要部框架结构是一个导航结构，由下列三个主要部分组成。分组成。1、框架图标、框架图标 它是框架结构的标志。双击它，会显示框架窗它是框架结构的标志。双击它，会显示框架窗口。框架窗口由两部分组成，进入画面流程线和口。框架窗口由两部分组成，进入画面流程线和退出画面流程线，以水平线分隔。水平线右边有退出画面流程线，以水平线分隔。水平线右边有一个实心矩形，用鼠标移动它可调节两个画面的一个实心矩形，用鼠标移动它可调节两个画面的大小。在水平线上方，用户可以设计进入画面。大小。在水平线上方，用户可

6、以设计进入画面。在水平线下方，用户可以设计退出画面。在水平线下方，用户可以设计退出画面。4 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022框架图标框架图标页页双击打开双击打开框架窗口框架窗口:导航控制导航控制进入画面进入画面退出画面退出画面5 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/

7、29/2022 当进入一个框架结构后当进入一个框架结构后，首先进入框架窗口，首先进入框架窗口画页的流程线中。在该程线上第一个图标的内容画页的流程线中。在该程线上第一个图标的内容都会影响附属于框架图标中的每一页。如进入画都会影响附属于框架图标中的每一页。如进入画面的显示图标中创建一幅背景图时，此背景图会面的显示图标中创建一幅背景图时，此背景图会在每一页中显示。另外在每一页中显示。另外Authorware提供的一套缺提供的一套缺省的定向控制也会出现在每一页上，并以翻页控省的定向控制也会出现在每一页上，并以翻页控制的形式显示在屏幕上。制的形式显示在屏幕上。在退出框架之前要做两件事：在退出框架之前要做

8、两件事：1、重新回到框架窗口，直接进入退出画面去执行、重新回到框架窗口，直接进入退出画面去执行那进里的设置；那进里的设置；2、擦除包含在进入画面和页中的内容，这些内容、擦除包含在进入画面和页中的内容，这些内容包括文字、图形、视频及声音等，使屏幕恢复到包括文字、图形、视频及声音等，使屏幕恢复到进入框架图标前的状态。进入框架图标前的状态。6 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20222、页、页 框架中的内容通常被组织为页，它们被附加到

9、框架中的内容通常被组织为页，它们被附加到框架图标右边，直接附属于一个框架图标的任何一框架图标右边，直接附属于一个框架图标的任何一个图标称为一页。一页不一定只是一屏文本对象，个图标称为一页。一页不一定只是一屏文本对象，它可以是一个数字电影、声音或具有复杂结构的群它可以是一个数字电影、声音或具有复杂结构的群组图标。组图标。注：一般用群组图标组织成页较好，因为它里注：一般用群组图标组织成页较好，因为它里面可以包含任何类型的图标，修改起来比较方便。面可以包含任何类型的图标，修改起来比较方便。7 Department of Computer Science,Guangdong Polytechnic N

10、ormal University Guangzhou 510665,China.12/29/20223、导航控制、导航控制 它是隐含在框架图标内部的一组图标，包括一它是隐含在框架图标内部的一组图标，包括一个交互图标和若干导航图标，用来实现一种导航个交互图标和若干导航图标，用来实现一种导航控制方案。如果用户没有进行设置，框架图标自控制方案。如果用户没有进行设置，框架图标自动提供缺省的导航控制，如果想实现更灵活的链动提供缺省的导航控制，如果想实现更灵活的链接，可自行设计控制方案。接，可自行设计控制方案。缺省的导航控制方案弹出的翻页控制面板缺省的导航控制方案弹出的翻页控制面板8 Department

11、 of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022 设计时往往希望在进行页面切换时使用不同的设计时往往希望在进行页面切换时使用不同的过渡方式，使展现时具有动感。过渡方式，使展现时具有动感。有两种设置方法：有两种设置方法：1）对框架图标设置特效）对框架图标设置特效 右击框架图标，选右击框架图标，选“属性属性”，设置，设置“页面特效页面特效”设置的特效对每页均有效设置的特效对每页均有效2）对框架图标中的某页设置特效）对框架图标中的某页设置特效 右击框架图标中的某

12、页，选右击框架图标中的某页，选“属性属性”，设置，设置“特效特效”，设置的特效仅对该页有效，设置的特效仅对该页有效6.1.2 设计翻页过渡效果设计翻页过渡效果9 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022 要改变要改变Authorware提供的缺省导航控制或用一提供的缺省导航控制或用一套完全不同的控制来替换它们也不难。方法是：打套完全不同的控制来替换它们也不难。方法是：打开框架窗口并编辑导航控制中的交互结构或删除此开框架窗口并编辑

13、导航控制中的交互结构或删除此交互后创建一个新的交互结构，就可以创建一套不交互后创建一个新的交互结构，就可以创建一套不同的控制。同的控制。注意：注意：每次启动每次启动Authorware后，系统都会自动加载后，系统都会自动加载一个名为一个名为framewrk.a6d（.a7p）的模块文件，可以）的模块文件，可以将自己创建的模块文件命名为此文件，这样将自己创建的模块文件命名为此文件，这样Authorware就会就会自动调用自己建立的模块文件，从自动调用自己建立的模块文件，从而使用自己设计的导航控制。而使用自己设计的导航控制。6.1.3 设置自己的导航控制设置自己的导航控制10 Department

14、 of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022 如果想使用框架结构阅读浏览一个已经建好的如果想使用框架结构阅读浏览一个已经建好的RTF格式文件内容，非常方便。具体操作如下：格式文件内容，非常方便。具体操作如下：1、建立文件后，创建一个框架图标；建立文件后，创建一个框架图标；2、单击框架图标右边，使图标右边出现手形指针。、单击框架图标右边，使图标右边出现手形指针。3、打开资源管理器，选中需要的、打开资源管理器，选中需要的RTF文件（如故文件（如故事事.RT

15、F，文件中要有分页符），将其拖至流程线上文件中要有分页符），将其拖至流程线上指针的位置，将自动生成各页。指针的位置，将自动生成各页。6.1.4 自动创建页面自动创建页面例如：制作一个简便的浏览文件例如：制作一个简便的浏览文件“故事故事”的框架结构。的框架结构。11 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.2 6.2 导航图标导航图标 导航图标的基本作用是创建到框架结构中的导航图标的基本作用是创建到框架结构中的某一页的链接。当

16、某一页的链接。当Authorware运行到导航图标时，运行到导航图标时，它就自动转到目标的那一页。它就自动转到目标的那一页。当未指定导航图标要链接到的目标页时，导当未指定导航图标要链接到的目标页时，导航图标在流程线上将呈现一个倒三角的形态，其航图标在流程线上将呈现一个倒三角的形态，其中没有任何内容，没有任何内容的导航图标是没中没有任何内容，没有任何内容的导航图标是没有任何意义的。要将导航图标链接到框架页结构有任何意义的。要将导航图标链接到框架页结构的某一页，可按以下步骤进行操作：的某一页，可按以下步骤进行操作：1）双击导航图标，打开属性对话框）双击导航图标，打开属性对话框2）在）在Page列表

17、中选择某页，表示此导航图标将链列表中选择某页，表示此导航图标将链接到该页。接到该页。12 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.3 6.3 几种常见的翻页跳转结构几种常见的翻页跳转结构 在在Authorware中，有关翻页结构的制作在中，有关翻页结构的制作在很大程度上都需要通过很大程度上都需要通过“导航导航”图标及图标及“框架框架”图标协作来完成，图标协作来完成，“框架框架”图标与图标与“导航导航”图标联合使用能够实现多种

18、灵活的跳转方式，图标联合使用能够实现多种灵活的跳转方式，下面我们介绍以下几种常见的跳转结构。下面我们介绍以下几种常见的跳转结构。13 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.3.1 6.3.1 在多个框架图标之间实现跳转在多个框架图标之间实现跳转 在流程线上，我们可以使用多个在流程线上，我们可以使用多个“框架框架”图标来实现图标来实现跳转，程序可以从一个跳转，程序可以从一个“框架框架”图标中跳至另一个图标中跳至另一个“框架框

19、架”图标，也可以返回原来的图标，也可以返回原来的“框架框架”图标，如图，打开图标，如图，打开“框架框架”图标，然后设置图标，然后设置“导航导航”图标的跳转范围和跳转目图标的跳转范围和跳转目标，选择标，选择Page列表框中的列表框中的Entire File选项，就可以设置在选项，就可以设置在整个文件内自由跳转整个文件内自由跳转14 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.3.2 6.3.2 利用导航图标直接跳转利用导航图标直接

20、跳转 可以直接在流程线上放置一个可以直接在流程线上放置一个“导航导航”图标，图标，打开该打开该“导航导航”图标，直接跳转会看到它的图标，直接跳转会看到它的DestinationDestination选项被默认为选项被默认为AnywhereAnywhere，在下面的在下面的PagePage列表框中可以选择要跳转的页面。列表框中可以选择要跳转的页面。这种结构类似于这种结构类似于GoToGoTo函数，它只能实现单方函数，它只能实现单方向跳转，一般不能返回，除非再次使用一个向跳转，一般不能返回，除非再次使用一个GoToGoTo函数，但这样将不利于程序的结构化。函数，但这样将不利于程序的结构化。15 D

21、epartment of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20226.3.3 6.3.3 使用交互图标控制跳转使用交互图标控制跳转 使用使用“交互交互”图标进行控制。在图标进行控制。在“交互交互”图图标的分支中可以放置许多标的分支中可以放置许多“导航导航”图标，对每一图标，对每一个分支可以设置不同的响应类型，如热区响应、个分支可以设置不同的响应类型，如热区响应、热对象响应、条件响应等，最后，要将热对象响应、条件响应等，最后，要将“导航导航”图标设置好具体的

22、跳转方向。图标设置好具体的跳转方向。16 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022框架与菜单响应配合使用的程序结构框架与菜单响应配合使用的程序结构菜单菜单.A7P17 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022实例一：电子读物实例一：电子读物181、制作一级流程线、

23、制作一级流程线192、制作二级流程线、制作二级流程线203、制作三级流程线、制作三级流程线Text:=ReadExtFile(FileLocation“.bak海的女儿.txt”)21 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022电电 子子 读读 物物 制制 作作 小小 结结 本例本例涉及的知识点包括：知识对象、交互响应、涉及的知识点包括：知识对象、交互响应、框架图标、外部文件的读取及超链接等。框架图标、外部文件的读取及超链接等。通

24、过制作本实例，可以掌握如何设置程序演通过制作本实例，可以掌握如何设置程序演示窗口的标题并用自定义的按钮形状替代系统默示窗口的标题并用自定义的按钮形状替代系统默认的按钮。掌握超链接的创建方法，通过超链接认的按钮。掌握超链接的创建方法，通过超链接可以实现程序内容之间的切换，这是电子读物类可以实现程序内容之间的切换，这是电子读物类程序的核心。程序的核心。本例通过本例通过Readextfile()函数来读取文档，这函数来读取文档，这种方式可以实现程序与文档内容的分离，便于文种方式可以实现程序与文档内容的分离，便于文档的修改。档的修改。22 Department of Computer Science,

25、Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022PhotoShop中图片的切割和制作按钮中图片的切割和制作按钮1、切割图片、切割图片例：例：将如下图片将如下图片(dream04.jpg)分为九副小图分为九副小图23 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20222、按钮的制作、按钮的制作 例例1：制作如下按钮制作如下按钮 背景文件为背景文

26、件为back01.jpg，制作具有上述形状制作具有上述形状的按钮，使当鼠标不在其上和移至其上时出现的按钮，使当鼠标不在其上和移至其上时出现如上两种不同的效果。如上两种不同的效果。完成后效果见文件：完成后效果见文件：多媒体光盘多媒体光盘button.a6p24 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20221）启动）启动PhotoShop，打开用于制作按钮背景的图片文件；打开用于制作按钮背景的图片文件；2）选择文字工具）选择文字工具 ，

27、设置好属性（字体、颜色等），然后输设置好属性（字体、颜色等），然后输入按钮要显示的文字，如入按钮要显示的文字，如“素材说明素材说明”；3）单击图层面板中的）单击图层面板中的“素材说明素材说明”图层，按右键并选图层，按右键并选“混合混合选项选项”，设置效果，如：，设置效果，如：“外发光，投影等外发光，投影等”；4）单击工具栏下方的单击工具栏下方的“ImageReady”按钮按钮 ，转至该程序，转至该程序界面；界面；5）选择工具箱中的）选择工具箱中的“切片工具切片工具”，在在图像中拖动鼠标，在在图像中拖动鼠标，对按钮位置定义一个切片；对按钮位置定义一个切片；6）选择工具箱中的）选择工具箱中的“切片

28、选择工具切片选择工具”，在图像中单击选，在图像中单击选中上述切片（若原已处于选中状态则可省略此步）；中上述切片（若原已处于选中状态则可省略此步）；制作如下所示的按钮的步骤制作如下所示的按钮的步骤25 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/20227）在翻转面板中单击）在翻转面板中单击 “创建翻转状态创建翻转状态”按钮，建立按钮，建立按钮的按钮的“Over”状态；状态；8）单击）单击“Over”状态图标，在状态图标，在“图层图层”面板中

29、修改文字的面板中修改文字的样式；样式；9）或者省略）或者省略7)-8)步骤，按前述方法制作按钮的另一种状步骤，按前述方法制作按钮的另一种状态；态；10）选择要保存的切片；）选择要保存的切片；11）执行菜单命令）执行菜单命令“文件文件/将优化结果存储为将优化结果存储为”；12）在弹出的对话框中进行必要的设置，如：在弹出的对话框中进行必要的设置，如：保存在：保存在：mcai 文件名文件名：button 保存类型：仅限图像（保存类型：仅限图像（*.gif）切片：选中的切片切片：选中的切片13）单击保存，则生成了按钮的两种状态的图片文件，将）单击保存，则生成了按钮的两种状态的图片文件，将自动存于文件夹

30、自动存于文件夹mcaiimage中，取名分别是：中，取名分别是：button1.gif,button1-over.gif,26 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022例例2：制作如下按钮制作如下按钮 背景文件为背景文件为bg.jpg，制作具有上述形状的按制作具有上述形状的按钮，使当鼠标不在其上和移至其上时出现如上钮，使当鼠标不在其上和移至其上时出现如上两种不同的效果。两种不同的效果。例例3：按钮示例按钮示例 花朵按钮花朵按钮.

31、a7p27 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022实例二：电子相册实例二：电子相册281、制作一级流程线、制作一级流程线292、修改框架结构流程线、修改框架结构流程线30 Department of Computer Science,Guangdong Polytechnic Normal University Guangzhou 510665,China.12/29/2022电电 子子 相相 册册 制制 作作 小小 结结 本例本例涉及的知识点包括：背景声音的循环播涉及的知识点包括：背景声音的循环播放、翻页式导航结构的实现、自定义按钮的设计放、翻页式导航结构的实现、自定义按钮的设计与制作方法、图层的设置以及与制作方法、图层的设置以及GIF动画的导入等知动画的导入等知识。识。电子相册的制作是学习框架图标与导航图标电子相册的制作是学习框架图标与导航图标的经典实例，所有具有导航栏的多媒体作品都可的经典实例，所有具有导航栏的多媒体作品都可以模仿本例来实现。以模仿本例来实现。31