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

 我来答
猪八戒网
2023-06-28 · 百度认证:重庆猪八戒网络有限公司官方账号
猪八戒网
猪八戒网(zbj.com)创建于2006年,现已形成猪八戒网、天蓬网和线下八戒工场的“双平台+一社区”服务模式,是中国领先的人才共享平台。
向TA提问
展开全部

菜单下拉效果在很多的网站以及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自学自学课,专业讲师授课,可以从基础的知识点开始学起,逐步深入掌握哦~

深圳云诺科技
2024-11-11 广告
甘特图工具是一种直观展示项目时间与进度管理的有效手段。在深圳云诺互联科技有限公司,我们常利用甘特图来规划项目阶段、任务分配及预计完成时间。通过清晰的时间轴和任务条,团队成员能迅速了解项目全局,把握关键节点。甘特图还具备任务依赖关系设置、进度... 点击进入详情页
本回答由深圳云诺科技提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式