Axure9 |菜单的弹出与收起

实现效果:

Axure9 |菜单的弹出与收起

首先,布置页面,将菜单所有的元件组合,组合的名称为"菜单";同时将“菜单”设置为隐藏;

Axure9 |菜单的弹出与收起

Axure9 |菜单的弹出与收起

我们要实现的效果很简单,就是单击“+”时,菜单展开,再次点击菜单收起。也就是说,如果菜单不可见,那么单击“+”时,应该展开菜单;如果菜单已经可见,单击“+”时,收起菜单;

所以,按照这个思路,开始设置“+”的交互。

如图,事件为单击时,

1.添加情形一,在情形一这个条件下,插入动作--显示菜单

Axure9 |菜单的弹出与收起

Axure9 |菜单的弹出与收起

2.添加情形二,在情形二这个条件下,插入动作--隐藏菜单

Axure9 |菜单的弹出与收起

设置完毕,点击预览下,大功告成啦。