Authorware课件开发――交互课件开发

《Authorware课件开发――交互课件开发》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第六章第2小章动画与交互的实现6-2.1动画设计的基本步骤6-2.2移动图标的属性6-2.3五种动画设计方式6-2.4利用变量控制动画6-2.5交互功能的实现6-2.1动画设计的基本步骤以一个移动的小企鹅图像为例，讲解动画设计的基本步骤。1）建立一个新文件，向流程线上添加一个计算图标，命名为“重设窗口”，并将演示窗口设定为（500，500）。2）向流程线上添加一个显示图标，命名为“企鹅”，向其中导入一幅企鹅图片。3）向流程线上添加一个移动图标，将其命名为“移动”。4）运行程序，当程序遇到移动图标后会自动停止，并打开【属性：移动图标

2、】面板，如后图所示。程序暂停并出现【属性：移动图标】对话框7）根据面板右侧的提示，单击演示窗口中的“企鹅”，拾取运动对象，则“企鹅”成为被选中的运动对象。这时，面板中的提示信息发生了改变，如下图所示。【属性：移动图标】对话框8）根据属性面板的提示，在演示窗口中将“企鹅”拖动到目的地。6-2.2移动图标的属性五种动画设计方式在Aurthorware的移动图标中，用户可以使用五种不同的动画设计方式，如下图所示。【属性：移动图标】面板6-2.3五种动画设计方式6-2.3.1指向固定点【属性：移动图标】面板通过实例来验证一下选择不同的【执

3、行方式】时程序的运行情况。1）继续上一节制作的“小企鹅移动”的例子，在移动图标的下面添加一个显示图标，命名为“文字”。2）双击“文字”图标，在打开的演示窗口中输入“同步方式验证”，如后图所示。输入的文本3）双击“移动”图标，打开【属性：移动图标】面板，设置【执行方式】为“等待直到完成”。4）运行程序，可以看到企鹅移动完成后才出现文字。5）在【属性：移动图标】面板中重新设置【执行方式】为“同时”。6）运行程序，可以看到企鹅移动的同时出现了文字。6-2.3.2指向固定直线上的某点【属性：移动图标】面板6-2.3.3指向固定区域内的某点

4、【属性：移动图标】面板下面做一个鼠标跟随动画的练习：1)建立一个新文件，向流程线上添加一个计算图标，命名为“重设窗口”，并将演示窗口设定为（300，200）。2)在流程线上添加一个显示图标，命名为“圆形”。双击“圆形”显示图标，在演示窗口中画一个红色的圆。3)向流程线上添加一个移动图标，并命名为“跟随”。4)运行程序，当程序遇到空白的移动图标后会自动停止，并弹出【属性：移动图标】面板。5)在面板中选择【指向固定区域内的某点】方式，然后拾取演示窗口中的红色的圆，通过拖曳鼠标确定移动区域。6)在【目标】选项中输入两个系统变量：curs

5、orX和cursorY。这两个变量的作用是让红色的圆捕捉光标位置。7)在面板中设置各项参数，如后图所示。8）运行程序时就会发现红色的圆跟随鼠标移动。【属性：移动图标】面板6-2.3.4指向固定路径的终点【属性：移动图标】面板6-2.3.5指向固定路径上的任意点【属性：移动图标】面板6-2.5交互功能的实现6-2.5.1认识交互图标建立交互分支结构的具体操作步骤：1）建立一个新文件。2）向流程线上添加一个交互图标，命名为“交互”。3）向交互图标的右侧添加一个计算图标，释放鼠标后将出现一个交互分支结构，并同时弹出【交互类型】对话框，如

6、后图所示。【交互类型】对话框4）在【交互类型】对话框中选择所需的交互类型。5）单击按钮，则在设计窗口中建立了相应的交互分之结构，将计算图标命名为“计算”，如下图所示。6-2.5.2按钮交互1.使用按钮交互制作一个能使程序退出演示窗口的按钮，具体步骤如下：1)新建一个文件。2)向流程线上添加一个计算图标，命名为“重设窗口”。3)双击该计算图标，在打开的计算窗口中输入语句“ResizeWindow(320,280)”，重设演示窗口的大小。4)向流程线上添加一个交互图标，并命名为“交互”。5)再拖曳一个计算图标至交互图标的右侧，在弹出的

7、【交互类型】对话框中选择【按钮】选项。6)单击按钮，则在设计窗口中建立了交互分支结构，将计算图标命名为“退出”。7)双击“退出”计算图标，在打开的计算窗口中输入“Quit（）”语句后关闭计算窗口，如下图所示。8)运行程序时可以看到，在空白的演示窗口中有一个按钮，单击该按钮可以结束程序运行。2.设置按钮交互属性1)在设计窗口中双击按钮交互类型标记打开【属性：交互图标】面板，如下图。2)在面板的左侧可以预览到按钮形状；单击【按钮…..】按钮，可以在打开的【按钮】对话框中编辑按钮。3)在面板的【按钮】标签中可以设置按钮的各种属性。设置按

8、钮始终有效4)在面板的【响应】标签中提供了对响应分支的各种设计。例如：选择了【永久】选项后，就可以定义按钮始终有效，同时我们发现设计窗口中的交互图标下面又出现了主流程线，如下图。3.改变按钮的大小、位置与外观单击【属性：交互图标】面板中的【按钮…】