文/钱友华 我在上机操作时,突然想起了一种实现隐藏按钮效果的简单方法(只使用一组交互),暂且叫做热区匹配方式。现呈上制作方法并请教于同行专家。
基本思路
利用热区交互的不同匹配方式实现同一热区不同的响应。在交互图标的右边放置若干 群组图标,响应类型(Response Type)全部设为热区响应方式。第一个热区响应的作用是显示所有按钮,响应属性:匹配(Match)设为“指针处于指定区域内”(Cursor in Area);其余分别响应不同的按钮,响应属性:匹配(Match)设为“鼠标单击”(Single-Click)。这样,笔者巧妙地使用不同的匹配方式,来达到不同的响应结果,使程序更为简单直观。本例流程如图1。
 图1
制作步骤
1、启动Authorware 5.2中文版,新建一个文件并保存为“隐藏按钮”,打开菜单“修改(Modify)→文件(File)→属性(Properties)”(Ctrl+Shift+D),将背景颜色(Background)设置为浅蓝色,大小(Size)设置为Variable(任意),不选其他项目,单击确定。
2、拖一个交互图标至流程线,取名为“隐藏按钮”;在交互图标右方放置一个群组图标,出现响应类型(Response Type)对话框,选择热区(Hot Spot)选项,单击确定按钮,并且取名为“出现按钮选项”(该响应的作用是:当光标移动到指定区域时,所有按钮即会出现)。打开群组图标,拖入显示图标,双击显示图标,加入“中国电脑教育报”、“思明工作室”等按钮至合适的位置(演示窗口不要关闭)。双击群组图标上方的热区交互图标,打开响应属性对话框(Properties:Response),选中热区域(Hot Spot)标签,在匹配(Match)栏选择“指针处于指定区域内”(Cursor in Area),指针(Cursor)栏:无(None);再单击响应标签(Response),在擦除(Erase)栏选择“在下一次输入之前(Before Next Entry)”;在演示窗口内将表示热区响应的虚线框正好罩住所有按钮;最后,单击确定。
3、制作单击各按钮后的响应。再拖动一个群组图标至交互图标右边,命名为“中国电脑教育报”,双击该群组图标,在流程线上加入需响应的内容,笔者加入的是一个欢迎界面。双击“出现按钮选项”群组图标内的显示图标,使所有的按钮都出现在演示窗口中,双击“中国电脑教育报”群组图标上方的热区交互图标,打开响应属性对话框(Properties:Response),选中热区域(Hot Spot)标签,在匹配(Match)栏选择“单击”(Single-Click),指针(Cursor):手形;在演示窗口内使表示热区响应的虚线框正好罩住“中国电脑教育报”按钮,;选种响应(Response)标签,在擦除(Erase)栏里选择“在下一次输入之后”(After Next Entry)”,单击确定。“思明工作室”的按钮响应同法可得。
特别说明:如果要实现鼠标移到按钮上没有单击时,原来的画面不消失,可以将“中国电脑教育报”、“思明工作室”的响应属性的擦除栏(Erase)设为“退出时”(On Exit),另在这两个群组的流程线的最上面各加上一个擦除图标,擦除的对象为其他群组内的所有对象。
(责任编辑 Ardeler)
|