Axure RP 中继器增加删除数据 中继器总结系列(一)

本文详细介绍了Axure RP中继器的基础功能和工作原理,包括中继器的结构、数据集、交互设置以及样式调整。此外,还展示了如何设置中继器防止重复添加数据,确保在添加新数据时,通过验证避免id的重复,实现有效的列表管理。
摘要由CSDN通过智能技术生成

Axure RP 中继器可以保留数据,可以对数据进行增加、删除操作,还可以插入变量,进行更复杂的操作。

 

一、中继器基础功能讲解

1、中继器结构与原理详解

中继器这个元件,对很多人来说是个难点。

但实际上,只要理解它的结构和工作原理,使用起来非常简单。

首先,我们将中继器元件拖入画布,是下方这个样子。

 

看上去,这个元件由三个纵向排列的矩形组成。

这样的一个元件,怎么使用?

这里大家可以记住一句话:任何一个元件如果不会使用,先双击试试看。

当我们双击了中继器这个元件,在画布中,又打开了一个新的编辑区。

这个编辑区,是中继器内部内容的编辑区。

 

大家能够看到,在这个编辑区中,自带了一个矩形元件。

那么,这个矩形元件和我们刚才在页面中看到的中继器元件,有什么关联?

我们在这个编辑区中,我们把矩形随意挪动一下位置,并且再放入一个图片元件(或者其他元件),然后点画布上方的标签,切换回页面的编辑区。

 

这个时候,大家能够看到在页面中,之前的三个矩形矩形也移动了位置,并且新增了三个相同的图片元件。

看到这里,大家一定能够理解到,中继器内部的内容决定了页面中显示的内容。

不过,在页面中并不是一项内容,而是三项。

为什么在中继器中的一项内容,在页面中变成了三项?

这是由哪里控制的呢?

我们点中中继器这个元件,观察它的属性。

在它的属性中,有一个区域,好像表格。

这个区域叫“数据集”。

在这个区域中,大家能够看到,默认有一列三行的数据。

 

我给中继器的定义:中继器是一个重复列表项的元件。

如上图所示,默认情况下,中继器显示的列表项的数量与数据集中数据行的数量相一致。

所以,大家可以做一下尝试,在数据集中添加行或删除行的话,列表项也会相应的增加或减少。

另外,大家也能够注意到,中继器列表项的内容并不完全一样,上面显示的数字是不相同的。

不过,通过上图,大家也能够发现,列表项中矩形显示的数字,就是数据集中每一行“Column0这一列的列值。

那么,这个列值是怎么关联到矩形上的呢?

如果要改变矩形的文字,我们就要通过【设置文本】的动作,去设置这个元件的文字。

不过,在什么时候,如何去设置这个矩形的文字为不同的列值?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值