axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)

在上一篇文章里《Axure教程:抽屉风格的菜单实现》,我介绍了抽屉风格的菜单,并让大家试下实现鼠标移入时切换抽屉风格菜单,这里也将实现方法介绍给大家。其实现方法与《Axure教程:鼠标移入时切换菜单》一样。

axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)(1)

预览图

初始状态:

axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)(2)

鼠标移入“抽屉2”后:

axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)(3)

鼠标移入“抽屉1”后:

axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)(4)

预览地址:https://xasg0y.axshare.com

所需元件:两个矩形、两张图片

axure中如何实现菜单和页面的切换(鼠标移入时切换抽屉风格菜单)(5)

操作步骤
  • 隐藏图片2
  • 参照《Axure教程:鼠标移入时切换菜单》里的操作步骤(1)——(4),记得要对应的修改方向,显示时的向下滑动变成向右滑动;隐藏时的向上滑动变成向左滑动;推动元件的向下变成向右。
  • 按F5预览原型看看效果
小结

学会了参照文章里的案例后做这个就非常简单,当需要做多个“抽屉”时,对应地添加多几个“抽屉”就好了。

#相关阅读#

Axure教程:鼠标移入时切换菜单

Axure教程:实现菜单下拉效果

Axure教程:抽屉风格的菜单实现

本文由 @Nilz 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash ,基于 CC0 协议

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页