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、time2.2 内部项Item——页面展示模板双击中继器即可进入内部编辑页面这里只需要绘制单行/单个卡片样式不需要做多行。所有重复的列表行、商品卡片都是中继器自动复制这个模板生成的模板改一行全局所有列表样式同步修改。2.3 交互面板Interactions——数据绑定与动态操作核心两个必备事件每项加载时最常用把数据集里面的数据绑定到页面文本元件上语法[[Item.列名]]中继器专用动作添加行、删除行、更新行、筛选、排序、分页