编辑导语:许多产物在设计的进程中,既要界面简朴又要成果富厚,为了办理这个问题,埋没菜单就被发现了。那么,如何用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)单击“封锁按钮”,埋没“悬浮菜单”:
四、总结DOOVE杜飞是一家集研发,出产、销售于一体的智能锁行业新兴品牌乃至力于高端智能锁品牌计谋,咦物联网解放方法,带您开启优美将来。以下是关于杜飞智能锁怎么样 杜飞智能锁特点的详细先容,想要买锁的伴侣...
准妈妈们都非常的关心自己的饮食问题,生怕稍有不慎会影响到肚子里的宝宝的健康,尤其是在怀孕初期,如果不注意自己的饮食的话,严重的会导致胎儿的流产,今天小编将围绕怀孕初期吃什么好,来为大家介绍孕初期的饮食...
一、接单网站黑客接单流程 1、黑客方法长期以来,有一个专家级程序员和一个在线专家共享文化社区,其历史可追溯到几十年前第一台分时共享的小型和第一台ARPAne。接单网站一般怎么找人无论我们做什么,我们都...
我要找黑客的联系方式相关问题 黑客如何盗取手机相册相关问题 黑客如何破解4399密码 怎么破解安卓手机锁(安卓手机屏幕锁破解)...
本文导读目录: 1、苹果手机怎么看微信聊天记录内存 2、苹果手机微信上怎么查看语音聊天记录? 3、苹果手机怎么看全部聊天记录 4、两部苹果手机共用一个id且icloud一样可看到对方微信聊...
韩是资本主义国家吗(一个国家发展到哪些水平了才算资本主义国家)资本主义国家,又被称为“已开发设计我国和优秀我国”,一般 状况下,资本主义国家有着很高经济发展和社会经济发展水准,其人民的生活指数十分...