起点课堂会员权益
职业体系课特权
线下行业大会特权
个人IP打造特权
30+门专项技能课
1300+专题课程
12场职场软技能直播
12场求职辅导直播
12场专业技能直播
会员专属社群
荣耀标识Axure教程：抽屉风格的菜单实现
前面两篇文章我分别介绍了《Axure教程：实现菜单下拉效果》和《Axure教程：鼠标移入时切换菜单》，这两篇文章里的菜单都是下拉风格，这篇文章讲抽屉风格的菜单实现。
预览图
初始：
点击“抽屉2”后：
点击“抽屉1”后：
预览地址：https://yj6jds.axshare.com
所需元件
两个矩形、两张图片
操作步骤
（1）将图片2隐藏。
（2）参照《实现菜单下拉效果》的操作步骤（2）和（3）设置好“抽屉1”矩形的交互，这里要注意，因为我们的图片是向右显示，向左隐藏，所以推动元件的方向要选为右侧。
（3）对应地设置好“抽屉2”矩形的交互。
（4）按F5预览原型看看效果。
小记
- 这个原型案例只是简单地将下拉菜单风格换成抽屉风格，并没有太大的难度。需要注意的就是步骤（2）里的小细节。
- 大家可以再试试做下：鼠标移入时切换抽屉风格菜单。
#相关阅读#
本文由 @Nilz 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash ，基于 CC0 协议
评论
- 目前还没评论，等你发挥！
