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

中继器是 Axure 中一个比较高阶的应用,它可以让我们在纯静态网页中模拟出类似带有后台数据交互的增删改查的效果。

一、中继器的基本使用方法:

整体流程分为三个步骤

☆创建中继器

我们先在 Axured画布中拖入一个中继器元件

双击中继器后的效果

打开之后,我们发现里面只有一个矩形,外面看到的是3个,里面的矩形是没有内容的,但是为什么外面看到的矩形却有数字,答案是中继器的"每项加载时"的事件中,对矩形设置了文本内容
还可以对中继器的样式进行设置,点击"样式"可以看到排版设置,中继器默认的是"垂直"布局

"垂直"布局

"水平"布局

总之根据项目需要进行排版设置

☆设置中继器数据(变量)

设置中继器的数据,如图在中继器的样式中填写即可,列名即为变量名

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

中继器中的每个单元格赋值

如:

二、案例分享

可以用中继器制作很多效果的交互设置,

常见的用法有

1、常见用法

表格合集(增、删、查、分页)、带图列表展示(Web端+移动端)、双向列选择、二级菜单、列表操作(拖动、编辑)、标签分类筛选、动态添加和删除"标签"、随机抽奖、投票、瀑布流列表、伸缩卡片、图片轮播、引导页、列表筛选、下拉多选、Tab切换效果、购物车、轮播图放大效果





2、图表制作

可以制作柱状图、条形图、堆叠图、散点图、漏斗图




获取案例地址:https://download.csdn.net/download/weixin_43516258/89270601

相关推荐
梓贤Vigo7 小时前
【Axure高保真原型】2级下钻条形图
交互·产品经理·axure·原型·中继器
梓贤Vigo13 小时前
【Axure高保真原型】PDF阅读器
交互·产品经理·axure·原型·中继器
梓贤Vigo14 小时前
【Axure视频教程】多选按钮控制元件显示和隐藏
交互·产品经理·axure·原型·中继器
招风的黑耳14 小时前
Axure设计之三级联动选择器教程(中继器)
axure·省市区选择
梓贤Vigo15 小时前
【Axure高保真原型】视频列表播放器
交互·产品经理·axure·原型·中继器
招风的黑耳15 小时前
Axure大屏可视化模板:赋能各行各业的数据展示与管理
axure·数据可视化·大屏模板
招风的黑耳4 天前
Axure设计之左右滚动组件教程(动态面板)
axure·元件库·左右滚动·滚动导航
结构化知识课堂5 天前
Axure中继器组合应用交互
产品经理·axure·中继器·多个中继器·中继器组合·高级交互
梓贤Vigo6 天前
【Axure原型分享】颜色选择器——填充颜色
交互·产品经理·axure·原型
梓贤Vigo7 天前
【Axure视频教程】中继器控制显示不同内容
交互·产品经理·axure·原型·中继器