Axure RP 8软件中的高级元件---中继器,是一个存放数据的容器,中继器元件是由中继器数据中的数据项填充。中继器中的数据包含:文本、图片、页面链接。下面利用一个实例讲述中继器制作产品列表,最终的效果图如下:
工具/原料
1
Axure RP 8
2
浏览器
3
截图
方法/步骤
1
第一步:添加一个中继器,将其命名为“列表”(创建一个页面这个就不细数)。
2
第二步: 双击中继器“列表”,进入编辑区,按照产品的列表的布局,添加相应的元件,并给各个元件相应的命名
3
第三步: 设计产品在页面中的排版方式及每行显示个数。设置水平布局,每排2个,效果如图。
4
第四步:添加数据。选中中继器“列表”,设置“属性”,填充数据 (这一步也可以在添加中继器之后填充,第二步操作也可以)。
5
第五步:绑定数据。将第四步中数据和中继器编辑区的元件一一对应起来。这里特别说明:产品的图片和文本类(名称、价格)添加有所差异。给中继器添加用例“每项加载时”。
6
第七步:样式调整。我们看见此时的原型和效果图还是有差异,接下来在中继器的编辑器中编辑区调整产品价格样式为:红色,加粗,去表框就可以了。
注意事项
1
中继器中加添数据时,文本和图片有差异,文本直接双击鼠标输入;图片需要右键鼠标“导入图片”。
2
每个元件添加时,需要命名。