【Axure 教程】中继器初学教程-页面切换

  本文首要疏解中继器的根本用法,以便专家更容易去解析和研习中继器的高级用法,初学教程会分为 6 个末节,本节首要疏解何如通过中继器火速制制翻页恶果

  

原型涌现:

  

所需原件:

   中继器 文本标签

本文首要疏解中继器的根本用法,以便专家更容易去解析和研习中继器的高级用法,初学教程会分为 6 个末节,本节首要疏解何如通过中继器火速制制翻页恶果

   一、列外制制

  

这里咱们直接援用课程 【Axure 教程】中继器初学教程-卡片制制 中制制的卡片列外,并修正构造【每行项数目】为【2】,如上图所示;

   二、翻页设立

  

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

   三、细节优化

末了,咱们盼望若是现在页面是第一页,则【上一页】操作禁用;若是现在页面是末了一页,则【下一页】操作禁用;

  

开始正在中继器载入时,若中继器现在页面为【1】,则禁用【上一页】,如上图;

  

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

  

末了正在点击【上一页】时,若 [[This.pageIndex]]==2 时,即现在页面为第二页时点击【上一页】,禁用【上一页】;

  

反之,正在其他情景下,设立“按钮”为【启用】状况;

  

更众实质,微信探求“爱学儿”,一块调换商量吧!

发表评论

表情:
验证码
评论列表 (暂无评论,502人围观)

还没有评论,来说两句吧...