axure切换菜单怎么做，axure按钮切换交互

Axure怎么设计一个左侧二级导航切换效果?

〖壹〗、将工作界面划分为三块：头部放一个动态面板，里面放系统logo和系统名称；左侧导航区域放一个动态面板，里面放一个中继器；右侧放一个内联框架（动态交互区域）。双击中继器，进入中继器编辑模式。

〖贰〗、打开Axure RP软件，点击工程，选取页面样式编辑器，在页面样式编辑器里有对齐，字体选项，将页面调试为居中显示，字体选取宋体，如下图所示：点击布置，选取网格和辅助线，根据需要进行调试。

〖叁〗、打开AxureRP8软件，新建项目，命名为导航栏。2）创建母版 点击母版页面的添加按钮，新增母版，命名为左侧导航栏导航。编辑母版。拖拽矩形3到窗口，作为导航栏面板。拖拽三级标题到窗口，命名为bilibili创作中心。

〖肆〗、实现逻辑向下滑动页面，Tab导航栏由之一种状态切换成第二种状态；向上滑动页面，Tab导航栏由第二种状态切换成之一种状态；页面滑动一定距离，显示回到顶部按钮，点击回到顶部按钮，页面向上滚动回到页面顶部。

〖伍〗、Axure *** Tab栏切换不同页面效果教程：首先我们先拉取三个矩形作为tab栏，分别标注tabtabtab3作为备用，实际可根据需要标注。

Axure9.0教程:用动态面板 *** Tab来切换

〖壹〗、Axure *** Tab栏切换不同页面效果教程：首先我们先拉取三个矩形作为tab栏，分别标注tabtabtab3作为备用，实际可根据需要标注。

〖贰〗、实现逻辑向下滑动页面，Tab导航栏由之一种状态切换成第二种状态；向上滑动页面，Tab导航栏由第二种状态切换成之一种状态；页面滑动一定距离，显示回到顶部按钮，点击回到顶部按钮，页面向上滚动回到页面顶部。

〖叁〗、新建工程，在元件库中找：矩形元件，拖放到工作区。

〖肆〗、从元件库中拖一个动态面板，双击动态面板，在弹出的对话框中，对动态面板命名并增加四个状态；双击每个面板状态，对不同的面板状态设置对应的页面。通过 设置交互属性 ，实现页签切换时的动作交互。

〖伍〗、拖动一个动态面板Dynamic Panel到页面编辑区域，设置大小为300*300。双击Dynamic Panel，或者右键选取Manage Panel States，根据你的需要给动态面板添加标签和状态。

〖陆〗、用set panel state（s） to state（s）事件，也就是切换动态面板状态就可以实现这个功能了。具体的你可以尝试一下。我给你 *** 了一个demo，你可以去下载。如果你是想点击的话，把mouseenter那个事件换成onclick事件就行了。

零基础新手怎么使用Axure中继器做出菜单原型?

拖1个中继器到画布里，选中中继器，然后在样式-数据里，编辑好一级菜单；一级菜单只做二级菜单的展开收起用，所有直接录入菜单名字就行。

准备元件 将工作界面划分为三块：头部放一个动态面板，里面放系统logo和系统名称；左侧导航区域放一个动态面板，里面放一个中继器；右侧放一个内联框架（动态交互区域）。双击中继器，进入中继器编辑模式。

Axure使用中继器 *** 商品管理列表原型步骤：『1』我们先在画布区拖入一个中继器，并且命名该中继器是datalist，然后在中继器里面增加增加6个列，分别是编号、商品名称、费用、库存以及两个操作列。

Axure中继器 *** 下拉搜索原型教程：搜索框 如上图所示，拖入文本框，作为搜索输入框，文本标签作为搜索框标题，搜索图标作为搜索的指示，按上图布局即可得到搜索框的初始模型。

二级菜单”。ok，大功告成，可以将菜单设置为模块模版，方便在各个页面中使用。同时如果需要打开链接，可以在菜单的点击事件中增加打开链接事件。后续改变菜单项可以在中继器的Data中配置，十分方便、高效。

Axure怎么 *** Tab栏切换不同页面效果?

拖动一个矩形做tab，这里我想做一个女装男装童装三个tab切换，先拖动一个矩形，把矩形命名为女装（给形状命名习惯要养成），ps：先拖一个矩形就好，方便设置完交互再一波复制。

实现逻辑向下滑动页面，Tab导航栏由之一种状态切换成第二种状态；向上滑动页面，Tab导航栏由第二种状态切换成之一种状态；页面滑动一定距离，显示回到顶部按钮，点击回到顶部按钮，页面向上滚动回到页面顶部。

新建工程，在元件库中找：矩形元件，拖放到工作区。

Axure快速规范设计Tab栏的 *** ：设置Tab的选中状态的交互样式&交互事件在这里，只需要设置一个状态的Tab便可以复用（复制）为其他Tab状态，这里的交互样式同反面示例1的之一步。

全选四个页签选项，点击鼠标右键，在弹出的菜单中选取“设置选项组”，输入选项组名称后确定即可。通过 动态面板 ，来实现不同页签选项对应不同的页面。

首先，配置顶部选项卡页面的选定填充颜色，默认情况下选取之一个选项卡。选项卡页面内容配置有两个动态面板：两个TAB按钮的点击事件交互逻辑如图，通过配置预览可以查看TAB页面切换效果。3转盘横幅地图。

使用Axure实现切换一级菜单效果

*** 一个未选中的菜单。添加一个文本框，填写好菜单的名称，设置好样式。将其转换为动态面板。并用State1复制一个状态。双击编辑State2，修改该文本的颜色，并添加一个选中的标记条。

Axure做推拉菜单效果步骤：步骤一：拖拽一个矩形至页面，调整好尺寸，填充为黑色，设置名称：一级菜单；可以多复制几个，填写为二级菜单。步骤二：全选三个二级菜单，点击右键，选取转换为动态面板，并设置为隐藏。

标签栏切换在Axure生产中有两个优点：维护成本低：标签切换容易修改，用最简单的 *** 就可以达到一定要求的效果，比如在产品中使用常见的master，大大提高了操作的便利性。

选中组合导航1，添加鼠标移出事件，将一级菜单即菜单一设置为未选中状态，隐藏该组导航下的二级子菜单即隐藏子菜单1。交互设置如图5所示。按照同样的 *** 为另外三个一级菜单和导航组合设置交互效果。交互设置如图6所示。

步骤五： *** 菜单样式。双击中继器，将三个子菜单组合后，在样式中设置为隐藏；选中一级菜单矩形，在交互中设置为单击时，显示/隐藏进行切换展示。

下面小编就教大家怎样使用axure来 *** 登录页和注册页的切换效果。具体如下：首先我们打开电脑，找到axure图标点击打开。进入到软件界面之后，我们找到左侧菜单中的登录页选项，然后我们就可以拖动登录页移动到设置栏中。

Axure怎么画Web后台产品的菜单栏组件?

〖壹〗、打开AxureRP8软件，新建项目，命名为导航栏。2）创建母版 点击母版页面的添加按钮，新增母版，命名为左侧导航栏导航。编辑母版。拖拽矩形3到窗口，作为导航栏面板。拖拽三级标题到窗口，命名为bilibili创作中心。

〖贰〗、从默认元件库拖动“文本标签”到画布合适位置，双击输入退出，修改字体颜色为#0000FF。

〖叁〗、从左侧元件拖出4个矩形，排列成菜单展开的样式；也准备一个中继器，直接从左侧元件处拖到画布上即可。tips：可以使用ctrl+shift，直接将矩形往下拖，同ppt。步骤二：设置菜单框架。

〖肆〗、Axure建立一个菜单附带多个子菜单 *** ： *** 原型拖入一个矩形元件，设置宽度：100x，高度：45px，输入内容：“移入菜单”，字体设置为：微软雅黑，颜色设置为：#199ED8，在其上拖入一个动态面板，命名为：三角旋转。

〖伍〗、Axure利用中继器和动态面板 *** 一个可以自动化菜单教程：建好页面，备用 拖1个中继器到画布里，选中中继器，然后在样式-数据里，编辑好一级菜单；一级菜单只做二级菜单的展开收起用，所有直接录入菜单名字就行。