Axure监听器之中继器监听器

中继器Repeater在Axure的应用中实在是太常用了，我们最常用的功能是针对同一行内的操作，但在使用的过程中难免会遇到“需要对中继器中符合特定条件的部分行（多行）进行操作”的这种问题，这时就需要用到中继器监听器了。

一、小测试

先来个小测试吧，看看你对中继器有多了解：

1. 测试一：点击矩形独立旋转1次
2. 测试二：点击按钮全部矩形旋转1次
3. 测试三：点击矩形全部矩形旋转1次
4. 测试四：点击按钮矩形依顺序各旋转1次后停止
5. 测试五：点击按钮矩形依顺序反复无限旋转
6. 测试六：点击按钮矩形依顺序反复旋转并可停止

先打开：https://tryiel.axshare.com/ 查看目标效果，先自己尝试挑战一下。

其中会用到 《如何在Axure里使用循环》 里的循环知识。

如果你全会做了，那么说明你中继器已经玩得非常明白，后面的文字不需要看了。

二、原理

我们都知道Axure里是没有“中继器监听器”这么个组件的，那要怎么实现呢？中继器基本知识：

1. 中继器中每一行内部的组件一般只能操作同行
2. 中继器外部的组件可以同时操作内部所有行

所里，在中继器的内部、外部各放一个组件进行信息的沟通就可以了。

三、参考答案

测试一：非常简单，只要在矩形上加入点击事件即可：

测试二：无非是把点击事件加在“转”按钮上，内容同上。

测试三：在测试二的基础上，矩形上加入点击事件”触发事件”‘转’按钮的“单击时”，这样就实现了在中继器里操作其他行。

这是由中继器内部触发外部事件操控其他行的典型操作。

以上三个测试都是中继器的常规操作，接下来，我们要引入“监听(Listener)”了。

测试四：这次我们先用文本框实现循环：

先在内部矩形上建立一个交互，因为一会儿需要进行”旋转“操作，所以可以把监听绑定到”移动时“，触发条件是：文本框的值指向本行，其实，加的这个条件就是“监听”功能了。：

加入条件“先判断值”。

外面的文本框的事件可以自选，我同样用了”移动时“，先判断如果当前文字小于等于9，那么就移动中继器内的矩形，1秒后自增1，再循环触发自己。

执行的该做的都完成了，我们要在”转“按钮上添加启动事件了，简简单单地设置值再触发就可以了：

测试五：这个和测试四几乎相同，文本框的操作稍微改一下，利用模除实现数字反复：

测试六：学习过 《如何在Axure中使用循环》 知识的你一定会做了。

四、总结

虽然“监听(Listener)”听起来好像高大上的样子，实现上就是加入了判断，只让符合特定条件的行去执行交互。

​Read More