Axure监听器之中继器监听器

Jorkin
0 评论 2790 浏览 2 收藏 5 分钟
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

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

本文由 @最InのAxure 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
80424人已学习19篇文章
当AI已然成为新的焦点和风口,产品经理该如何抓住这个风口顺势飞起?
专题
17179人已学习16篇文章
随着数字化转型的发展,企业逐渐向数字化迈进,帮助企业有效解决经营性问题。本专题的文章分享了如何做企业数字化转型。
专题
13252人已学习16篇文章
本专题的文章分享了心理学如何影响用户决策。
专题
16245人已学习13篇文章
在互联网时代,把网站的服务封装成一系列计算机易识别的数据接口开放出去,供第三方开发者使用,这种行为就叫做Open API。 而提供开放API的平台本身就被称为开放平台。本专题的文章分享了开放平台的搭建思路。
专题
12750人已学习13篇文章
随着互联网在大众生活中的不断普及与深入发展,互联网医疗这一全新的医疗健康服务业态发展趋势向好。本专题的文章分享了互联网医疗行业分析和竞品分析报告。