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

1、添加元件

2、隐藏菜单分组

3、给按键添加点击事件

4、预览效果

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

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

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

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

1、单击选中按键；

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

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

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

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

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

1，将方框转换为动态面板。

在元件管理下，双击动态面板，

新建state2。

双击state2，

在state2界面（0，0位置）建立一个与原始界面同样的方框，

用红色填满。

2，在原始界面，点击按钮，

设置该元件的交互——添加一个事件，双击“当鼠标单击时”，

在d出的页面内“动态面板”下“设置面板状态”。勾选右列“（动态面板）”，

下方“选择状态”选state2，“确定”结束。

可以预览了。

---