【案例分享 | 旅游出行app】用Axure制作中继器列表（最详细）

哈喽，大家好！今天给大家介绍如何使用Axure的中继器元件，制作手机端列表。

【案例预览地址含下载】电脑打开链接：https://bk0b69.axshare.com

【完整案例作品预览含下载】：https://fx2z9z.axshare.com

一、案例介绍

【视频教程】：哔哩哔哩视频

【效果预览】

二、案例步骤

中继器介绍：中继器就像数据库是用于存储数据的，在中继器里面设置的元件样式和交互，只需要设置一次就可以了。

首先我们从元件库中拖拉一个“中继器”元件，双击进入到“中继器”中，拖入图片元件、文本标签元件。图片和文本标签分别名为“图片”和“标题”。再放入一个头像、文本标签名字。

在中继器中增加二列，分别命名为“tupian”、“biaoti”

然后，给中继器添加“每项载入时”的交互事件，添加动作“设置图片”，选中“图片”元件，值设置为[[Item.tupian]]；

接下来，添加动作“设置文本“，选中“标题”元件，值设置为”[[Item.biaoti]]

接下来，在中继器中的列中依次导入图片和文字，列表有多少个就导入多少行的数据。

然后，调整中继器的样式，布局设置为“垂直”，间距行设置为“15”。

这里我们就创建完成了，我们预览看下效果，可以看到效果已经实现了。

以上就是本次教程的全部内容，那我们下一个视频再见啦！