3、Axure 8案例：点击按键弹出/隐藏菜单教程

目录

1、添加元件

2、隐藏菜单分组

3、给按键添加点击事件

4、预览效果

图1、点击按键弹出/隐藏菜单效果图

一、添加元件

从元件库中拖动元件到画布：添加按键、菜单背景图、三个菜单文本，如下图2画布所示；

二、隐藏菜单元件

1-2、选中“菜单背景图、三个菜单文本”，设为一组；

3、并设置分组名称为“菜单”，设置名称是方便在大量元件中快速查找到我们需要的元件组（这是个好习惯，请注意）；

4-5、勾选“样式”界面的隐藏按键；

图2、点击按键弹出/隐藏菜单教程步骤1

三、给按键添加点击事件

1、单击选中按键；

2、在界面右侧边栏选中“PROPERTIES”（属性）；

3、双击add case 下的“OnCLick”，显示时间编辑界面；

图3、点击按键弹出/隐藏菜单教程步骤2

4、如下图，点击“Widgets”》“show/hide” ；

5、在右边栏勾选步骤二中命名的“菜单”；

6-7、勾选“Visibility”》“Toggle”（切换效果-在显示与隐藏之间切换），然后完成设置。

图4、点击按键弹出/隐藏菜单教程步骤3

四、预览效果

图5、点击按键弹出/隐藏菜单教程步骤4