axure7.0教程_小楼作品（一）中继器的使用（1）

小楼一夜听春语

作者: 小楼一夜听春语
Axure rp 7.0来了，与axure rp6.5的区别大家都在探索，目前为止7.0bug层出不穷，但是我们能看到7.0的变化，最显著的是，在软件自带的里只多了一个元件，他的中文名在汉化版本里叫—中继器。
从中继器的特点，我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件，但是像动态面板一样，虽然样子没什么特别，但是却能够通过它实现很多令人意想不到的效果。
中继器是所有axure7.0元件里，最复杂的元件。所以关于它的介绍，不是一次就能介绍完的。今天在这里，我先把它的基础操作给大家做讲解。让大家理解基础操作之后，能够举一反三的研究它更深层次的应用。
本案示例下载：axure7.0教程_小楼作品（一）中继器的使用（1）
本教程示例效果：

本案例使用中继器分为以下步骤：
第一步：拖拽一个中继器到主页面；
第二步：双击打开中继器主页（中继器有单独的主页哦！），删除中继器中已添加的行，并重新设置列名（项目名），注意列名不支持中文，否则会出错；中继器中的数据可以一行一行的直接添加，并且支持添加链接和图片；（见下图）

第三步：在中继器主页里设计一个你想要的模块，比如示例中的商品模块；（见上图）
第四步：在中继器交互里面通过中继器加载事件，把模块中需要动态显示数据的元件和中继器中的列名（项目名）绑定；（见下图）

第五步：设置模块水平或者垂直排列，几个之后需要换行，生成的各个模块之间的间距等。（见下图）

第六步：设置两个文本框，用来输入新的商品数据；
第七步：添加按钮，设定按钮的事件为，点击时添加新的项目到中继器，项目中对应列名的位置绑定为第六步中文本框的文字，也就是说在文本框中添加的数据，会添加保存到中继器的项目中。（见下图）

以上就是中继器的基础操作之一，不知道有没有讲解清楚，如有问题，请留言，或点击右上角的QQ与我联系！
本文出自 诉客 ▪ 产品经理的心声，转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/240.html

梦想的嬉皮士

我发现除了中文 数字也会影响Prop

huskyrain

非常感谢 教程很棒:loveliness:

切切

有个图裂了。。

蔡斌

还是没搞懂呢。:Q

蔡斌

还是没搞懂呢。:Q
蔡斌 发表于 2014-1-15 09:55

终于做对了，原来是变量对应的字段弄错了。:victory: