Axure RP制作可收缩菜单

前言

Axure RP可以完成很多设计，其中菜单设计又必不可少，小白我来分享分享我做的可滑动收缩菜单吧！希望可以给初次使用Axure RP的人一点帮助

---

1.效果展示

视频如下：

文章所需视频

2.步骤如下

步骤如下：
1.先将所需图标拖到面板上，制作菜单，同时按住control+shift连续选择，将菜单所有原件组合到一块（即点击group），图片如下：

2.然后点击隐藏

隐藏后点击空白处菜单会是这样的

3.之后将要作为按钮的点击元件设置为动态面板
4.进入动态面板设置界面（有个小方块，点击进去），添加一个状态，可以对两个state改名方便后续记忆与选择

5.新建一个交互事件
（ps:我前面用到的点击按钮是从我以前做过的样本里面复制过来的，会出现问题，可能是因为有些设置也复制过来了🤔，所以后面我重新建了一个，动态面板两个状态分别命名为S1，S2，所以点击图标可能和前面的长得不太一样，但前面的步骤都没变）
为点击前状态S1新建一个interaction，选择click or tap----再点击Set Panel State----选择当前状态到S2(点击后)，其余不做改变;再添加一个动作,选择Show/Hide----show组合菜单----选择slide down,500ms;具体如下图
（图1：ps:右侧动作双击进去可以看具体设置哦）

（图2）

6.点击状态S2，新建一个interaction，设置和上面反着来就行，这回要把菜单隐藏，具体如下：

好啦，一个可收缩的菜单就做完了，比较简单，是最基础的，步骤也不多，祝成功。

效果视频

欢迎大家交流指正，创作不易，点个赞支持一下吧😘

---

总结

以上就是今天要讲的内容，本文仅仅介绍了可收缩菜单的简单制作，简陋版还望大家不要嫌弃，更加美观实用性高的菜单还待各位慢慢探索～