axure7.0怎么制作折叠和展开的菜单效果?

所属分类: 软件教程 / 其他工具 阅读数: 1220
收藏 0 赞 0 分享

Axure RP是互联网行业中产品经理的常用软件,学会它可以快速得画出产品界面的原始样子(交互原型),之后设计师再将其加工,糅合之后便是大家使用软件看到的样子啦。这里来讲下,产品、网页界面中常见的自由折叠和展开效果制作方法,见下方效果图。

从左侧部件库中拖拉2个矩形,按照个人设定的样式,直接用鼠标拖拉调整好;然后复制矩形——选中要复制的内容,按住ctrl键,将光标移至矩形处变成一个双十字箭头(可移动标志)后,按住鼠标往旁边拉动,即复制成功。这里以复制两个后的三个为例。

为便于区分,分别给三个色块填充上不同的颜色,并给六个矩形分别命名,还可分别输入文字加强识别。

将下面的三个内容框矩形设为隐藏:选中要隐藏的部件,点击勾选“hidden”;接着,把绿色部分移到黄色标题栏下面,遮住绿色隐藏部分,粉红色类推,变成图中的左侧堆叠形态。

点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中,勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”,方向选择“下方”,点击确定(亦可跟随图示按步骤进行)。

接着,对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后,点击演示键,即可查看效果。

注意事项:添加用例时,点击的是标题栏部件。而设置显示和隐藏时,勾选的是各标题栏下方的内容框。

相关推荐:

AxureRP 7.0实现天猫登录的详细教程

Axure怎么制作页面滚动时菜单固定在顶部的页面?

更多精彩内容其他人还在看

BarTender 2016数据库连接不上的图文解决办法

BarTender 2016数据库连接不上该怎么办呢?下面我们家iulai解决这个问题的解决办法,很简单,下载一个Microsoft Excel驱动就可以了,需要的朋友可以参考下
收藏 0 赞 0 分享

BarTender怎么创建全局数据字段?

BarTender怎么创建全局数据字段?BarTender中想要创建一个全局数据字段,,用于在多个文档中共享单个数据源,该怎么创建,下面我们就来看看详细的教程,需要的朋友可以参考
收藏 0 赞 0 分享

UG8.0怎么使用拉伸功能将平面图变成立体图?

UG8.0怎么使用拉伸功能将平面图变成立体图?UG8.0中绘制了一个正方形,想要变成正方体,只需要使用拉伸功能来实现,很简单,详细教程如下,需要的朋友可以参考下
收藏 0 赞 0 分享

钉钉卡划算吗?阿里巴巴钉钉卡商务金卡/银卡/钻石卡套餐资费详情介绍

前不久,芝麻信用联合中国联通退推出来冰激凌套餐,而今天阿里巴巴旗下的通信办公软件钉钉也推出了专属手机卡----“钉钉卡”。那么钉钉卡是什么?钉钉卡多少钱?钉钉卡划算吗?下面带来阿里巴巴钉钉卡商务金卡/银卡/钻石卡套餐资费详情介绍
收藏 0 赞 0 分享

TGP下载速度怎么提高?TGP提高下载速度教程

很多朋友不清楚TGP下载速度怎么提高?下面小编给大家带来TGP提高下载速度教程,需要的朋友可以参考下
收藏 0 赞 0 分享

UG怎么绘制滚花零件模型?

UG怎么绘制滚花零件模型?ug中想要绘制一个滚花零件,该怎么绘制呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

PDF文件怎么加盖公章?PDF文件加盖电子公章教程

很多朋友不是太清楚PDF文件怎么加盖公章?下面小编给大家带来PDF文件加盖电子公章教程,需要的朋友可以参考下
收藏 0 赞 0 分享

UG10.0怎么使用拔模体命令?

UG10.0怎么使用拔模体命令?UG10.0绘制模型的时候,想要将平面做成一个立体图,成为拔模,该怎么使用拔模命令,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FME Desktop/Server 2017 AMPED破解版安装教程(附破解文件)

Safe software公司正式推出了新版FME 2017,分为Desktop和Server两个版本,加入了快速添加、转换器参数设置界面的变化等很多新的功能,支持三百多种数据格式转换,下面就详情来看看FME 2017安装图文教程
收藏 0 赞 0 分享

midas NFX 2017 R1 中文破解安装教程(附破解许可文件)

midas NFX 2017是一款MIDAS IT公司自主研发的用于优化设计的多学科全方位仿真分析软件,提供了高性能有限元预处理器,最精确的分析功能,下面就详情来看看midas NFX 2017破解版安装方法
收藏 0 赞 0 分享
查看更多