Axure中使用中继器实现菜单选中效果切换

最新推荐文章于 2024-10-09 17:21:39 发布
最新推荐文章于 2024-10-09 17:21:39 发布
阅读量3.4k 收藏 2
点赞数
分类专栏： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stfen/article/details/114591590
版权

Axure使用中继器制作菜单，实现点击菜单切换菜单背景色以及进行页面跳转。

效果如下：

wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==​  

 

 

 

1.给中继器的选择框设置选中效果

 

2.选中中继器，给矩形框添加事件：，右侧页面使用动态面板实现，选中不同菜单切换到不同面板，动态面板名称和菜单名称一致。

 

 

3.右键单击矩形框，给矩形框设置选项组，selection Group（关键）

4.给中继器设置事件：将数据绑定到矩形框personMenu中

 

 

 

45.【Axure 10 】中继器动作
Brose的博客
08-23 782
首先中继器本身就是一个存储数据的整体集合。通常我们可以借助中继器动作对数据进行增删改查的操作。 新增排序 为中继器添加排序方式，进行排序。 目标元件 选择对应添加排序的中继器。在选择下拉菜单中会自动加载页面中所有的中继器元件。 列 中继器中数据按照一列为一类数据，每次在添加排序时需选择指定的数据列。 排列类型、排序 目前支持的排列类型有以下几种。 字母数字（Alphanumeric）：支持数字与字母的类型排序。 优先级：数字、汉字（拼音首字母）、同字母小写、同字母大写 顺序：取决于设置的..
如何在Axure中实现移动端抽屉效果？
panjing_0520的博客
12-30 1552
​​​​​​前言 工具：Axure RP 9 概论：使用动态面板，用交互效果的隐藏和显示，实现抽屉效果 一、移动端抽屉效果展示 二、使用步骤 1.在页面中插入动态面板，构建菜单栏 插入动态面板 双击动态面板，进入状态设置页面，在动态面板中插入矩形做菜单栏 2.插入半透明遮罩板 需先退出动态面板设置状态 插入矩形框设置成半透明遮罩板 将动态面板放置于顶层 tips：由于半透明遮罩板可能挡住了动态面板，可以在【概要】中找出动态面板，选中，单击鼠标右键，将动态面板...
Axure9中使用中继器实现单选效果
weixin_35861115的博客
12-30 3855
本文主要告诉大家如何在Axure9中使用中继器实现列表的快速创建并且实现单选效果。 1、创建中继器 在空白页面中拖入中继器， 双击中继器，进入到中继器的编辑页面，状态如下： 创建布局，根据需要拖入需要的部件， 里面的这个选择按钮我是用图片代替的，并且已经设置完了选中和非选中状态的样式，以及 设置了选项组，交互状态如下： 2、给中继器内的部件赋值 选中中继器，在右侧样式里面给部件赋值，修改表格头为对应的部件名称，效果图如下： 切回到交互页面，在交互中添加当项目已加载时设
Axure--中继器：制作产品列表之类型筛选（3）
ChibiMarukoChan的博客
04-26 3911
功能：在Axure--中继器：制作产品列表之排序（2）的基础上增加类型筛选效果：在中继器中增加两列，分别为 promotion,newStyle在标题栏增加两个复选框，分别为新款，价格优惠为复选框添加选中事件，设置case1，[中继器]［添加筛选］复选框取消选中，添加case1，[中继器]［移除筛选］新款复选框的检视面板如下图所示：同理，价格复选框的操作如上。...
Axure常用交互设计一——选中效果
最新发布
benleiqiang的博客
10-09 1118
从本节课开始，将陆续给大家展示Axure在产品设计中的常见的交互效果，欢迎大家持续关注我。交互效果不难做出，难的是我们要通过学习交互，懂得在哪些场景下使用，以及交互逻辑是什么才是最重要的。最近更新视频课程，到时候我会把链接放进来，大家点进去更详细的学习。以上是单个功能按钮的选中效果制作，在实战中我们还要考虑选中后展示什么内容，以及同级多个按钮其他菜单如何设置选中；
使用Axure RP9 实现Tab选项卡切换选中功能
qq_53821346的博客
03-15 6427
在学习使用Axure RP9软件绘制原型图的过程中，遇到需要实现Tab选项卡切换的交互效果，现将制作思路记录下来
axure学习帖-中继器二级菜单
silverwolf82的博客
02-09 2298
之前制作的二级菜单，使用的是动态面板，制作起来比较复杂（可能是因为我方法不得当），最终呈现效果如下所示： 虽然实现了菜单的功能，但是非常不利于后期的维护。后来得知二级菜单可以使用中继器来完成，于是在网上找了一些帖子，但最后都没能学会。最近在逛B站时，学到了一个方法，实践下来之后感觉没什么问题，记录防止以后忘记。 有兴趣的可以去B站搜索up主：芝士教坊 视频链接附上：Axure 9 下拉式菜单的制作2（中继器）_哔哩哔哩_bilibili 接下来记录一下我的制作过程： 首先拖入一个中继器，编辑一
Axure-根据下拉选框切换动态面板状态
evil_ice的博客
09-16 4375
Axure-根据下拉选框切换动态面板状态
Axure设计之单选框教程（中继器）
招风的黑耳CSDN
08-21 1207
在Axure RP中，通过结合中继器的强大功能，我们可以轻松实现动态加载的单选框列表，不仅可以根据数据自动调整选项宽度，还能实时更新选中状态。本教程将引导你完成一个使用中继器制作动态单选框列表的项目，包括案例分析、设计思路及详细的实现步骤。
Axure实现点击导航栏切换内容页
梨柚的博客
01-14 5336
Axure原型工具的使用：用动态面板实现点击导航栏实现相应内容页的切换。
Axure中继器的使用-点击元件切换（五）
xyphf的博客
09-19 833
元件的切换，可以使用动态面板来实现 将三个元件拖到区域中， 选中一个右击选择转化为【动态面板】 打开【概要】中的动态面板，将三个元件分别拖入三个状态当中，并双击给状态命名。 调整三个元件的大小 给动态面板中的图标添加事件 选择【设置面板状态】 状态选择【下一项】 并勾选【向后循环】 其他图标也重复操作 这样图标切换就完成了 ...
Axure RP 中继器实现添加标签的交互 中继器总结系列（二）
New_BoKe的博客
01-04 1117
使用中继器实现添加标签的交互 先来看看最终要实现的效果。 上面这张图，不足以表达要实现的所有交互。 我来具体描述一下： 1、最后的矩形是一个输入框，当内容输入完毕，光标离开这个输入框的时候，自动出现新的标签；2、在添加标签时，白色的矩形输入框始终在最后的位置；3、每个标签上都有删除按钮，点击时删除当前的标签。 接下来，我们来看详细的令人发指的实现步骤。 1、先放入一个中继器，做一下样式的设置，布局设置为【水平】，并且为每个标签之间设置列的【间距】。如果允许输入的标签很多的话，还可以通过【网格排布】来设置每排
Axure RP9 PC端左侧折叠菜单栏切换效果实现
qq_29459903的博客
10-20 5042
1.用动态面板制作“一级菜单” 如上图所示，从左侧元件库中拖一个矩形到画布中进行创作一个菜单的按钮。然后根据自己的需求调整按钮的尺寸（如：标示3），再调节按钮的其它颜色、描边等。 根据自己的需要，还可以丰富按钮的样式，我这里为按钮添加了图标和展开的小箭头图标（图标可以到阿里图标库自己去下载），选中按钮的所有元件，Ctrl+G编个组 做好“一级菜单1”后，按住Ctrl键，拖拽向下复制（或者Ctrl+c）一个“子菜单1”（把子菜单提出来，不是组合状态哦）。我们去掉二级菜单的一些图标样式，...
axure树形表格_Axure教程：Axure中继器实现动态树结构控件详解
weixin_39562234的博客
12-22 3418
树结构是原型设计中常用的控件之一，常用于组织架构等功能。本文作者参照钉钉后台组织架构样式，使用Axure中继器实现动态树结构控件。一、交互样式初始样式(以钉钉后台-通讯录-组织架构为例)：初始载入时，仅显示父节点；添加子部门后，父节点出现三角箭头，且默认展开；添加3级部门后，对应2级部门出现三角箭头，且默认不展开；点击对应节点的的三角箭头，可切换展示下一级子节点；点击添加子部门，弹出添加子部门弹出...
Axure 10 案例：打开同一页面时，在页面中显示动态面板的不同状态
AxureBoutique的博客
02-24 895
当我们在Axure中设计原型时，我们经常遇到这样的情况。一个页面上有两个按钮。点击这两个按钮可以打开同一个页面，但是同一个页面需要显示不同的元素。 粗暴的做法是直接建立两个页面，然后将两个按钮跳转到不同的页面，这样就可以显示不同的内容了，但是这样看起来会很不专业。Axure提供的动态面板其实可以解决这个问题。虽然Axure的功能非常强大，但一些高级技巧却不是那么容易掌握的。下面我将介绍如何使用全局变量来实现这一效果。
AXURE教程：三级菜单和标签的交互使用
mushe93的博客
12-06 2547
AXURE教程：三级菜单和标签的交互使用 今天，教大家如何做一个框架，包含三级菜单和标签页两部分内容，以及他们之间相互交互的内容。 效果如下图所示： 在线演示地址：http://demo.axureshop.com/?url=https://axhub.im/pro/b38b78fd26ab7c1f&buyurl=https://www.axureshop.com/a/956028.ht...
axure 如何设置选项联动_Axure案例：用中继器实现便捷好用的3级菜单
weixin_33586886的博客
02-06 1228
提示1：本篇教程可能不太适合新手，以及不了解中继器、全局变量、系统变量等使用的…新手提示2：文字其实不多，截图太多，所以看上去很长，也可直接翻到末尾查看所有的用例，其实并不多之前有介绍过使用中继器制作2级菜单，可以看出，使用中继器完成类似的多重复列表时比较便捷，至少比在N层动态面板来回切不断复制要轻松一些。这回我们尝试换一个思路来完成3级菜单。该思路两样适用于制作2级菜单，甚至更多层级的菜单。同时...
Axure 9 实战案例，中继器的应用 1，绘制APP列表页(高交互)
默林工作室
03-12 2636
在Axure 9 实战案例专栏-基础篇中（了解更多>>），我们分别讲解了基本元件、动态面板、交互事件与母版的实战案例，相信学习过的同学，已经进入了实战阶段了吧；那么在Axure 9 实战案例专栏-进阶篇中（课程简介>>），我们将主讲中继器与变量函数的实战案例，与大家一起学习产品原型的高交互设计，助你快速提高实战能力。在原型设计工作中，能大量减少工作时间，以及压缩RP文件大小的，除了母版还有中继器，尤其是在绘制列表页时，运用中继器可达到事半功倍的效果；所以进阶篇第一节教程我们首先来讲解一下，如何用中继器绘制A
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值