AXURE-可分页排序的中继器表格实例讲解

本文介绍了如何在Axure中使用中继器创建一个支持分页和排序功能的表格组件。通过图层分析、中继器数据准备、事件设置等步骤,详细讲解了实现过程,包括模拟数据的添加、每页显示数量的切换、排序事件等。文章提供原件下载,供读者实践操作。
摘要由CSDN通过智能技术生成

封面

hi,大家好,本期小组件为一个基于中继器的表格组件,支持分页,排序等操作,主要用到axure中继器的各个操作和属性。

中继器其实在实际原型设计中基本上用的并不多,主要是因为中继器能实现的表格操作都是研发熟知的常规操作,而且实现过于繁琐,由于中继器本身不是table元件,table的很多操作都不能使用。

这里为了整个连载的完整性,做了一个简单的基于中继器的表格组件。

具体动效如下:

​动画效果

实现方式

1、图层分析。

整个示例由表头(用矩形元件拼接而成)、中继器、分页栏(包含切换每页大小的下拉框,上一页下一页按钮,总页数以及当前页数组件),具体如下:

图层组成

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值