Axure原型交互之侧边菜单栏手风琴效果

每次画原型侧边菜单栏都没有做交互。于是开始研究Axure9的侧边菜单栏咋整。

01-要实现多级侧边菜单栏能够上下拉动，并且影响下一级栏目浮动。原理上就类似于手风琴一样，a拉把b推开，展示里面的隐藏项目，然后再将b拉回来，隐藏里面的展示项目。于是有了最简单，效果最好的A方案。

首先建立具有层级的菜单栏目

将二级目录组合并设置为隐藏

 

 

 

 

 

 

接下来建立能够推动下一层级移动的交互效果，在一级目录上设置交互-单机时，切换显示隐藏效果，隐藏与显示动效进行选择，并设置延迟时间。 点击更多选项，选择线性。

 

 然后复制该组件，放在栏目下

 

 接下来看看效果吧