Aure教程:中继器实现列表到详情页的数据传递
作为一个产品经理如果不会使用Axure估计都不好意在人前讲自己如何如何了得,但光会用Axure做线框图就够了吗?显然是不够的,在产品设计中很多时候我们需要使用到高保真原型,而高保真原型的制作需要使用到Axure中许多复杂的功能,动态模板是最常用的,中继器能够的使用能够使我们模拟实现数据交换,至于说Axure中的内置函数神马的那就更不是一般产品经理可以掌握的了。
详情页
两个页面中的内容均是一一对应的关系。
在整个实现过程中有几点需要特别注意:
- 中继器只有在同一个页面中才能共享到数据;
- 在多个中继器中传输数据时,必须在数据源的中继器中把数据传输出来,在接受的中继器中是不能主动去获取源中继器中的数据;
- 通过使用indexof函数可以实现数据筛选,在结合相关事件出发赋值行为,可以实现多种形势的筛选
- 在中继器中并不是所有的数据都需要现实,有些字段可以作为隐性数据,用于实现特殊功能存在
- 过滤器使用时一定要注意清楚时间,axure中自带有清楚单个规则的过滤或是清除中继器中所有过滤规则
- 通过中继器分页功能能够很好的制作列表到详情的这种跳转关系
- 中继器中各种值的传递,以及通过一些自带的函数间接传值都是很常用的方法,通过主动设置变量可以把部件中的值传递到中继器中或进行一些特殊的处理
先给看下我中继器中的数据是如何设置的,注意数据属性的字段,整个项目中会用到两个中继器,简便起见直接保持两个中继器的字段一致,只是有些无用的字段具体使用时不使用即可。
这就是我中继器中所有的数据,通过这些数据我显示了列表页与详情页一一对应关系的跳转逻辑,下面是中继器中基本项的设置,此处需要注意上面的数据项比基本项中的数量要多,那么多出的数据有什么用呢?在实际中,列表中的信息往往都是比较少的,而详情页de内容是是否丰富的,在上面设置的很多的属性均是只在详情页才会使用到。而如何把数据传递到详情页呢?这是一个问题,容我一一道来:
下图是第一个中继器中的基本项设置。
中用例中我们可能之前已经看到有中继器这个选项,其下也有Datasets这个选项,以前不知道有什么用。这几个操作是在本次项目中使用最平凡的功能。下面整体讲解下数据传递的逻辑:在源中继器中把数据都录入以后,通过"add rows"功能。
数传递的过程图,注意箭头方向,以及图中的说明文字
接着上一张图,与上一张图在一个连续的流程中,
选择完成后一步一步确认即可,
下图是对数据进行标记,方便后面进行数据更新。
标记数据
更新数据,传递到第二个中继器中。
确认即可,数据传递已经完成,哎还是有点复杂啊 :)
下面这个是在第二个中继器中设置的,建立一个列表与详情页一一对应的关系。
好了整个项目中最关键的点已经说完了,图有点多,有点复杂,不过仔细看一定可以显示两个中继器之间的数据传递,列表与详情页一一对应的关系也是没有问题的,有了这个通用控件我们就可以实现海量数据的列表和详情页的原型啦!!
若是有任何因为讲解不到位的地方,而产生的疑问都可以留言或是私信我,一定会给答复的。
最后附上附件,希望对同学们有所帮助。
作者本人提供:
百度云盘:http://pan.baidu.com/s/1uliIq(公开链接)
备用链接(人人官方源)
链接: http://pan.baidu.com/s/1gd12Ayf
密码: j7yw
关键字:Axure, Axure教程
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!