[6—2]第六章Authorware课件开发――交互课件开发.ppt

;6-2.1 动画设计的基本步骤 ;程序暂停并出现【属性：移动图标】对话框 ;7）根据面板右侧的提示，单击演示窗口中的“企鹅”，拾取运 动对象，则“企鹅”成为被选中的运动对象。这时，面板中的提 示信息发生了改变，如下图所示。;8）根据属性面板的提示，在演示窗口中将“企鹅”拖动到目的 地。;6-2.2 移动图标的属性 ;【属性：移动图标】面板;6-2.3 五种动画设计方式 ;通过实例来验证一下选择不同的【执行方式】时程序的运行情况。 1）继续上一节制作的“小企鹅移动”的例子，在移动图标的下面 添加一个显示图标，命名为“文字”。 2）双击“文字”图标，在打开的演示窗口中输入“同步方式验证”， 如后图所示。;输入的文本 ;3）双击“移动”图标，打开【属性：移动图标】面板，设置【执行方式】为“等待直到完成”。 4）运行程序，可以看到企鹅移动完成后才出现文字。 5）在【属性：移动图标】面板中重新设置【执行方式】为“同时”。 6）运行程序，可以看到企鹅移动的同时出现了文字。;6-2.3.2 指向固定直线上的某点 ;6-2.3.3 指向固定区域内的某点 ; 下面做一个鼠标跟随动画的练习： 1) 建立一个新文件，向流程线上添加一个计算图标，命名为 “重设窗口”，并将演示窗口设定为（300，200）。 2)在流程线上添加一个显示图标，命名为“圆形”。双击“圆形”显示图标，在演示窗口中画一个红色的圆。 3) 向流程线上添加一个移动图标，并命名为“跟随”。 ; 4) 运行程序，当程序遇到空白的移动图标后会自动停止，并弹出【属性：移动图标】面板。 5) 在面板中选择【指向固定区域内的某点】方式，然后拾取演示窗口中的红色的圆，通过拖曳鼠标确定移动区域。 6) 在【目标】选项中输入两个系统变量：cursorX和cursorY。这两个变量的作用是让红色的圆捕捉光标位置。 7) 在面板中设置各项参数，如后图所示。 8）运行程序时就会发现红色的圆跟随鼠标移动。 ;【属性：移动图标】面板;6-2.3.4 指向固定路径的终点 ;6-2.3.5 指向固定路径上的任意点 ;6-2.5 交互功能的实现 ;【交互类型】对话框 ;4）在【交互类型】对话框中选择所需的交互类型。 5）单击 按钮，则在设计窗口中建立了相应的交互分 之结构，将计算图标命名为“计算”，如下图所示 。;6-2.5.2 按钮交互 ;6) 单击 按钮，则在设计窗口中建立了交互分支结构，将计算图标命名为“退出”。 7) 双击“退出”计算图标，在打开的计算窗口中输入“Quit（）”语句后 关闭计算窗口，如下图所示。;2. 设置按钮交互属性 ;设置按钮始终有效 ;3. 改变按钮的大小、位置与外观 ;单击【添加…】或者【编辑…】，打开【按钮添加】或【按钮编辑】对话框，如下图。; 4. 按钮响应实例 下面，使用按钮响应制作一个简单的多媒体课件。 1) 建立一个新文件。在流程线上添加一个计算图标，命名为“窗口”。 2) 双击流程线上的“窗口”计算图标，将演示窗口大小设为（500，200）。 3) 向“窗口”计算图标的下方添加一个显示图标，命名为“题目”。 ; 4) 双击“题目”显示图标，打开演示窗口，输入一道题目，如下图，然后关闭演示窗口。; 5) 向流程线上添加一个交互图标，并命名为“交互”。 6) 拖曳一个显示图标至交互图标的右侧，在弹出的【交互类型】对话框中选择【按钮】选项，然后单击【确定】按钮，将图标命名为“A)美国”。 7)双击交互类型标记，在打开的【属性：交互图标】面板中单击【按钮…】，在弹出的【按钮】对话框中选择如下图所示的按钮并确认。; 8) 继续向交互图标的右侧添加三个显示图标，并命名为“B)英国”、“C)法国”、“D)中国”。此时流程线如下图。; 9)运行程序，如果发现按钮分布不合要求，可以直接在演示窗口中调整按钮的位置，调整后的效果如下图。;10)为每一个按钮选择手形光标。运行程序时，当光标指向按 钮时将出现手形光标。 11)依次双击交互图标右侧的显示图标，分别在各显示图标的 演示窗口中输入汉字“正确”、“错误”、 “错误”、 “错误”。 至此，一个由按钮控制的简单多媒体课件制作完成。运行程序 时，当选择其中的某一个答案时，程序将自动判断对错。;6-2.5.3 热区域交互 ; 4) 运行程序，可以发现画面中的按钮消失了，但当光标指向按钮所在区域时仍将变为手形光标，单击鼠标左键将出现“正确”的提示，如下图。