最新消息:

Axure监听器之中继器监听器

Axure中级教程 Jorkin 327浏览

引子:

中继器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)”听起来好像高大上的样子,实现上就是加入了判断,只让符合特定条件的行去执行交互。

答案下载:

请加入QQ群:558143802 自行下载。

如果觉得我的教程做的不错呢,欢迎关注、收藏、转发、捐赠,谢谢。

原文链接:Axure监听器之中继器监听器

转载请注明:最InのAxure » Axure监听器之中继器监听器