编辑导语：许多产物在设计的进程中，既要界面简朴又要成果富厚，为了办理这个问题，埋没菜单就被发现了。那么，如何用Axure为APP设计一个埋没菜单呢？本文作者就为各人展示了他实践的进程与功效，快来交换进修吧。

原来在做APP时，要做一个埋没菜单，搜索时看到Z Yuhan的文章《六种常见埋没菜单》受益匪浅，泛泛碰着可是没有做过总结，总结越多段位越高。

不外Z Yuhan只先容了理论没有看到实践，借着本身用的时机，就将几种 *** 做了实践，算是对原文的增补，但愿Z Yuhan勿怪。

一、侧栏菜单 1. 拖拉元件

1）主页

一个矩形、一段文字、一个图片（点击事件就在图片身上），为了实现原文中主页在侧栏展开时的颜色变革，又添加了一个矩形（填充颜色、置于底层、埋没）。

2）侧边

一个动态面板（不行见、自适应内容），对应加一个状态，状态里只有一个矩形、一段文字。

需要留意的是，这里用了Axure9的负空间，其他没非凡之处，都是简朴操纵，看拖拉后的结果。

2. 添加交互

1）给图片“”添加“单击”交互，结果是将负空间里藏起来的侧栏给展示和埋没；

2）添加事件“单击时”，单击有2个景象：展示和埋没；

3）添加景象“展示”，条件是动态面板“侧栏菜单”不行见时；

4）添加行动“移动”，将动态面板“侧栏菜单”移动达到(0,0)，动画结果无关紧要；

5）添加行动“显示/埋没”，将动态面板“侧栏菜单”显示出来，而且敦促右边的元件；为了实现侧栏展示时的条理感，多加了一个矩形来显示差异的配景致；

6）添加景象“折叠”，条件是动态面板“侧栏菜单”可见时；

7）添加行动“移动”，将动态面板“侧栏菜单”移动达到(-200,0)，动画结果无关紧要；

8）添加行动“显示/埋没”，将动态面板“侧栏菜单”埋没出来，而且把右边的元件拉返来；再还原主页的配景致。

二、浮钮菜单 1. 拖拉元件

1）添加2个矩形框，1个白色填充1个灰色填充；个中灰色的矩形框是用来在悬浮菜单打开时显示的，配置不行见；

2）添加一个应景的图片和一个圆形，组合在一起，取个名“悬浮按钮”；位置就在右下角，巨细就56*56；

3）添加一个动态面板，取个名“悬浮菜单”并配置可不见；增加一个状态，在状态里添加一个应景的图片和一个圆形，组合在一起，取个名“封锁按钮”；位置就在右下角，巨细就56*56。

为告终果，封锁按钮更好跟悬浮按钮位置重叠。

或许就是这个样子：

2. 添加交互

1）单击“悬浮按钮”，逐渐显示“悬浮菜单”并埋没“悬浮按钮”，将有灰色配景的矩形框显示出来，配置尺寸是为了看起来是从右下角显示出来的。

2）单击“封锁按钮”，跟“悬浮按钮”点击反着干就行了。

跟原文的结果照旧差一点，感受不足丝滑。别的悬浮按钮拖拽结果还在研究中。

三、更多菜单 1. 拖拉元件

是不是我的错觉，到这个结果实现一个比一个简朴。

1）添加2个矩形框，1个白色填充1个灰色填充，个中灰色的矩形框是用来在悬浮菜单打开时显示的，配置不行见；

2）添加一个应景的图片，就是点点点；

3）添加一个动态面板，取个名“悬浮菜单”并配置可不见；增加一个状态，在状态里，添加一个矩形，一个封锁的图片。

或许就是这个样子：

2. 添加交互

感受“更多”和“悬浮”差不多啊，有大概是没我了解到差异之处。

1）单击“更多按钮”，以灯箱结果显示“悬浮菜单”：

2）单击“封锁按钮”，埋没“悬浮菜单”：

四、总结