Axure9.0中继器-初识篇

前言

很多刚入门Axure的产品小伙伴,做原型一直停留在静态页面阶段:做列表只能一个个复制元件,修改数据需要逐个改文本,想要做搜索筛选、新增删除、分页表格完全无从下手。

其实解决以上所有痛点,只需要吃透Axure9.0中**中继器(Repeater)**这一个核心元件。

中继器是Axure的灵魂功能,相当于原型里的小型数据库,不用写一行代码,就能轻松实现动态数据列表、后台管理表格、商品卡片、消息列表、搜索筛选、数据分页等高频交互效果。

一、什么是Axure中继器?

1.1 官方定义

中继器是Axure内置的数据驱动型重复元件,由【数据集+页面模板+交互事件】三部分组成,用一套页面模板,循环渲染多条数据,实现页面内容自动刷新、动态变化。

1.2 通俗理解

把中继器理解成一个Excel表格

  • 数据集 = Excel单元格,存放所有原始数据(姓名、手机号、状态、时间等)
  • 内部模板 = 表格一行的样式,你只需要画好一行列表样式
  • 自动渲染 = 中继器自动根据数据集里的数据,可以批量复制数据也可以单独增加,数据变了,页面自动跟着变

1.3 什么时候必须用中继器?

只要页面存在重复元素+数据动态变化,一律优先使用中继器:

  • 后台管理系统:用户表格、订单列表、权限列表(筛选、删除、编辑、分页)
  • 移动端页面:消息列表、商品列表、收货地址列表
  • 常见交互:关键词搜索、下拉筛选、批量删除、新增表单数据

二、Axure9.0中继器三大核心结构

拖拽一个中继器到画布后,我们只需要掌握三大面板,就能完全掌控中继器,90%的新手看不懂中继器,就是分不清这三个模块。

2.1 数据集(Data)------数据源仓库

相当于数据库表单,支持新增列、删除列、批量录入数据,支持直接复制Excel表格一键粘贴导入,大幅提升填数据效率。

列名规范建议:统一英文命名,不要用中文,避免后续绑定数据报错,例如:name、phone、status、time

2.2 内部项(Item)------页面展示模板

双击中继器即可进入内部编辑页面,这里只需要绘制单行/单个卡片样式,不需要做多行。

所有重复的列表行、商品卡片,都是中继器自动复制这个模板生成的,模板改一行,全局所有列表样式同步修改。

2.3 交互面板(Interactions)------数据绑定与动态操作

核心两个必备事件:

  1. 每项加载时 :最常用!把数据集里面的数据,绑定到页面文本元件上,语法:\[Item.列名]
  1. 中继器专用动作:添加行、删除行、更新行、筛选、排序、分页
相关推荐
gsls20080817 小时前
Penpot Docker 部署与 MCP 服务配置文档
运维·docker·容器·原型·penpot
我命由我123456 天前
商圈六大配套
学习·职场和发展·求职招聘·职场发展·产品经理·学习方法·零售
我命由我123456 天前
房屋的户型:动静分离与干湿分离
学习·职场和发展·产品运营·求职招聘·职场发展·产品经理·学习方法
怕浪猫7 天前
第9章 能力迁移:内容类产品设计
产品经理·产品·资讯
MoSTChillax7 天前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding
rolt7 天前
[pdf]390道《软件方法》强化自测题业务建模需求分析共328页(202608更新)
产品经理·架构师·uml
领麦微红外8 天前
产品全览:,MEMS红外测温传感器如何用多系列覆盖实现场景闭环
产品经理·智能硬件
领麦微红外8 天前
W系列封装与接口设计:TO-46金属管壳和I²C数字接口如何融入中距测温的现有硬件架构
硬件架构·产品经理
我命由我1234510 天前
四流一致(合同流、业务流、资金流、发票流)
经验分享·学习·职场和发展·求职招聘·职场发展·产品经理·学习方法
北京晶数信息科技10 天前
成品油交易即开票原创一体化解决方案汇报(二)
大数据·人工智能·物联网·产品经理·需求分析