本文给大家讲解一下如何在Axure中制作导航栏的收缩与展开，一起来看看
　　本文将从以下3个方面展开：
　　需求分析；
　　Axure关键点分析；
　　效果展示。
　　1。需求分析
　　我们在做原型设计的时候，通常会遇到这样的需求：点击导航栏的某个一级菜单，则展开其下面的二级菜单，同时收起其他一级菜单下面的二级菜单。
　　如果使用Axure软件来做原型设计，遇到此类需求的时候，我们应该怎么进行需求分析呢？怎么将需求与Axure的功能进行匹配呢？
　　我们仔细研究需求就会发现，需求的核心点在于：展开菜单的同时收起其他菜单，也就是说菜单的展开或者收起是有条件，在某些条件下需要展开或者收起。看到这里，我们是不是会想到Axure中的动态面板呢？动态面板可以实现元件的显示及隐藏，正好和需求的诉求点是吻合的。
　　看到这里，相信大家已经有思路了，用Axure的动态面板功能就可以实现该需求。下面接着讲Axure的实现方式。
　　2。Axure关键点分析
　　通过上面的需求分析，我们已经有了解决思路，即使用Axure动态面板功能来实现。其核心点在于什么时间点展开哪些动态面板，同时隐藏哪些动态面板。
　　下面为Axure关键点分析：
　　这里涉及到一级菜单和二级菜单，其中前者可以用矩形，后者需要用动态面板；
　　二级菜单用的动态面板默认隐藏，在点击其对应的一级菜单的时候才设置为显示；
　　点击一级菜单的时候，显示其对应的二级菜单动态面板，同时隐藏其他二级菜单的动态面板，并把下面的元件往上拉动；
　　只需设置第一个一级菜单的交互，可复制至其他的一级菜单然后做一些修改即可。
　　动作为：设置面板状态
　　其他细节，如鼠标悬停一级菜单时背景颜色显示为淡蓝色而鼠标点击时显示为绿色，这个可以通过设置矩形的交互样式来实现。
　　3。效果展示
　　效果展示网址为：https：2knrzw。axshare。com

Axure教程：中继器实现评论的增与删在一些清晰的交互中，往往能够节省很多语言的描述，Axure中的中继器能够很好的完成这一点。对评论列表进行增和删的操作，是如何完成的呢？下面将清晰的展示整体的操作过程。展示……Axure教程：组合柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做组合柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure教程：堆叠柱状图上一期教会大家如何用axure做一个简单的柱状图，本文将教大家如何用AXURE做堆叠柱状图。效果如下：一、功能介绍所有图表不需要联外网，数据也不是写死的，只需……Axure9教程：Axure9实现轮播图效果轮播图在日常的原型设计中是最常见的了，今天和大家分享如何制作自动轮播手工点击切换。思路：面载入时，图片会自动轮播；点击下方对应的图片，会跳转到图标对应的界面；……Axure教程：导航栏收缩与展开本文给大家讲解一下如何在Axure中制作导航栏的收缩与展开，一起来看看本文将从以下3个方面展开：需求分析；Axure关键点分析；效果展示。1。需求……AXURE教程：中继器实现穿梭框功能在用Axure的时候，怎么通过中继器实现穿梭框功能呢？本文分享了一个方法。AXURE中的中继器是非常强大的底层组件。我们利用好中继器的强大功能，可以为我们原型设计带来很多……Axure教程：三维阵列图片的自动切换展示如何利用元件的尺寸变化、移动变化等实现三维列阵图片的自动切换展示？笔者在此给出了详细教程，与大家分享今天分享实现五张三维阵列图片切换的方法，主要是利用元件的尺寸变化、移动……Axure教程：怎么做超漂亮的柱状图本文将教大家如何用AXURE做一个超漂亮的柱状图。在线演示地址：http：ije8g9。axshare。cng1pE69FB1E78AB6E59BBEE6B7B1……B端产品原型进化录本文作者从设计原则、色彩、图标这3个角度对产品原型设计进行了拆解。关于B端Web产品前期从流程上进行了复盘，这次从原型设计的角度来进行梳理。原型设计是产品经理的硬技……规范流程下的原型设计你的原型真的有价值吗？在前段时间翻译的IDEO出品的《以人为本的设计指南》中，正好讲到了构思到原型的阶段，恰好我在进修的IDF设计思维课程也到了原型设计部分，因此准备出一篇原型相关的文章，分享所学同……Axure教程：中国地图和世界地图今天，教大家如何用AXURE做可视化视图中国地图和世界地图。enjoy在线演示地址：中国地图：http：knt5gi。axshare。cng1p可视化视图……Axure教程：两个原件实现“验证码倒计时”效果今天给大家带来的教程内容是，怎样用两个原件去实现“验证码倒计时”的设计，一起来看看先来看一下效果图：接下来正式开始教学：实现这一效果我们只运用到了两个原件（没……