Axure巧用中继器-实现菜单与页签动态交互

最新推荐文章于 2024-05-19 08:02:02 发布
最新推荐文章于 2024-05-19 08:02:02 发布
阅读量1.4k 收藏 4
点赞数
分类专栏： axure rp9 中继器 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shandongmike/article/details/119421516
版权

Axure巧用中继器-实现菜单与页签动态交互

中继器的一种利用方式，通过两个中继器之间的交互，实现了原型制作过程中，经常用到的页面交互。本案例封装的元件，在原型制作时，可被用来作为框架，只需在下拉菜单的中继器中维护好功能名称，即可实现功能的动态切换，页签的控制管理。
原型下载地址： https://download.csdn.net/download/shandongmike/20721704?spm=1001.2014.3001.5503

效果图

在这里插入图片描述

鱼与熊掌我都要
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axure 如何设置选项联动_Axure案例：用中继器实现便捷好用的3级菜单
weixin_33586886的博客
02-06 1139
提示1：本篇教程可能不太适合新手，以及不了解中继器、全局变量、系统变量等使用的…新手提示2：文字其实不多，截图太多，所以看上去很长，也可直接翻到末尾查看所有的用例，其实并不多之前有介绍过使用中继器制作2级菜单，可以看出，使用中继器完成类似的多重复列表时比较便捷，至少比在N层动态面板来回切不断复制要轻松一些。这回我们尝试换一个思路来完成3级菜单。该思路两样适用于制作2级菜单，甚至更多层级的菜单。同时...
中继器做三级导航+中继器做tab标签+点击导航内容以及tab切换使用操作手册
wenjingJi_oo的博客
07-13 1133
中继器做三级导航+中继器做tab标签+点击导航内容以及tab切换使用操作手册
老二牛车Axure夜话：中继器系列视频教程之中继器下拉菜单联动
08-08
NULL 博文链接：https://chengshi301.iteye.com/blog/2161014
AXURE技巧用中继器制作三级菜单
最新发布
mumuyouxi的博客
05-19 968
xiaji:是否最后一级，1代表还有还一级，例如一级菜单下有二级菜单，就设置为1，没有二级菜单就代表末级，此时设置为0。用户设计好表格模型后，通过控制台的一系列命令，把最终要呈现的数据呈现给用户。注意：这里要设置选中的样式【选中矩形>交互样式>选中>填充颜色】menulevel:菜单等级，1代表一级菜单，以此类推。2）设置左侧图标1级显示icon，非1级隐藏。见上图：按矩形，小图标，箭头图标来设置。display：是否显示，1代表显示。ture:是否显示，1代表选中。载入时，隐藏的菜单会占位，见图。
axure内联框架和动态面板_Axure教程：使用中继器和动态面板制作自定义下拉框（一）...
weixin_42513546的博客
02-15 1016
本文由人隐江湖 投稿，获得100金币奖励。本系列教程主要介绍如何使用中继器和动态面板制作自定义下拉框，包括基础下拉框、带搜索下拉框、多级联选框、时间选框等。因篇幅和时间关系，教程分为多个章节。本章节介绍如何制作基础下拉框，首先效果图：文章主要分为绘制元件、添加交互、文章小结三部分一、绘制元件1. 【选框】：绘制一个文本框，命名为“Select”，属性设置为“只读”设置文本框“Select”交互样...
axure 如何设置选项联动_Axure中继器教程：使用中继器实现菜单及tab页签联动的展示...
weixin_35544512的博客
01-17 1718
一、效果展示效果如下：二、绘制元件1、【中继器1】：命名为“菜单”，将中继器中的矩形命名为“菜单矩形”，矩形大小设置为230*184。备选数据的列：id，menu，url。添加的备选数据如下：2、【中继器2】：命名为“页签”，将中继器中的矩形为“页签矩形”，矩形大小设置为120*30。备选数据的列：id，menu。不设置备选数据。设置矩形“页签矩形”的交互样式：选中设置为紫色背景，白色字体。3、【...
Axure中继器(Repeater)案例-实现历史页面Tab选取功能
08-08
根据Axure中文学习网的中继器教学案例，自研究的一个中继器使用demo;实现了vue-element-admin的tagsView组件效果。
程矢Axure夜话：中继器系列视频教程之中继器下拉菜单联动
程矢的专栏
11-08 1446
程矢Axure夜话：中继器系列视频教程之中继器下拉菜单联动
Axure RP9.0 菜单与功能页签动态交互框架
shandongmike的博客
06-01 860
资源介绍 1、为高仿真左联菜单框架，左侧菜单，上部页签、右侧更多页签下拉，采用三个中继器进行的数据更新、删除、新增。内容区为内联框架，依据菜单选择不同，加载不同的界面。2、整个框架可以直接拿来使用，只需要更新左侧中继器菜单的数据源，与项目实际页面名称相对应，直接实现了右侧数据、页签的自动切换。...
Axure利用中继器实现输入框动态提示功能
lsyjohn的博客
02-25 2428
本文介绍一下用中继器实现输入框内容动态提示的具体方法，最终实现的效果如下： 从动图中可以看出，基本组成元素包括输入框和一个中继器，在输入框中内容发生变化的时候，对中继器内容进行动态筛选，并在编辑框下面显示筛选结果。具体步奏如下所示： 1、首先在界面中拖入一个文本框，可以自行设置输入框的样式； 2、在编辑框下部拖入一个中继器，中继器默认显示了三项内容； 3、单击中继器，在右边的样式一栏可以看到...
axure左侧折叠菜单和Tab标签实例
10-15
仅适用新手学习和参考，仅适用新手学习和参考，仅适用新手学习和参考。重要的事情说三遍，请高手飘过。只给新手学习和参考。
Axure巧用中继器-实现菜单与页签动态交互案例
08-05
提供了利用中继器 进行功能菜单切换的功能。下载后，可用来快速大家原型框架。只需在下拉菜单的中继器中添加功能列表，就可自动实现功能菜单的打开、切换
Axure 中继器动态菜单：中继器的的复杂应用-制作多级可展开、收缩、选中、取消选中的交互式菜单.rp
09-22
Axure 中继器动态菜单：中继器的的复杂应用-制作多级可展开、收缩、选中、取消选中的交互式菜单.rp 实现效果： 1、菜单可快速复用，只需按照模型中机器的数据模式整理新的菜单数据，导入后就可实现菜单的动态应用。 ...
程矢Axure夜话图文教程中继器可折叠菜单.pdf
02-16
### Axure中继器可折叠菜单设计教程解析 #### 标题解读 标题“程矢Axure夜话图文教程中继器可折叠菜单.pdf”直接指出了这份文档是一份图文并茂的Axure教程，主要讲解如何利用Axure中的中继器功能来制作一个可折叠的...
动态面板和中继器
Ann1223的博客
07-22 1331
web学习Day2——动态面板和中继器 一、动态面板 动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现一些动态的交互效果。所以，如果动态面板使用不熟悉的话，对axure原型的制作会有很大的影响，今天的学习内容围绕动态面板的几个方面进行，分别是：1、 隐藏与显示2、 滑动效果3、拖动效果4、多状态效果。 （1）动态面板的简单跳转 1.1设置好动态面板的内页 1.2动态面板的鼠标单击事件 1.3添加事件 1.4选择当前面板的名称和情况 1.5 if条件下 设置动态面板元件 跳转设置
Axure中的中继器让表格“动”起来
幺玲的博客
04-26 2503
中继器是Axure RP 8中的一个高级用法，以列表形式展示数据，可以对数据进行新增、删除、分页、排序等操作。 本文以一个例子讲解中继器的基本用法。 准备中继器列表数据 首先，在index页面从元件库中拖放一个表格处理成1 x N的大小作为列表的表头，修改名称为表头，为每个单元格命名。 然后，拖放一个中继器在表格下方，作为数据展示区。初始化的中继器为3行1列。修改中继器名称为数据展示。 双击中继器，进入编辑页面。复制矩形框，并粘贴表头N的数量，本文为1*6的表格。为每个矩形框填写名字。（可以拖动矩形框.
Axure 登录+三级菜单+标签页的联动
cao443647116的专栏
04-21 1222
先直接上动画，大家一看便清楚 一、登录（直接上图，没有什么可多说！） 二、三级菜单（先上图后详解） 中继器菜单使用说明 三、与标签页的联动 左侧导航菜单联动上部标签页，联动之际自动跳转到相应页面，便签页支持删除，删除后页面自动回退到最近一次打开的页面。 ...
Axure商品展示栏滚动效果——中继器与动态面板结合
monica1_1的博客
07-11 4262
1、我们现在计划是弄四排，可以滚动下滑。所以我们先设置好滚动条效果，如下所示。 2、 将“中继器”拖入“State1动态面板”中，设置中继器布局如图所示。 3、设置商品列表的样式，如图所示 4、给“中继器”添加事件 5、给“中继器”添加内容，就可以了 效果展示： 你是技术宅么？那就加入我们吧！点击下方链接 或 扫描二维码 即可。 欢迎加...
axure中继器三级菜单
02-06
在Axure中，可以使用继承关系来创建三级菜单。以下是一种实现方式： 1. 创建一个主菜单组件，例如一个按钮或者文本链接。 2. 在主菜单组件上创建一个交互事件，例如鼠标点击事件。 3. 在交互事件中，创建一个动态面板，并将其设置为三级菜单的容器。 4. 在动态面板中，创建第一级菜单的组件，例如按钮或者文本链接。 5. 为第一级菜单组件创建交互事件，例如鼠标悬停事件。 6. 在交互事件中，创建一个动态面板，并将其设置为第二级菜单的容器。 7. 在第二级菜单的动态面板中，创建第二级菜单的组件。 8. 为第二级菜单组件创建交互事件，例如鼠标悬停事件。 9. 在交互事件中，创建一个动态面板，并将其设置为第三级菜单的容器。 10. 在第三级菜单的动态面板中，创建第三级菜单的组件。 通过这种方式，你可以实现一个具有三级菜单的继承关系。当用户点击或悬停在主菜单、第一级菜单或第二级菜单上时，相应的动态面板会显示出来，展示对应的子菜单选项。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值