《在Authorware中制作生动的按钮》由会员分享，可在线阅读，更多相关《在Authorware中制作生动的按钮（13页珍藏版）》请在金锄头文库上搜索。
1、在 Authorware 中制作生动的按钮(1)在 Authorware 的交互图标中有一种交互方式是：热区响应，它是指在演示窗口中的一块长方形的区域，鼠标在其范围内所产生的各种操作都会触发指定的事件。利用它可以为按钮产生相应的提示信息，使用户了解这个按钮的功能；另外还使程序更加人性化，界面更加生动。程序运行效果：当鼠标移到按钮上时，在指定的地方会出现一条提示(或图片)，当鼠标移开时提示消失。提示可以加各种过渡效果，也可以把热区分支下的显示图标换成组图标以实现更多的效果及功能。方法一原理：利用热区响应的“指针处于指定区域内（Cursor in Area）”的匹配方式，可以实现鼠标指针只要在设置
2、的热区范围内便可以激活设定的事件，而且所设置的热区在程序运行时并不会显示这一特性，我们可以在按钮上设置一个和按钮一样大小的热区响应，当鼠标移到按钮上时，自定义的按钮便可以显示不同图案，与此同时Authorware 便激活热区所指定的事件(比如显示一幅图)。由于计算机的动作很快，所以在我们看来就像同时发生。我们可以把此热区的擦除方式设置为“在下一次输入之前(Before Next Entry)”，这样在鼠标移出热区（按钮）的范围时，图片自动被擦除。热区激活的图片我们可以把它放在演示窗口的下方或者放在按钮旁边作为按钮的注解。操作过程：1、先按让按钮生动起来文中所介绍的方法制作一个按钮。2、拖一个显
3、示图标(Display)到交互图标(Interaction)右侧，在交互类型中选择热区域(Hot Spot)(图 1)。图 13、双击交互图标,调整好按钮的位置。调整热区域的大小使其正好覆盖于按钮之上(图 2)。图 2-14、双击热区分支下的显示图标，输入提示文字或插入提示图片。可以加入过渡效果使程序界面更加生动，也可以使用组图标实现更多的功能(图 3)。图 2-2技巧：其实不要以为使用文字就不如图片漂亮，使用文字有一个最大的好处就是可以设置一个变量，通过改变变量的值显示各种字符。（想想看，中英文提示互译，多酷！） 怎样在 authorware 4.0 中制作动态按钮怎样在 authorwar
4、e 4.0 中制作动态按钮我们在与光盘进行交互操作时，经常要用鼠标对按钮进行操作。这些按钮是怎样制作生成的呢？通常，许多工具软件中都带有标准按钮，如 vc、vb，同样在 authorware 中也带有标准的按钮库。但是，这些按钮一般都很相似，呈现在屏幕上的都是灰色的长方型或圆型按钮，显得生硬而呆板。如何制作出形象生动的按钮呢？我告诉大家一种简单有效的方法，您学完之后，便可以在 authorware 4.0 中制作出自己喜爱的动态按钮。下面，我们以制作一个“退出” 动态按钮为例来讲解。首先，要利用图形处理软件(如 photoshop)制作按钮的原始图像。我们知道，一个形象而又漂亮的动态按钮通常有
5、三种状态，即：平常状态、鼠标划过时的状态及鼠标点击时的状态。因此，我们预先做好“退出”按钮的三种状态的图像，即“ 退出 1”、 “退出 2”及“退出 3”，如图 1 所示。图 1 “退出” 按钮三种状态的原始图像在制作好“退出 ”按钮的三种状态图像后，将图像保存起来。假定将这三幅图像存到 c:my documents文件夹中。现在，可以将这三幅图像“退出” 按钮链接到 authorware 4.0 中，生成动态按钮。我们通过编写一段小程序来完成动态按钮的制作，具体操作如下。1. 启动 authorware 4.0，建立一个新文件，屏幕上出现一空白的程序“设计窗口”，如图 2 所示。图 2 设计
6、窗口界面2. 用鼠标从设计图标面板上拖入一个“ 交互图标”放到主流程线上，并将此“交互图标”命名为“退出交互”。3. 用鼠标从设计图标面板上拖入一个“组图标”放到“退出交互”图标的右下方，这时屏幕上自动出现“响应类型”(response type)对话框，如图 3 所示。在确定选中“button”类型后，点击“ok” 按钮，退出“响应类型”对话框。然后，将此“ 组图标”命名为“退出操作” 。现在，屏幕上的“设计窗口”的内容应如图 4 所示。图 3 响应类型对话框图 4 设计窗口中的程序流程现在，我们该制作动态按钮了。双击“退出操作” 组图标上方的“响应类型” 图标，屏幕上立即出现“响应类型属性
7、”（properties:response）对话框，如图 5 所示。我们对“响应类型属性”对话框进行如下设置。图 5 响应类型属性对话框（1)将对话框正上方命名栏中的按钮名称更改为 “quit”。（2)确定对话框的 type 栏为“button”类型。（3)确定对话框下方的“button”按钮为激活态。设置 location 栏中的x,y座标为 50,350。点击 cursors栏右方的下拉按钮，并在打开的光标库中选择手型光标，点击“ok”键退出光标库。这时， “响应类型属性”对话框的各参数如图 6 所示。图 6 响应类型属性对话框的各参数设置（4)双击对话框左上角的“quit”按钮，或单击对
8、话框左中方的“buttons.”按钮，屏幕上立即出现“按钮库”（ buttons）对话框，库中有各种“quit”标准按钮供选择，并可随时添加用户自己编辑的按钮，如图 7 所示。现在，我们可以将自己预先制作好的“退出” 按钮图像链接进来，在按钮库中生成新的按钮“退出” 按钮。图 7 按钮库对话框1）点击“按钮库 ”对话框左下方的 “add.”按钮，屏幕出现“按钮编辑器”（button edit）对话框，如图 8所示。图 8 按钮编辑器对话框2）确定选中“按钮编辑器” 对话框左上方 “normal”状态的“up”（即平常状态）项，点击对话框右下方“graphic”栏右边的“import.”按钮，屏
9、幕出现 “输入文件”(import which file?)对话框，如图 9 所示。图 9 输入文件对话框3）在“输入文件 ”对话框中，选择我们已制作好的 “退出 1”按钮图像的路径和文件名，即： c:my documents退出 1.bmp 文件。选择好后，点击“import”按钮，退出“输入文件”对话框，返回到“按钮编辑器”对话框中。这时，在“按钮编辑器” 对话框的右上方出现了新输入的“退出 1”按钮图像。4）确定选中“按钮编辑器” 对话框左上方 “normal”状态的“down”(即鼠标点击时状态) 项，点击对话框右下方“graphic”栏右边的“import.”按钮，屏幕出现 “输入文
10、件”(import which file?)对话框。5）在“输入文件 ”对话框中，选择我们已制作好的 “退出 3”按钮图像的路径和文件名，即： c:my documents退出 3.bmp 文件。选择好后，点击“import”按钮，退出“输入文件”对话框，返回到“按钮编辑器”对话框中。这时，在“按钮编辑器” 对话框的右上方，出现了新输入的“退出 3”按钮图像。6）确定选中“按钮编辑器” 对话框左上方 “normal”状态的“over”(即鼠标划过时状态) 项，点击对话框右下方“graphic”栏右边的“import.”按钮，屏幕出现 “输入文件”(import which file?)对话框。
11、7）在“输入文件 ”对话框中，选择我们已制作好的 “退出 2”按钮图像的路径和文件名，即： c:my documents退出 2.bmp 文件。选择好后，点击“import”按钮，退出“输入文件”对话框，返回到“按钮编辑器”对话框中。这时，在“按钮编辑器” 对话框的右上方出现了新输入的“退出 2”按钮图像。8）同样，我们也可以对“退出” 按钮配上自己喜欢的声音，只需对在“按钮编辑器” 对话框右下方的“sound”栏进行输入声音操作，过程同上述输入图像的相似，这里不再赘述。9）点击“ok”按钮，退出“按钮编辑器 ”对话框。（5)这时，可以看到按钮库中增加了我们刚刚制作的 “退出”按钮。点击“ok
12、”按钮，退出“按钮库”对话框。（6)再点击“ok”按钮，退出“响应类型属性”对话框，回到“设计窗口”。4. 现在， “退出”动态按钮已制作完毕。在为了方便观察动态按钮的运行效果，我们还需进行编程。双击“设计窗口” 中的 “退出操作”组图标，打开二级 “设计窗口”。5. 用鼠标从设计图标面板上拖入一个 “显示图标”，并将其命名为“谢谢”。双击“谢谢”图标，出现“演示窗口” （ presentation） 。在“ 演示窗口”的正中间，输入汉字“谢谢您使用本软件，再见！”。然后关闭“演示窗口” ，回到二级“ 设计窗口”。6. 用鼠标从设计图标面板上拖入一个 “等待图标”，并将其命名为“等待”。双击“
13、等待”图标，出现“等待图标属性”（properties: wait icon） 。确定已选中“events”选项的“mouse click”及“key press”栏。在“time limit”栏中，输入参数“5”，使最大等待时间为 5 秒。确定没选中“options”选项中的“show button”栏。设置完各参数的对话框如图 10 所示。然后再点击“ok”按钮，回到二级“设计窗口”。图 10 等待图标各参数的设置7. 用鼠标从设计图标面板上拖入一个 “计算图标”，并将其命名为“再见”。双击“再见”图标，出现“运算窗口” 。在 “运算窗口 ”中，输入系统函数:quit()，如图 11 所示
14、。然后关闭 “运算窗口”，回到二级“设计窗口”。图 11 计算图标中的函数现在，程序编写完毕。运行一下程序，观察有什么效果产生。首先，屏幕上出现了“退出”按钮，这时，所呈现的是“退出 1”按钮图像。用鼠标划过 “退出”按钮时，光标变成手形， “退出”按钮呈现的是“退出 2”按钮图像。最后，用鼠标点击 “退出”按钮，所呈现的是“退出 3”按钮图像。这样，一个自己所喜爱的三态动态按钮效果就出现了，也就是说，一个漂亮的“退出” 按钮制作完成了。当然，点击“退出” 按钮后，程序会作出响应，屏幕上出现“谢谢您使用本软件，再见！” 的结束语，单击鼠标或按任意键或等待 5 秒钟，程序结束运行。制作拼图游戏-
15、authorware核心提示：首先我们来构思一下拼图游戏的大致样子：顺序零乱的拼块分布于原始矩形方块内，游戏者通过鼠标拖拽拼块到某一目标矩形方块中，如果拖拽目的地正确，则自动对齐居中，否则退回到原始位置。游戏者在游戏过程中可作弊选择查看原图；中途也可选择放弃并退出游戏-首先我们来构思一下拼图游戏的大致样子：顺序零乱的拼块分布于原始矩形方块内，游戏者通过鼠标拖拽拼块到某一目标矩形方块中，如果拖拽目的地正确，则自动对齐居中，否则退回到原始位置。游戏者在游戏过程中可“作弊”选择查看原图；中途也可选择放弃并退出游戏。如图（1）是拼图游戏的最终执行界面。构思完毕，可以开始我们的“设计之旅”了。图（1）拼
16、图游戏执行界面制作步骤：拼图游戏，图是主题，拼是过程，因此制作前必须准备好拼图游戏的相关图片，包括切割好的原图拼块（可选择 PhotoShop 或者 Fireworks 等图形处理工具进行切割） 。一切就绪，启动 Authorware 6.0 开始工作！1）设计背景与导入拼块图（2）背景与导入拼块设计流程如图（2）所示， “BackGround”显示图标导入拼图游戏背景。为了防止游戏者在游戏过程中意外拖动背景图片，在“BackGround ”图标的计算窗口写入： MovableBackGround:=FALSE群组图标“AllPart”存放的是全部拼块，一个显示图标导入一个拼块。在导入拼块时要注意把位置顺序捣乱。 为了游戏窗口的美观与合理，可更改Modify/File/Propeties的属性，即取消系统默认的Title Bar和Menu Bar选项，并选择Center on Screen选项。存盘，调试执行程
