当前位置:优草派 > 问答 > 视觉设计问答

axure用中继器切换页面?

标签: 视觉设计  axure  作者: 李冰琪

回答:

一、列表制作

二、翻页设置

拖入两个文本标签,编辑为【上一页】和【下一页】,并创建交互:【点击时】分别设置当前显示页面为【上一项】和【下一项】,如上图所示;预览即可查看卡片的翻页效果;

三、细节优化

如果我们希望如果当前页面是第一页,则【上一页】操作禁用;如果当前页面是最后一页,则【下一页】操作禁用;

首先在中继器载入时,若中继器当前页面为【1】,则禁用【上一页】。

然后在点击【下一页】时,若 [[This.pageIndex]]==[[This.pageCount-1]] 时,即当前页面为倒数第二页时点击【下一页】,禁用【下一页】;

最后在点击【上一页】时,若 [[This.pageIndex]]==2 时,即当前页面为第二页时点击【上一页】,禁用【上一页】;

反之,在其他情况下,设置“按钮”为【启用】状态。

TOP 10
  • 周排行
  • 月排行