axure之中继器学习以及一些原件属性的使用

这一周我学习了中继器的基本使用以及了解了一些原件属性的使用方法。

首先介绍中继器。

中继器我大致分为三个方面进行的学习。

●中继器的基本结构组成。

●中继器如何添加修改与删除数据。

●中继器数据的筛选、排列与分页以及设置每页项目数量。

一：中继器的基本结构组成。

通过一个例子来了解中继器的基本构成。其实就是做一个我们常见的评论区的一个布局。

先上图。

首先做中间那个楼层结构。

先拖入一个新的中继器，点击，进入另一个页面（这点跟动态面板很像），然后在上面加上三个lable,就像这样：

然后在整个页面的下方添加对应的项目行。与刚才写的label一一对应。

然后依次填入相应的内容，如果想加载图片，右键，选择导入图片即可，然后再调整下中继器样式设置中的布局即可，这里我们需要垂直布局，点击垂直即可，另外，还可以调整每个评论区块间的距离，可以在样式设置中的填充处进行更改。

然后再通过添加动作把数据集中的数据加载到评论框里，不过这里要注意下如何设置，首先要把默认处设置为值，然后插入变量[[item.XX]]xx就是你所要加载的数据。

基本设置差不多就完成了。

二：中继器如何添加修改与删除数据。

首先，先添加删除操作。

用矩形做一个红色的窗口关闭按钮。

然后添加动作，在数据集一栏处找到删除行这一操作，进行选择和设置，选定this即可。

再设置一个评论窗口，要求与评论楼层里的各个元素一致，即：要包括时间、头像、回复框、昵称等。

设置好后，在来设置添加评论操作。添加行与删除行操作类似。

也是先在数据集一栏处找到添加行一项，然后勾选中继器，再在下方找到添加行这一按钮，并点击设置

然后把需要添加的元素加载到这一框框中，注意利用局部变量进行加载。

最后是如何修改（编辑）数据了

方法与添加评论类似，也是设置一个元素与评论楼层相同的评论框，然后（如图）：

注意要先取消全部标记行，在标记当前行。

三：中继器数据的筛选、排列与分页以及设置每页项目数量。

首先，先设置一个类似Excel表格的一个中继器，其中包含身高、体重等七项信息。设置方法上文已提到过。

先说如何设置每页项目数量以及如何分页。

先到中继器一栏中找打设置每页项目数量，然后点击，在下方即可设置，如何想有 多个项目数量的设置，可利用局部变量来做。

其实还剩下的数据的筛选、排列也与该操作类似，也是在中继器一栏下找到该项目条，然后进行数据设置，不过需要注意的是，基本上这些数据设置都需要用到局部变量进行设置，所以剩下的两个设置我就不一一敖述了。