|
所谓隐藏按钮就是当鼠标移动到响应区域时,将自动响应,从而出现按钮可供选择;移开响应区域时,将自动消失,可谓“呼之即来,挥之即去”,灵活的交互性必将给你的作品增色不少。
擦除方式
一、基本制作思路
使用交互图标,将其Type设置为Hot Spot,Match设置为Cursor in Area,然后在交互图标下放置显示图标,将显示图标中的内容作为热物(Hot Object),实现选择交互;最后在交互图标旁边再放置一个大体相同的交互图标,擦除显示图标中的内容,从而实现按钮的显示和隐藏,本例流程图如图1。  图1
二、制作步骤
1、启动Authorware 5.0,新建一个文件并且保存为“隐含按钮”,打开“修改→文件→属性”(Ctrl+Shift+D),将Background设置为白色,Size设置为Variable(任意),不选其他选项,单击确定;最后将演示窗口大小设置为250×160;
2、拖一个交互图标至流程线,取名为控制栏;在交互图标下放置一个群组图标,出现对话框,Type为Hot Spot,并且取名为选择项;打开交互图标属性对话框,对参数进行设置:Hot Spot下Match设置为Cursor in Area,Cursor选择为手形;Response下Scope设置为Perpetual,Erase设置为Don't Erase,Branch设置为Return;
3、在交互图标下再放置一个群组图标,取名为擦除按钮,将Hot Spot下Cursor选择为None;双击“控制栏”图标,设置群组图标响应区域的位置如图2;  图2
4、双击“选择项”图标,在下面放置三个显示图标,第一个放入一个工具栏(可用Photoshop制作),其余依次输入响应类型的名称、调整位置。这里需要提一下的是:你可以根据自己的需要放置显示图标,并且每个响应项只能放置在一个显示图标里面。双击“擦除按钮”图标,在下面放置一个擦除图标,擦除的内容为刚才的三个显示图标中的内容;
5、拖一个交互图标至流程线,命名为响应项,在交互图标下再放置两个群组图标,Type为Hot Object;按Ctrl+R运行程序,将连续两次出现对话框,分别选择“中国电脑教育报”和“新思工作室”,确定即可;然后在两个群组图标下放置相应的内容;  图3
6、按Ctrl+R运行程序,当鼠标移动到响应区域时,将出现工具条,点击上面的按钮即可响应,当离开响应区域时,工具条将会消失,响应也将不复存在。
函数响应方式
一、基本制作思路
在交互图标下放置群组图标,将他们的交互类型(Type)分别设置为Hot Spot和Button,然后通过响应函数来控制按钮的显示和隐藏。
二、制作步骤
1、新建一个文件后,在流程线上放置一个交互图标,在下面放置五个群组图标,并将他们的Type设置为Hot Spot和Button,然后分别取名(如图3);将响应区域和按钮的位置进行调整(如图4)。  图4
2、选中“显示按钮”图标,按组合键Ctrl+=,在出现的计算图标中输入show:=1,同样将“隐藏按钮”图标的值设为show:=0,两个图标上面会出现“等于号(=)”。
3、双击“软件天地”上的小按钮打开Propertise对话框,在Response下Active if中输入show,Erase设置为Don't Erase,单击即可;用上述方法对“电脑教育”和“退出”进行同样的设置。
4、在“软件天地”、“电脑教育”和“退出”三个群组图标中分别放入所需内容,如“退出”放一个计算图标,输入quit(0),其余的根据需要放入所需内容,当然也可以根据需要再增加一些按钮。
按Ctrl+R运行程序,可以发现本例与第一例实现的效果差不多,不过这儿的按钮具有动感,而第一例中只是静止的文字(也可以换成图片)。如果不使用默认的按钮而重新制作按钮,然后进行调用,定会给作品锦上添花。 |