Axure 原型 | 关于中继器的简单使用及应用的场景

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

中继器N早做的Demo,现在拿出来和大家分享

zhognjiqishiyongchangjing

这个是第一次接触中继器的时候写的Demo,后续的产品设计中几乎未使用到Axure的这个元件,现在开始教程:【先睹为快:点击预览

一、什么是中继器?

网上有很多解答,可以自行百度。我的理解为:它可以帮助你在原型页面中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:添加一个好友后,好友列表里就新增一行对应的记录。上传一张照片后,在对应的地方多了一张照片等。

二、为什么要使用中继器?

1、它可以为你的原型提供真实化的操作感觉。

2、它可以帮助你完成真实的演示,让研发人员更明白你要做的业务场景。

3、装X

三、它有什么弊端?

1、做起来会更加耗时

2、修改起来会更加的困难

3、上手难度较高

四、如何使用?

1、拖拽一个中继器到空白区域【发现它默认自带三行数据】

2016-6-13 13-04-00

2、观察自带的交互【在交互面板中发现形状绑定了某个变量】Item为中继器变量专有前缀

2016-6-13 13-08-32

3、双击中继器,查看里面的内容【发现下方数据集中有一列,正是这个矩形绑定的变量】

2016-6-13 13-13-22

4、添加一个按钮,设置鼠标单击的时候操作这个中继器的行为【我们发现设置完成后,点击按钮就增加了一行】

2016-6-13 13-18-09

2016-6-13 13-21-14

5、明白了原理之后,我们尝试新建一个文本框,并为其创建一个新的中继器变量,并绑定到新的文本框上【操作多个数据】

2016-6-13 13-27-02

注:中继器内可以放其它部件,并不一定是文本框,大家可以尝试其它组合

下面通过一个例子教大家如何使用中继器:

需要完成的场景为:

理财用户完成某些行为,则记录对应的资金表及资金异动明细表

第一步:【构建界面】

2016-6-13 12-57-49

第二步:【绑定对应的数据】

2016-6-13 13-34-51

第三步:【设置对应的行为操作对应的数据表】

2016-6-13 13-36-53

第四步:在中继器内部对相应的行为作出下一步数据的操作判断

2016-6-13 13-38-49

应用场景:

这个例子只用到了中继器动作中的添加行,中继器中还有非常多的功能操作,通过尝试简单的使用和demo例子,就能较快的掌握中继器的原理。

在明白了原理之后,应用的场景就非常广泛了,你可以在任何你需要操作数据的界面中动态的展示数据集,不过真实项目中运用到的情况还是偏少的,因为时间总是辣么的少,你懂得!

原型下载地址:

作者链接:http://pan.baidu.com/s/1slf6hL7 密码:kkmv

官方链接: http://pan.baidu.com/s/1jI4MSf0 密码: xdht

在线预览:点击预览

 

作者:陈张良,微信号:chenzhangliang,6年的软件质量管理及测试岗位,2015年10月转型做产品,现就职于一家互联网金融机构任职产品经理!

本文由 @陈张良 原创发布于人人都是产品经理 ,未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 5

登录后参与评论
  1. 太过深入的原型其实意义并不大,即时做出来,效果不好看,反而影响设计师的发挥

    回复
  2. 请问中继器能作为密码和账户的判断么?是用例中的筛选功能么?

    回复
  3. 楼猪,第五步那里中继器变量绑定文本框不是很明白能详细说一下吗?

    回复
  4. 请问你中继器的样式怎么改的啊,默认的中继器一列三个重复的样式好烦人

    回复
    1. 回复

      选择一个中继器,右上方的样式视图里可以调整相关的样式!

加载中