|
在Authorware的交互图标中有一种交互方式是:热区响应,它是指在演示窗口中的一块长方形的区域,鼠标在其范围内所产生的各种操作都会触发指定的事件。利用它可以为按钮产生相应的提示信息,使用户了解这个按钮的功能;另外还使程序更加人性化,界面更加生动。 程序运行效果:当鼠标移到按钮上时,在指定的地方会出现一条提示(或图片),当鼠标移开时提示消失。提示可以加各种过渡效果,也可以把热区分支下的显示图标换成组图标以实现更多的效果及功能。
方法一 原理:利用热区响应的“指针处于指定区域内(Cursor in Area)”的匹配方式,可以实现鼠标指针只要在设置的热区范围内便可以激活设定的事件,而且所设置的热区在程序运行时并不会显示这一特性,我们可以在按钮上设置一个和按钮一样大小的热区响应,当鼠标移到按钮上时,自定义的按钮便可以显示不同图案,与此同时Authorware便激活热区所指定的事件(比如显示一幅图)。由于计算机的动作很快,所以在我们看来就像同时发生。我们可以把此热区的擦除方式设置为“在下一次输入之前(Before Next Entry)”,这样在鼠标移出热区(按钮)的范围时,图片自动被擦除。热区激活的图片我们可以把它放在演示窗口的下方或者放在按钮旁边作为按钮的注解。 操作过程: 1、先按《让按钮生动起来》文中所介绍的方法制作一个按钮。 2、拖一个显示图标(Display)到交互图标(Interaction)右侧,在交互类型中选择热区域(Hot Spot)
3、双击交互图标,调整好按钮的位置。调整热区域的大小使其正好覆盖于按钮之上
4、双击热区分支下的显示图标,输入提示文字或插入提示图片。可以加入过渡效果使程序界面更加生动,也可以使用组图标实现更多的功能(
技巧:其实不要以为使用文字就不如图片漂亮,使用文字有一个最大的好处就是可以设置一个变量,通过改变变量的值显示各种字符。(想想看,中英文提示互译,多酷!)
注意:此处不宜加入过多特效,过多特效会使程序出现延迟。除非你的用户都使用的是PIII或K7!
这里有一个技巧:在关闭交互图标后,打开显示图标时按住[Shift]键双击显示图标。这时你会发现刚才关闭的窗口的内容显示在现在的窗口里,但是你不能编辑它们。现在你无论是打字还是插入图片都不用担心挡住以前显示的内容了。
5、双击热区图标,打开热区属性对话框(图4)。选择热区域选项卡(Hot Spot),设置匹配(Match)方式为:指针处于指定区域内(Cursor in Area);选择响应选项卡(Response),设置擦除方式为:在下一次输入之前(Before Next Entry)。
除了以上的方法还有一种方法可以只用热区便实现按钮的功能。
方法二 原理:在交互图标前设置一个背景图片,其内容为各个按钮的原始状态。在刚才建立的热区上再建立一个热区,使两个热区重叠,其中一个负责显示鼠标移到按钮时按钮状态变化和提示(热区1);另一个负责调用导航图标(Navigate),利用框架(Framework)实现程序的分支选择(热区2)。当鼠标移到图片上时热区1被激活,显示提示和改变按钮状态;当按下鼠标时热区2被激活,调用导航图标和框架图标以实现按钮的功能。 操作过程: 1、拖一个显示图标(Display)到主流程线上,在其中插入各个按钮的原始状态图片。(当然也可以是一幅包含所有按钮的图片)(
2、重复第一种方法的2~5步制作一字体,有所不同的是在第一种方法的第4步时插入两幅图:其中一幅为提示图片。另一幅为鼠标移到按钮上时按钮变化的图片,要求其大小正好覆盖背景中的相应按钮(图6)。
3、再拖一个导航图标(Navigate)到交互图标(Interaction)右侧,在交互类型中选择热区域(Hot Spot)。双击热区图标,打开热区属性对话框[图4-1]。选择热区域选项卡(Hot Spot),设置匹配(Match)方式为:单击(Single-Click)(图7),在此可以选择一个鼠标指针(Cursor)。
4、拖一个框架图标(Framework)到主流程线上, 再拖一个组图标(Map)到框架图标(Framework)右侧(图8),其中可以放置按钮按下后所执行的事件。
5、双击刚才建的导航图标(Navigate)打开属性对话框。设置目的类型(Destination)为:任何位置(Anywhere),在类型(Type)中选择:跳转到页(Jump to Page),在页(Page)中选择:你刚才建立的框架名和跳转到的分支名。
上面介绍的两种方法各有利弊,第一种我觉得偏重于程序设计,用于完成各个独立模块的调用;而第二种我觉得更偏重于音乐欣赏或图片欣赏时使用(毕竟其中使用的框架可以在各个模块间方便地切换)。
|