Axure中中继器设置分页,实现上一页和下一页跳转,个人实践分享

先看效果


查看原型s8wdvg.axshare.com/%E5%88%86%E…

制作步骤:

  1. 打开Axure,在操作区拖入一个中继器元件;
  2. 设计中继器布局,填充数据;能用图片说明白的事情,就不用码字啰嗦了。如下图:

    在中继器中设置每个元件所对应的值

  3. 设置图片值的时候需要注意,点击default在下拉选项中选择值,然后设置对应的函数值;
  4. 设置分页,本案例中设置如下;设置好布局以后,勾选分页显示选项,设置每页项目数和起始页;

  5. 在页面上添加“页码”“上一页”和“下一页”元件,并设置正确的值;在中继器中设置“页码”元件的值为:[[Item.Repeater.pageIndex]]/[[Item.Repeater.pageCount]];选中上一页元件,在中继器—设置当前页面显示选项中设置“上一页”元件值为Previous,同样的方法设置“下一页”的值为next。


现在你已经完成了一个中继器分页作品,可以点击预览查看一下。


转载于:https://juejin.im/post/5a30cfab51882575cb7418b2

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值