Question

Axure如何制作菜单下拉效果？

Answer 1

菜单下拉效果在很多的网站以及APP中都十分的普遍常见，而对于各位产品设计的小伙伴而言，学会Axure的过程中学会Axure制作菜单下拉效果是很有必要的！因此，接下来将通过教程步骤来详细教会大家怎么进行菜单下拉效果原型的制作！学会Axure，人人都是产品经理！这句话，想必对于准备自学Axure或者正在自学Axure的小伙伴们来说并不陌生！而想要完全掌握Axure成为产品经理，可能也并非容易，入门简单，但是交互原理可并不简单！因此提供了系列的Axure自学视频课，可以全面的学习Axure软件基础以及交互原型案例实操~

Axure制作菜单下拉效果步骤：

所需元件

两个菜单矩形、两个菜单子项动态面板、一个向上箭头、一个向下箭头。

（1）按照上图给元件命好名，摆放好位置

（2）设置“菜单1”矩形交互Case1鼠标单击时

1）编辑条件：当“菜单1子项”的可见性为true

2）因为菜单1子项此时是显示的，所以单击后应该隐藏起来：

3）将向上的箭头设置成向下的箭头：

这里我使用的是FontAwesome字体，所以显示出来就是个看不出形状的框框，这一步不一定要按照我这样做，可以放两个图标去更换就好，不过还是建议大家多去使用FontAwesome字体，原因在我另一篇文章《Axure教程：使用动态面板实现收藏→已收藏》的小记里有解释。

（3）设置“菜单1”矩形交互Case2鼠标单击时

1）编辑条件：当“菜单1子项”的可见性为false，设置步骤与上面一样，就把true改为false即可；

2）因为菜单1子项此时是隐藏的，所以单击后应该显示出来：

3）将向下的箭头设置成向上的箭头

（4）按照上述步骤相似地设置“菜单2”矩形

（5）将“菜单2子项”动态面板隐藏起来即可

以上就是关于“Axure如何制作菜单下拉效果？”的全部内容精彩分享了，希望能够帮助到你！更多Axure精彩分享，尽在Axure相关文章~如果你此时正在犹豫Axure去哪学、怎么学的话，那我不妨建议你直接学习体验一下我们的Axure自学自学课，专业讲师授课，可以从基础的知识点开始学起，逐步深入掌握哦~