axure--中继器

Posted 2021-01-21 lindablog

*****中继器-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]]

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