---

大家好，我是大明同学。

中继器在Axure中一直是个比较重要也比较难的元件，我大概会分几期来学习。

这期内容，我们来了解一下怎么用Axure中继器创建图表。

预览地址：https://qsyz49.axshare.com

创建数据表

1.打开一个RP 文件

2.在画布设置一个页面名称，也可以用于辅助参考控制图表的大小。

3.参考页面名称，制作一个表头，表头单元格格式，宽值 为 100 高 值 为 45，排版 Arial Black 字号13 向左靠齐，填充颜色 灰色 （#F2F2F2），线宽 0 边距 左侧 30

表头相关字段可结合实际业务输出，里面还有复选框，排序元件，这部分内容后续会展开讲。

4.在元件库中拖入中继器元件。

根据表头设计中继器内部单元格的数量和样式，双击中继器容器，选中中继器内部矩形框，宽值根据实际业务调整 高 设为40，线段颜色为浅白色（#F2F2F2）线宽 值 为1，基于表头宽度调整对齐。

5.双击中继器，给中继器内部单元格命名。

操作单元格中一般是按钮操作项，可以在元件库中拖入文本框，输入相关操作名称，并给操作名称字体添加颜色，蓝色（#0052D9）便于区分

除此之外，还可以在交互窗格中给操作按钮添加鼠标悬停交互效果。

依次设计操作按钮

6.双击中继器，在交互窗格 数据表格中 给中继器赋值。

*数据表格中的表头只能用英文字母或者拼音缩写命名，不支持中文 否则 无法赋值

表格内容可以提前用EXCEL表格准备

复制EXCEL表格中的内容，粘贴到中继器数据表格中。

选中中继器元件，在交互窗格中给中继器命名。

给对应的字段赋值，在交互窗格 点击新建交互，每项加载时 设置文本，目标 中继器 书籍ID 设置为 文本 插入变量或函数，[[Item.bianhao]]

添加目标，中继器 书籍名称 设置为 文本 插入变量或函数，[[Item.name]]

依次给其他字段赋值

做一下局部的微调，就可以预览效果了。

预览地址：https://qsyz49.axshare.com

好的，这期内容到这里就结束了。

跟着做的同学可以将文件保存。

我是大明同学。

下期见。