Axure RP
中继器可以保留数据,可以对数据进行增加、删除操作,还可以插入变量,进行更复杂的操作。
一、中继器基础功能讲解
1、中继器结构与原理详解
中继器这个元件,对很多人来说是个难点。
但实际上,只要理解它的结构和工作原理,使用起来非常简单。
首先,我们将中继器元件拖入画布,是下方这个样子。
看上去,这个元件由三个纵向排列的矩形组成。
这样的一个元件,怎么使用?
这里大家可以记住一句话:任何一个元件如果不会使用,先双击试试看。
当我们双击了中继器这个元件,在画布中,又打开了一个新的编辑区。
这个编辑区,是中继器内部内容的编辑区。
大家能够看到,在这个编辑区中,自带了一个矩形元件。
那么,这个矩形元件和我们刚才在页面中看到的中继器元件,有什么关联?
我们在这个编辑区中,我们把矩形随意挪动一下位置,并且再放入一个图片元件(或者其他元件),然后点画布上方的标签,切换回页面的编辑区。
这个时候,大家能够看到在页面中,之前的三个矩形矩形也移动了位置,并且新增了三个相同的图片元件。
看到这里,大家一定能够理解到,中继器内部的内容决定了页面中显示的内容。
不过,在页面中并不是一项内容,而是三项。
为什么在中继器中的一项内容,在页面中变成了三项?
这是由哪里控制的呢?
我们点中中继器这个元件,观察它的属性。
在它的属性中,有一个区域,好像表格。
这个区域叫“数据集”。
在这个区域中,大家能够看到,默认有一列三行的数据。
我给中继器的定义:中继器是一个重复列表项的元件。
如上图所示,默认情况下,中继器显示的列表项的数量与数据集中数据行的数量相一致。
所以,大家可以做一下尝试,在数据集中添加行或删除行的话,列表项也会相应的增加或减少。
另外,大家也能够注意到,中继器列表项的内容并不完全一样,上面显示的数字是不相同的。
不过,通过上图,大家也能够发现,列表项中矩形显示的数字,就是数据集中每一行“Column0
”这一列的列值。
那么,这个列值是怎么关联到矩形上的呢?
如果要改变矩形的文字,我们就要通过【设置文本】的动作,去设置这个元件的文字。
不过,在什么时候,如何去设置这个矩形的文字为不同的列值?