Axure RP中文网站 > 新手入门 > Axure RP中继器怎么用 Axure RP中继器能分页吗
Axure RP中继器怎么用 Axure RP中继器能分页吗
发布时间:2026/02/08 14:11:44

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure rp 9

Axure RP的中继器组件是个很实用的功能,可以轻松实现动态数据展示,特别适合用来做高保真原型。当数据量比较大时,还能开启分页功能,这样浏览起来会更流畅,操作体验也更好。下面就为大家介绍Axure RP中继器怎么用,Axure RP中继器能分页吗的相关内容。

一、Axure RP中继器怎么用

中继器是Axure中一个非常强大的组件,属于这款软件的高级使用内容。主要功能是用来动态展示重复性内容,比如商品卡片、表格等等。它就像一个可控制的数据模板,可以通过编辑数据源、交互逻辑来实现多样化展示。我们可以用以下的五个步骤来使用中继器。

1、置入中继器。在左侧的默认元件库中找到中继器,拖拽进入画布中。可以看到画布中出现三个竖向排列的矩形,并且有闪电的标识符号,表示中继器上带有交互事件。这是中继器特有的,默认情况下就带有一个交互事件。在右侧的交互面板中可以看到这个事件是每项加载时设置矩形的文本。中继器的置入方式和普通的元件是一样的,不一样的是,我们对中继器的使用不是直接对它进行操作,需要双击进入它的编辑模式中。

置入中继器
图1:置入中继器

2、设计模板内容。进入中继器的编辑模式后,可以看到默认有一个矩形。建议先不要删除这个矩形,它可以用来定位空间,矩形所在的左上角,相当于是编辑模式下这个画布的圆点位置。我们可以简单地把中继器的编辑画布理解为一个模板,在这里准备了什么材料,待会就会按照这个样式进行复制。例如图2中,我们用文本标签元件打上文章标题的字样。

编辑模式
图2:编辑模式

关闭编辑模式后,可以看到这个模板重复出现了三次。

重复出现
图3:重复出现

3、设置中继器数据。在理解中继器的时候,可以把它拆分为两个部分,一个部分是外观,也就是它的编辑模式里决定的,一个部分是数据,是由样式里的表格决定的。

数据表
图4:数据表

我们可以自定义表格里的数据项,比如把第0列的1、2、3改为图5中的对应内容。操作方法和使用excel表格是一样的。

填充数据
图5:填充数据

4、绑定数据到中继器。如果仔细观察的话,会发现在画布文章标题下有遮挡的文字,文字内容其实是我们打在表格里的内容,它会实时更新。为什么会这样呢。这是因为中继器上默认带的交互事件导致的。

我们来解析这个事件。这个事件能够达到的是当中继器开始加载后,遍历整个数据表,从第一行开始执行,对每一行的数据进行设置文本动作。Item.Column0中的Item指的是数据集,Column0是第0列,将取得的数据写入矩形中。因此我们看到的被遮挡的文字就是写在矩形上的表格内容。我们接下来的目标是要让表格里的文章标题在文章标题这个标签的位置正确出现。那我们只要改写这个交互事件就可以。

交互设置
图6:交互设置

我们只需要改变数据的填充目标对象即可,改为文章标题这个文本标签元件,就可以看到每一个矩形上填充的文字不一样了。

重新设置
图7:重新设置

5、预览效果。在本地画布看中继器,会有黄色的标识遮挡,我们点击右上角进入预览模式看,就是正常的显示了。

预览
图8:预览

二、Axure RP中继器能分页吗

是的,Axure 的中继器是可以实现分页效果的。要实现分页的话,需要在中继器的数据量足够大的情况下。我们可以用以下的五个步骤实现分页。

1、中继器基础设定。在样式中找到分页类目,勾选多页显示,填写每页项数量,例如图9中填5项,起始页为1。

基础设定
图9:基础设定

2、准备数据。能够翻页的前提是中继器的数据集行数要大于5,才有第二页的内容能够翻。中继器默认创建了3行,点击添加行可以创建更多的行。填充完会发现,超过第5行的数据在画布里显示不出来。

准备数据
图10:准备数据

3、制作页码。往画布中拖拽矩形元件,打上文字1,用来做第一页的页码标签,再复制一个,把数字改为2,作为第二页的页码标签。

4、设置交互。我们通过交互事件设置让中继器在点击页码的时候显示对应页里的内容。选中页码1的矩形,使用单击时的触发事件,找到设置当前显示页面的动作,让页面等于1。对于页码2的矩形,设置是一样的,只是把value的值改为2即可。

设置交互
图11:设置交互

5、预览测试。点击预览可以看到默认情况显示的是第一页的内容,点击2之后,能够切换为新的内容。

预览切换
图12:预览切换

以上就是Axure RP中继器怎么用,Axure RP中继器能分页吗的相关内容。学会用中继器这个功能,我们就能做出更专业的数据交互效果,让原型动起来更真实。加上分页设置后,大数据的展示也会变得井井有条,用户测试时体验自然就上去了。

135 2431 0251