【Axure】中继器及属性

小雲同学.

已于 2024-01-11 09:57:59 修改

阅读量2.4k

点赞数 64

文章标签： axure

于 2023-12-19 10:53:38 首次发布

本文链接：https://blog.csdn.net/2301_79278613/article/details/135074375

版权

一. 中继器的作用

中继器就是临时的数据库，在我们需要当前原型图存储和变更一些数据的时候会经常用到。

重复数据项：中继器可以重复生成相同的数据项，用户可以通过定义数据字段来填充每个数据项的内容。这样，用户可以快速创建大量相似的数据项，而无需手动复制和粘贴。
动态列表/表格：中继器可以将重复的数据项以列表或表格的形式展示出来，方便用户查看和比较不同的数据。用户可以自定义列表或表格的样式和布局，以满足不同的需求。
数据筛选和排序：中继器可以根据用户的需求进行数据筛选和排序。用户可以设置筛选条件，例如按照价格从低到高排序、只显示特定类别的产品等。这样，用户可以更方便地查找和比较数据。
数据编辑和删除：中继器可以允许用户对数据进行编辑和删除操作。用户可以通过添加编辑和删除按钮，实现对每个数据项的修改和删除。这样，用户可以模拟真实的数据操作流程。

二. 中继器的基本使用

2.1 认识中继器

点击中继器时可以看见右边有个表格 (表格的列尽量都用英文数字，不然会报错)

双击表格：可以编写数据，也可以导入数据

表格的图片设置：右键-->导入图片

双击中继器：进入到中继器的操作中，可以看到在原本的中继器是有一个矩形的

2.2 中继器的简单使用 (交互)

在中继器原有的矩形中进行操作

注意：要给每个元件取好名字，方便使用

操作：

1. 在样式中可以将布局由垂直-->水平模式

2. 进行交互：

给中继器添加 "每项加载时" 事件
给中继器中的元件设置内容

注意：对应图片的设置要特地选择设置图片

效果展示：

2.3 效果演示

操作详情：

三. 中继器的动作

中继器中的动作

3.1 增加

1. 添加了单击事件

2. 添加行的动作

3. 点击 “ fx ”

4. 定义局部变量，可以取名

5. 选择对应的文本框

6. 一定要记得使用局部变量

演示效果：

3.2 删除

1. 添加了单击事件

2. 删除行的动作

3. 删除已标记的行记录

复选框：

4. 添加选中时事件

5. 添加取消选中事件

中继器的设置：

进一步控制中继器的标记状态

全选的交互：

设置复选框的状态

3.3 修改

1. 添加单击事件

2. 添加更新行的动作

3. 修改已标记的行记录

4. 选择列把对应的列和值填写进去进行更新

3.4 页数的设置

单击时，设置当前页码，选择对应的选项

每页显示的数量：

1. 使用下拉列表

2. 当选项改变时，设置当前显示的项

四. 中继器的repeater属性

Repeater：中继器的对象
ItemCount：加载项数量
共搜索出[[LVAR1.itemCount]]条：共搜索出9条
visibleItemCount：中继器项目列表中可见项的数量
dataCount：获取中继器数据集中数据行的总数量
共[[LVAR1.dataCount]]条/本页显示[[LVAR1.visibleItemCount]]条：共144条/本页显示5条
pageCount：获取中继器分页的总数量，即能够获取分页后共有多少页
pageIndex：获取中继器项目列表当前显示内容的页码
第[[LVAR1.pageIndex]]页/共[[LVAR1.pageCount]]页：第1页/共29页

查询注意：

添加一个筛选属性，移除其他筛选

根据关键字进行查询，没有关键字就是负一

取出所有数据与关键字做对比，不为负一就被记录

五. 中继器的Item属性

注：中继器中的Item属性只能在中继器本身的交互中使用，第三方元件的交互动作无法使用

item：获取数据集第一行数据的集合，即数据行的对象；
item.列名：获取数据行中指定列的值；
index：获取数据行的索引编号，编号起始为1，由上至下每行递增1；
isFirst：判断数据行是否为第1行；
isLast：判断数据行是否为最末行；
isEven：判断数据行是否为偶数行；
isOdd：判断数据行是否为奇数行；
isMarked：判断数据行是否为被标记；
isVisible：判断数据行是否为可见行；
[[target.text]][[Item.xueke]]：[[target.text]]是获取矩形元件原有的值