懒惰的我终于、终于鼓起莫大的勇气克服昏昏欲睡的赶脚，又来更新了。今天更新内容——中继器，Axure中最强大的元件之一。我们先来看看中继器动作有哪些：中继器动作列表

可以看出中继器的动作都是处理数据的，所以中继器有存储数据并对其进行处理的能力，不过除了初始化的数据(在设计时就编入中继器中的数据)，在交互过程中产生的数据，关闭原型时就会被抹去。

中继器原理简介

来来，宝宝们，我们现在拖入一个中继器元件，这个时候，可以看到在交互界面，系统自动就创建了一个事件——每项加载:拖入中继器元件

这是因为中继器中展示的是其数据表单中的内容，如果不设置每项加载事件，就会导致中继器中没有内容展示。系统默认给中继器数据一个字段“Column0”，其包含3个数据：1、2、3。这个“数据”在样式中查看和编辑。中继器数据设置

所谓每项加载，就是指先检查数据中有几项(简单粗暴点理解就是几行)，然后将这些项加载到中继器中对应的元件中，加载完一项，再将元件复制一次再加载下一项。这里就有宝宝要懵了，什么复制元件？

对，简单的理解就是复制元件，我们双击中继器，进入中继器编辑状态：中继器编辑状态

看，中继器中其实只有一个矩形元件，那为什么我们看到的是3个矩形呢？那是因为有3项数据，每一项数据都要放在一个矩形中，所以矩形被复制了2次，才放下3项数据。

那为什么是竖着(垂直)复制，而不横着(水平)复制呢？

其实都可以，系统默认是竖着，是可配置的。在中继器样式中有布局设置，除了垂直和水平。还能网格排版，网格排布与垂直和水平选项一起作用，网格排布需要设置每列项数量，当一列(垂直时)或一行(水平时)超过每列项数量，就新开始一列或一行。中继器布局

为了方便理解，我们以员工信息录入与查询来做一个简单的数据系统，接下来就跟着我一起来做吧：

中继器初始化

对中继器写入字段、初始数据、设计样式，这些操作，我称之为中继器的初始化(不知道别的地方是不是这样叫哈)。

首先，我们设计一个数据系统界面：数据系统界面

提示1：输入框中设置提示文本(工具提示，是指鼠标移动到元件上时浮框展示文本)；设置提示文本

提示2：中继器数据可以用excel表编辑好后，复制粘贴进去，复制粘贴时不要使数据表单中任何一个单元格处于输入状态；

提示3：我这里放入了50项数据，数据过多需使用样式中的分页设置；

提示4：为了让中继器中的表格背景颜色呈现交替展示，可以在背景中设置交替颜色，注意一定要将中继器中的元件填充色设置为透明；中继器样式设置

提示5：中继器数据表单的字段命名必须用英文；字段命名

初始化最后一步，让数据表单中的数据展示在中继器中，操作方式为每项加载事件中进行文本设置。

在设置值的时候，点fx使用插入变量或函数，然后选择中继器/数据集下“Item.对应的字段名”：设置文本值设置多个相同动作

完成设置后：中继器数据展示

接下来，我们开始设计交互，以下内容，并不按照中继器动作列表的顺序来，请注意哦！

设置当前显示页面

这个功能在网页中比较常见，可以对中继器进行翻页，我们这里有3个地方需要用到：

上一页、下一页、转跳至N页。

将中继器命名为“员工信息表”，选中上一页设置单击时事件。页面处选择Previous，同理，下一页则选择Next，设计完成后可以预览看看效果：上一页

然后设置转跳功能。

转跳功能我这里设置相对复杂一点，先来整理以下设计思维：转跳页输入框一定要有值，且大于0，小于或等于中继器的页数；

设置数值后转调至相应界面；

如果转跳页输入框中的值小于等于0，或者大于中继器的页数，则提示输入非法。

这三条，在一个事件中就完成了。第一点、第三点作为条件，第二点表示需要一个文本改变时事件来完成，那么选中转跳页数文本框，设置文本改变时事件：文本改变时

这里的页面选择Value代表值，当文本改变时，将中继器页面转调至与转跳页数文本框中的值相等的页面。

所以这里的Value页码应该由转跳页数文本框中的值来决定，设置方式为，点击fx，添加一个局部变量(命名为page_num，也可以不命名，系统会自动给一个命名LVAR1)，然后在插入变量或函数中选择这个局部变量：设置页码变量

宝宝们应该发现了，我在设置当前显示页面前还加了个等待的动作。为什么要这样做了，因为文本改变非常快，比如输入20，刚刚输入2后，系统就接受到了文本改变的命令开始执行动作了，所以这里加一个等待，输入值后等待一下看看是不是输完整了：添加等待动作

条件中的设置出现了一个[[LVAR1.pageCount]]，这是什么意思呢？也是在条件中使用了局部变量和函数，在设置条件时，选择fx，创建局部变量LVAR1代表中继器元件：创建局部变量

再创建基于这个局部变量的函数：创建函数

pageCount的意思是中继器的页数。而局部变量LVAR1用来指明哪个是这个函数作用的中继器。

再来设置第3点：如果转跳页输入框中的值小于等于0，或者大于中继器的页数，则提示输入非法：非法输入提示

“其它”这个动作，其实就是系统弹框。

在情形3之前，我添加了一个情形2却没有设置任何的动作，代表的是当输入值为空时，不执行任何动作。

到此就设置完成了，预览看看吧！

设置每页项目数量

这也是常见的功能，就是设置中继器一页可以展示的最多行数，一般都是用个下拉框来进行选择设置，则当下拉框的选项改变时，中继器一页最多展示行数为下拉框选项的值：设置每页项目数量的下拉框

选中下拉框进行事件设置：设置每页项目数量设置局部变量

设置好后，预览会发现一个问题：当页面项目数改变了，下面的“上一页”“下一页”等这些按键位置却没有变，当一页项目数变多就会盖住它们或者被它们盖住。那怎么办呢？这里介绍给大家一个简单粗暴的解决方法，用神器——动态面板：

选中中继器右键点击，将中继器转换为动态面板，右击动态面板确保选中自适应内容：中继器转换为动态面板

再将下面要移动的元件全部打包创建一个组，命名为：页面设置组。

然后对动态面板创建一个事件——尺寸改变时：动态面板事件

直接选择元件中函数就可以啦，This代表的是当前元件。This.left代表的当前元件的左侧，This.bottom则代表底部，因为页面设置组与中继器底部有30px的距离，所以这里再加上30，注意一定要放在[[ ]]中。设置函数

预览一下效果，非常棒棒哒！

其实中继器页有个事件叫列表尺寸改变，这个事件呢，嗯，我就没用过，哈哈哈哈，明确告诉大家在以上例子中用这个事件不好使！！！中继器事件

本宝宝是实用主义者，这个玩意儿就没去研究它了，后面有机缘研究过再跟大家介绍哈！

哎，累了，休息休息，今天就到这里啦……嘿嘿，就是这么懒惰与任性!

本教程所讲示例下载：链接：文件分享