欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure怎么制作中继器设置翻页效果?

程序员文章站 2022-04-26 21:57:07
axure怎么制作中继器设置翻页效果?...

axure中虽然支持表格,但是表格用起来却很繁琐麻烦,相比较而言,axure中的中继器,则显得简单易用很多

1、在页面中添加中继器

axure怎么制作中继器设置翻页效果?

2、双击中继器,将中继器的样式调整为如图所示,中继器数据集也稍作调整

axure怎么制作中继器设置翻页效果?

axure怎么制作中继器设置翻页效果?

3、在中继器项目交互中添加时间,每项加载时对表格中的值进行设置

axure怎么制作中继器设置翻页效果?

4、在中继器  格式中选择分页,将分页做好如图的设置即可

axure怎么制作中继器设置翻页效果?

5、返回页面1,此时该中继器仅可显示三条记录

axure怎么制作中继器设置翻页效果?

6、新增两个按钮,“上一页”,“下一页”,分别添加点击事件

axure怎么制作中继器设置翻页效果?

7、加载后,点击下一页可使中继器显示数据为4,5,6列的数据;点击上一页,可使中继器显示数据为1,2,3列的数据

axure怎么制作中继器设置翻页效果?

注意事项:

1、我这里只是做了一个最简单的翻页,若数据为三页及以上,需要添加条件判断以及局部变量或者全局变量来协助跳转。

2、我理解axure仅是一个辅助开发的工具,即便再高保真原型,也没必要做的太麻烦了,增加工作量且影响项目进度,所以我的原型一般翻页都只做两页,简单快捷,还比较容易看出效果。