【Axure10】 交互功能-交互动作-中继器动作

Posted 2023-04-15

参考技术A 首先中继器本身就是一个存储数据的整体集合。通常我们可以借助中继器动作对数据进行增删改查的操作。

为中继器添加排序方式，进行排序。

选择对应添加排序的中继器。在选择下拉菜单中会自动加载页面中所有的中继器元件。

中继器中数据按照一列为一类数据，每次在添加排序时需选择指定的数据列。

目前支持的排列类型有以下几种。

创建当前排序的时候，移除其它所有排序。

删除当前设置的排序

保存当前设置的排序

移除排序需选择需要移除排序的中继器，支持移除当前中继器的全部排序或指定排序。

对数据进行筛选操作，筛选后，对应的数据只展示符合筛选条件的数据。

选择对应添加过滤（筛选）的中继器。在选择下拉菜单中会自动加载页面中所有的中继器元件。

创建过滤（筛选）时，移除其它过滤（筛选）选项，只保留当前选项。

在这里不进行勾选可以进行多重过滤（筛选）。

移除过滤（筛选）需选择需要移除过滤（筛选）的中继器，支持移除当前中继器的全部过滤（筛选）或指定过滤（筛选）。

在翻页中，设置当前展示页面处于对应的界面。借助设置当前页面可以制作数据翻页。

设置每页展示的数据行数。此处设置展示行数可以实现页面中数据一次显示多行规格的切换。

新增行数据。

标记当前进行操作的行，可以通过配置交互事件，绑定数据中的某一行为标记行。借助标记行，可以实现跨行的数据编辑和删除。

选择对应添加标记的中继器。在选择下拉菜单中会自动加载页面中所有的中继器元件。

选择需要标记的行。

取消标记需要先进行对应中继器元件选择。

取消标记行于标记行功能相反，对已进行标记的行取消标记的状态。

编辑行数据需要先进行对应中继器元件选择。

编辑行数据支持指定行数据编辑。

数据更新需选中对应的更新数据列。

删除当前中继器中的行数据。支持删除单行与多行数据。

删除行的匹配规则

中继器本身就是数据集合，通过对数据集合的操作，可以更好的动态模拟部分数据的变化与流动。

在日常中原型制作，基本上涉及此处交互不是很多。但是如需搭建比较高保证的原型，通过中继器的数据改动可以减少制作页面。

axure--中继器

*****中继器-repeater*****
1、结构：类似于MVC(增删查改)
1）中继器数据集：可包括图片、文字、网址（页面）（右键添加，列名尽量使用英
文或拼音）

2）中继器格式：横向、纵向（是否换行等）、分页、背景、间距
3）中继器项目交互：交互效果

2、用途：

1）可实现数据交互

2）可实现数据列表的重复（即操作一次相当于操作三次）

3、添加行：【中继器】——【数据集】——【添加行】通过局部变量中【元件文字
】获取各个列的值。
注意：图片较特殊，用【元件文字】获取不到，用【元件】获取到的图片也无法
显示，解决办法是在浏览器中右键【属性】——【查看图片的相对路径】
——【images起到最后的路径】——【这样的路径就能显示图片了】
就算更换图片也没问题。

4、标记行：在进行一行或多行删除时使用，即选中行就先标记，点击删除按钮一并
删除即可。

5、删除行：就是删除行。

6、删除选中的行,每次只能删除一行：【中继器】加上一个矩形，设置选中后的效
果，选中矩形框——【鼠标单击时】——【设置“当前元件This”选中状态
为“true”】——【取消“全部”标记(即取消所有标记行)】——【标记当前选中
行】——【输入选项组名称】——【中继器“属性”】——【取消选项组效果】

7、修改行：在中继器外部来编辑行即【更新行】是没有“This”即当前行的选项，
只有“规则”和“标记行”两种选择，意为要想更新标记行则在中继器内部要更新
的行被选中时要做标记。
【点击修改按钮】—【设置touxiang=Item.img，设置shijian=Item.time....】—
【取消“全部”标记】—【标记当前选中项】—【保存按钮】—【更新行】—【已
标记】—【选择列】—【列的值通过局部变量“元件文字”获取且是修改界面的输
入框的名字，不是原来中继器中的名字】

一次性修改所有内容：在前面通过“已标记”方式更新列的基础上再选择【条件】
—【设置值为“true”】可实现更新所有内容。
注：原因在于返回值为true、false，直接写true意为无条件全部成立。
与true等价的另一种写法：[[1==1]]。
或者条件写成[[Item.name]]==[[Jack]],则不选择任何一条记录，直接修改内
容，就会更新在name为Jack的记录上。

****中继器的筛选和排序****

1、添加排序：动态展示的部分使用中继器装起来，添加的交互在外部来操作
【添加排序】取名—【属性】—【排序类型】—【顺序】依次设置即可

2、移除排序：【序号列】可以设置点击时恢复到初始状态的正常排序

3、添加筛选：
1）身高的筛选为例：筛选条件为小于身高的最大值即文本框右边的值，大于身高
的最小值即文本框左边的值。

eg. [[Item.heigh>left&&Item.heigh<right]]

注：当添加的筛选条件大于两个时，筛选条件会一同生效，导致刷选结果不能单独
生效，可以在每添加一个新的筛选之前都清空所有筛选。反之，如果要实现的
效果是一同执行的则不添加移除筛选即可。