Axure中继器介绍以及案例分享

中继器是 Axure 中一个比较高阶的应用,它可以让我们在纯静态网页中模拟出类似带有后台数据交互的增删改查的效果。
一、中继器的基本使用方法:
整体流程分为三个步骤

☆创建中继器
我们先在 Axured画布中拖入一个中继器元件
在这里插入图片描述
双击中继器后的效果
在这里插入图片描述
打开之后,我们发现里面只有一个矩形,外面看到的是3个,里面的矩形是没有内容的,但是为什么外面看到的矩形却有数字,答案是中继器的“每项加载时”的事件中,对矩形设置了文本内容
在这里插入图片描述还可以对中继器的样式进行设置,点击“样式”可以看到排版设置,中继器默认的是“垂直”布局
“垂直”布局
在这里插入图片描述
“水平"布局
在这里插入图片描述
总之根据项目需要进行排版设置

☆设置中继器数据(变量)
设置中继器的数据,如图在中继器的样式中填写即可,列名即为变量名
在这里插入图片描述

☆个对象分别引用数据变量,引用方式[[Item.varName]]

中继器中的每个单元格赋值
如:
在这里插入图片描述
二、案例分享
可以用中继器制作很多效果的交互设置,
常见的用法有

1、常见用法

表格合集(增、删、查、分页)、带图列表展示(Web端+移动端)、双向列选择、二级菜单、列表操作(拖动、编辑)、标签分类筛选、动态添加和删除“标签”、随机抽奖、投票、瀑布流列表、伸缩卡片、图片轮播、引导页、列表筛选、下拉多选、Tab切换效果、购物车、轮播图放大效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2、图表制作
可以制作柱状图、条形图、堆叠图、散点图、漏斗图
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
获取案例地址:https://download.csdn.net/download/weixin_43516258/89270601

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Andy&lin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值