原标题:Axure教程:实现菜单下拉效果
笔者在本文中介绍了如何用Axure实现菜单下拉效果的操作步骤,以及实现过程中的一些心得体会,与大家分享。
尽管Axure的基础元件库里面已经有菜单项了,但是样式和交互我们不一定喜欢,所以这里自己制作菜单项以满足不同的需求。
预览图
初始状态:
点击“菜单1”、“菜单2”后:
预览地址: https://rrwsy5.axshare.com
所需元件
两个菜单矩形、两个菜单子项动态面板、一个向上箭头、一个向下箭头。
操作步骤
(1)按照上图给元件命好名,摆放好位置
(2)设置“菜单1”矩形交互Case1鼠标单击时
1)编辑条件:当“菜单1子项”的可见性为true
2)因为菜单1子项此时是显示的,所以单击后应该隐藏起来:
3)将向上的箭头设置成向下的箭头:
这里我使用的是FontA