Axure:使用中继器(Repeater)制作表格

本文介绍了如何使用Axure的中继器(Repeater)组件来制作表格。步骤包括创建底层矩形、设定表头和水平线,然后详细讲解了中继器的布局设置,如添加数据、绑定表格列以及将中继器转换为动态面板并设置滚动条,最终实现动态表格的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

效果图:


步骤:1、底层矩形


使用数值调整宽高;Fill无填充颜色;Border有边框:第一种直线,选择边框颜色#CCCCCC

2、表头和水平线


使用表格(Table)作表头,表格宽度略小于底层矩形,Border无边框


水平线隔开表头和表格内容,Fill选择和底层边框同样填充颜色

3、中继器

(1)布局容器


拖动出Repeater,双击进入具体页面


(这里相当于布置容器)用一个矩形作为底框,复制四个小矩形代表表格共有四列,重命名标识

选中矩形宽度略小于整体表格宽度,无边框,无填充颜色

(2)添加数据


(右侧Repeater控件内填写数据)



在repeater参数填写表格数据,添加关联,更改value值,将Repeater容器和数据每列绑定


在参数ItemBackground可以设置隔一行背景颜色

(3)将repeater转变为动态面板


转成动态面板以后右键设置滚动条


预览



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值