Axure中继器的使用(一)

Axure中继器的使用(一)_第1张图片

Axure中继器的作用

中继器的英文叫做"Repeater"表示重复的意思,其实中继器有个数据集的概念,所谓的数据集就是这个中继器所要处理的数据源,这种数据集是以行列格式的,有点像表格。

数据集有两种情况,一种是我们初始化的数据,另外一种是动态添加的数据。有了数据之后交给中继器去处理,它里面有个页面模版,

1.将数据集中的每一项数据绑定到页面模版当中的对应元件中。

2.在数据源中有多少项数据,就会重复生成多个页面模版当中的内容。

这就是这个元件大概的工作原理。

Axure中继器的使用

我们点击中继器,可以看到右边有个表格

Axure中继器的使用(一)_第2张图片

 我们双击编辑和右击新增一下这个表格

Axure中继器的使用(一)_第3张图片Axure中继器的使用(一)_第4张图片 

Axure中继器的使用(一)_第5张图片

 双击中继器

Axure中继器的使用(一)_第6张图片

 双击后我们看到一个文本框,我们多复制几个出来

选中这个文本框,分别给这几个文本框进行命名为id, name, dept

Axure中继器的使用(一)_第7张图片

Axure中继器的使用(一)_第8张图片

Axure中继器的使用(一)_第9张图片

 这个中继器在加载每项数据的时候,会把数据表中的数据加载到元件中。我们关闭模版去绑定数据

 点击交换,我们看到有默认事件,我们双击这个默认事件。Axure中继器的使用(一)_第10张图片

 显示如下

这个TARGET就是我们在模版中命名的元件id,

SET TO 就是数据形式,

VALUE 点击后面的fx可以弹框表达式窗口

Axure中继器的使用(一)_第11张图片

表达式窗口

item表示中继器数据集中的每项数据,我们可以理解为每一行。所以我们能看到列表里面的1234.

 我们再接着添加name和dept的设置,

Axure中继器的使用(一)_第12张图片

Axure中继器的使用(一)_第13张图片

Axure中继器的使用(一)_第14张图片

这样通过数据加载是,我们已经可以将数据绑定到页面模版中了 ,并且这个数据显示多少列取决于数据集有多少列。

你可能感兴趣的:(Axure原型设计,Axure)