Axure中继器（1）实用交互灵活使用教程

中继器是Axure的高级组件，可以实现非常多的“数据交互”效果，因为它做起来相对复杂一些，导致很多同学虽然使用Axure多年，但仍然不会使用它，下面就给大家带来Axure中继器实用交互是灵活使用方法：

开始原型设计

1、准备材料

• 首先，打开我们万能的Axure软件，在画板上创建一个中继器，并命名为shopping；双击中继器进入其内部，并删除内部已存在附带的矩形框。
• 在页面里创建6个100*40的矩形框，依次排列（边框重合）在一行，并分别命名为brand、name、style、memory、video、price；

首先需要复制Excel的数据，接着按照下图所示，左键点击“1”的位置按Ctrl+v进行复制操作（注意是点击一次，而不是双击！不是把数据复制在1的文本框内，而是以1作为复制数据的原点），然后你就能发现中继器中的数据出现了（鹅妹zing）！

接着需要修改数据列名称，6种数据和6列名称一一对应好。

最后设置中继器的每项加载时动作为：设置文字到中继器中

这里有个小窍门：先勾选第一个需要设置文字的，输入好相应的[[item.xxxx]]，然后再勾选第二个需要设置文字的，这时你会发现文本值自动呈现出来。

还有一点：左键双击[[item.xxxx]]的xxxx内容部分，即可直接修改定义名。

 点击中继器的样式一栏，选择多页展示，每页项目数为8，起始页为1；

中继器数据展示图

2、进入正题

• 在中继器外部的下面创建两个无边框无背景的矩形框，尺寸为100*40，分别命名为“页码”和“数据数”；
• 然后设置中继器每项加载时的动作增添设置文字于“页码”矩形框，值为“页码：[[lvar1.pageindex]] / [[lvar1.pagecount]]” , 还需要设置Fx为lvar1=元件 this

其中函数pageindex的含义为当前页数，pagecount为总页数。

 接着需要在上述同样的条件下，设置文字于“数据数”矩形框，值为“数据：[[lvar1.itemcount]]”，同样需要设置Fx；

创建两个按钮，分别命名为“上一页”和“下一页”。设置点击按钮的动作分别为设置中继器当前显示页面为previous和next；

再在中继器内部创建一个矩形框，矩形框100*40大小，内部加上一个“删除”按钮，设置删除按钮的鼠标点击的动作为：删除中继器当前目标行。

最后在中继器外面的顶部创建每列数据的名称。

之后就可以点击F5进行浏览了。

该教程主要是关于中继器实用教学第一部分的内容

以上就是Axure中继器（1）实用交互是灵活使用方法的全部内容介绍了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。