Axure怎么设计一个左侧二级导航切换效果?
我要评论Axure是产品岗位常用的工具，这里为大家做一个二级导航的样例，点击一级导航，展开其二级导航，点击第二个一级导航，展开其二级导航，并隐藏已经打开的其他二级导航。
一、基础准备工作
1、首先大家通过Axure的部件--矩形，建立如图所示的图样。(基础的我就不太细说了)，底色图：灰色，w350/h500;三个彩色的矩形：w300/h40;分别命名为1,2,3，无色的三个矩形：w300/h100;分别对应彩色的命名11,22,33，调整一个彩色的矩形对应一个白色的矩形，排版如图所示；
2、将11,22,33设置为隐藏状态，设置方法：选择图形，在右侧的“部件属性和样式”，选择hidden（隐藏）。
3、调整位置，选择2和22两个矩形，向上移动，至1的下边缘和2的上边缘对齐。同样移动3和33，与2的最下边缘对齐，如图所示
二、用例的设置方法
1、选择蓝色的矩形（也就是1）；在“部件交互和注释”-“鼠标单击时”，右键“新增用例”；弹出用例编辑器
2、在用例编辑器，选择"部件“-切换；在最右侧“第四步 配置动作”，选中"11",可见性选择“切换”，并在”更多选项“中选择”展开部件“；选择“22”，可见性选择“隐藏”，选中“收起部件”，其他默认；
选择“33”，可见性选择“隐藏”，选中“收起部件”，其他默认；点击确认；设置完成后，如图所示
3、选择黄色矩形2，在“部件交互和注释”-“鼠标单击时”，右键“新增用例”；弹出用例编辑器；在用例编辑器，选择"部件“-切换；在最右侧“第四步 配置动作”，选中"22",可见性选择“切换”，并在”更多选项“中选择”展开部件“；选择“11”，可见性选择“隐藏”，选中“收起部件”，其他默认；选择“33”，可见性选择“隐藏”，选中“收起部件”，其他默认；点击确认，设置完成后，如图所示
4、选择红色矩形3，在“部件交互和注释”-“鼠标单击时”，右键“新增用例”；弹出用例编辑器；在用例编辑器，选择"部件“-切换；在最右侧“第四步 配置动作”，选中"33",可见性选择“切换”，并在”更多选项“中选择”展开部件“；选择“11”，可见性选择“隐藏”，选中“收起部件”，其他默认；选择“22”，可见性选择“隐藏”，选中“收起部件”，其他默认；点击确认，设置完成后，如图所示
5、点击F5预览或者生产原型文件。建议用IE查阅。完成后如图，大家点击试试吧。
相关推荐：
相关文章
axure怎么隐藏菜单横向隐藏与显示的效果？今天想要和大家分享一些关于axure显示隐藏效果的实现方法，我们就以隐藏菜单为例，需要的朋友可以参考下2017-04-23
Axure怎么设计手机短信倒计时效果？Axure中想要制作倒计时效果，该怎么制作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-04-23
axure怎么用中继器制作微博联系人效果？想要仿照微博的联系人样式制作一个这种效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-23
axure怎么给文字设置跑马灯效果？axure中想让文字实现跑马灯效果，该怎么实现呢》下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-23
axure怎么使用动态面板制作淘宝图片轮播效果？我们经常看到淘宝中有图片轮播的效果，该怎么设计这种效果呢？下面我们就来看看通过axure实现的教程，需要的朋友可以参考下2017-04-23
axure怎么使用动态面板制作转盘抽奖？想要制作一个抽奖转盘，该怎么制作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-04-23
Axure怎么设计多层级菜单下拉联动效果？Axure中想要制作一个联动下拉菜单，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-23
Axure 8怎么设计三级折叠菜单？Axure 8中想要设计一个三级折叠菜单，效果及时可以逐级打开，合上某一级菜单时，二级菜单和三级菜单也会合上，下面我们就来看看详细的教程，2017-04-14
Axure RP 8设怎么用按钮控制圆形的变换？Axure RP 8中想要利用鼠标的单击事件控制圆形的尺寸背景动向等变化，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参2017-04-14
Axure RP 8设怎么控制输入框禁用或启用？想要设置一个输入框的禁用或者启用的按钮，并实现相对应的功能，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-14
最新评论