先看效果
:
制作步骤:
- 打开Axure,在操作区拖入一个中继器元件;
- 设计中继器布局,填充数据;能用图片说明白的事情,就不用码字啰嗦了。如下图:
在中继器中设置每个元件所对应的值
- 设置图片值的时候需要注意,点击default在下拉选项中选择值,然后设置对应的函数值;
设置分页,本案例中设置如下;设置好布局以后,勾选分页显示选项,设置每页项目数和起始页;
在页面上添加“页码”“上一页”和“下一页”元件,并设置正确的值;在中继器中设置“页码”元件的值为:[[Item.Repeater.pageIndex]]/[[Item.Repeater.pageCount]];选中上一页元件,在中继器—设置当前页面显示选项中设置“上一页”元件值为Previous,同样的方法设置“下一页”的值为next。
现在你已经完成了一个中继器分页作品,可以点击预览查看一下。