首页 > 其他 > 详细

axure中继器解析

时间:2017-03-24 14:42:23      阅读:273      评论:0      收藏:0      [点我收藏+]

今天为大家介绍axure工具中一个非常强大的元件——中继器。中继器是在Axure RP7.0开始加入的,可以用来“存放”文本、图片、链接等数据,可以把它理解成为一个虚拟的数据库。中继器通常用来显示一些列表信息,如商品列表、用户信息列表等。


中继器中有两个概念需要大家了解:数据集、项。

  • 数据集:中继器里存放的数据,可以使文本、页面链接或图片。比如所有的商品信息数据。

  • 项:中继器里重复显示的内容,比如商品信息列表中,要显示n次商品的名称、图片、价格等等这些内容。


下面介绍使用方法:

拖入一个中继器元件,命名为list。双击该中继器,进入到中继器设计区域,设计区域中的元件就是中继器的项,也就是要重复显示的内容,它默认显示了一个矩形。我们先做三列数据看看效果:商品名、价格、购买时间。

  1. 一共拖入三个矩形分别命名为name、price、date。

  2. 在右侧的中继器数据集中,把第一列重命名为name,新建两列分别命名为price、date,注意数据集中的列名和元件名可以不同。

  3. 在数据集中填充数据,如下图。

技术分享

  4.把数据集内容和中继器的项绑定,双击每项加载时,设置三个矩形的文字对应为中继器的列名。

技术分享

技术分享

5. 关闭中继器设计区域,预览效果。

技术分享


我们再看一种效果:

技术分享

这种效果不是传统的几行几列的表格形式,这种效果怎么做呢?大家思考一下,中继器是用来存放数据的,至于它显示出来的样子,是由“中继器的项”的排版所决定的,所以我们还是先把数据存进去,当然还是在中继器数据集中新建几列,填充数据即可。注意添加图片的方法是:在对应的列下面右键-导入图片-选择图片即可。

技术分享

技术分享

接下来我们双击中继器,进入设计区域,拖入要重复显示的元件,并命名,按照上面的方法把文字元件和数据集绑定。绑定图片的方法是:双击每项加载时-设置图片-选择图片列-选择default下拉框中的“值”-点击fx选择中继器中的图片列。

技术分享

技术分享


关闭设计区域,预览效果,完美~~


本文出自 “产品经理_狄睿鑫” 博客,请务必保留此出处http://pmdrx.blog.51cto.com/11810835/1909879

axure中继器解析

原文:http://pmdrx.blog.51cto.com/11810835/1909879

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!