中继器：制作商品列表

1.元件准备

2.拖入中继器

中继器（用于商品列表）：GoodsList
文本标签（显示商品名称）：GoodsName
文本标签（显示推荐人数）：GoodsRecommend
文本标签（显示商品销量）：GoodsSales
文本标签（显示商品价格）：GoodsPrice
图片（显示商品图片）：GoodsImage

3.把刚刚编辑的元件拖入到中继器里面


把矩形删除，调整到合适位置

注意：如果第1步是拖入中继器那么元件准备也可以在中继器中直接编辑。

4.输入数据

注意：Axure RP9不能像8.0版本那样直接粘贴从Excel等文件中复制的数据，这个是RP9的一个已知BUG。

在“GoodsImage”列中，点击<鼠标右键>,在菜单中选择【导入图片】，对应每行数据将图片导入到数据集中

5.在检视面板中，打开交互界面，在【每项加载时】事件中添加“用例1”,设置动作为【设置文本】“GoodsName”为【值】“[[Item.GoodsName]]”

“[[Item.GoodsName]]”可以直接输入，也可以通过点击【fx】图标，在弹出的编辑界面中，点击【插入变量或函数…】，然后，在打开的列表中选取，插入到值的输入框中；


6.继续上一步，【设置文本】“GoodsRecommend”为【值】“[[Item. GoodsRecommend]]人推荐”；

7.继续上一步，【设置文本】“GoodsPrice”为【值】“￥[[Item.GoodsPrice]]”；
8.继续上一步，【设置文本】“GoodsSales”为【值】“已售[[Item. GoodsSales]]份”；
9.继续上一步，【设置图片】“GoodsImage”为【值】“[[Item.GoodsImage]]”

10.在检视面板中，打开样式界面，设置{布局}为【水平】布局，并勾选【网格排布】，设置{每行项目数}为“2”；然后，设置{间距}为{行}“15”{列}“30”

完成！