Axure使用中继器绘制表格

目录

一、 功能分析

二、原型绘制

三、效果展示

---

相信大家在日常的原型绘制中 经常会绘制表格，有很多的同学会直接使用axure中自带的表格控件，对于应对日常交互性要求不高的原型绘制还是可以的，如果是做一些高保真的原型，要求对表格中的某条数据进行增删改查，axure自带的表格控件就不适用了。

今天主要是给大家介绍一下axure中的高级组件中继器，英文名是“Repeater”，翻译过来就是重复的元件的意思，从名字就可以看出来其使用场景了，应用于重复出现的部分，比如表格，举个例子给大家说明一下，以下是我从京东上找的一张图

从上边大家可以观察到，其每个商品的组成部分都是固定的

由于在这里不是详细的介绍中继器，所以就给大家举例设计一下这个页面整个的制作过程

一、 功能分析

通过观察可以了解到，其实这个列表中的每个元素的组成都是由以下组成部分组成的，直接使用中继器即可完成该功能的手机

二、原型绘制

1.推入中继器，并对默认的数据进行修改

 2.双击中继器点开编辑要被重复的单个模块内的内容，并为每个内容命名，目的是为了稍后方便赋值

 3.点击中继器，在属性中录入要展示的数据信息，这里要注意的是要与刚才录入的元素 

图片的话可以右键引入或导入图片

 4.点击编辑每项加载时的交互事件

①为每一项添加值的赋值，点击price，再点击fx

②点击插入变量或函数

③选择item.price

④依次点击其他三项，进行相关的赋值，重复①②③

三、效果展示

到此中继器简单的列表制作就绘制完成了， 看一下效果

 如果想更换样式，可以点击中继器后，选择样式进行修改