Axure7.0部件里的中继器是干什么用的?
2017-09-09 16:20:15 来源: 评论:0 点击:
发现中继器是类似于一个数据的集中地。我们可以把一些数据,例如表格,列表等都塞到中继器里,然后通过别的部件来操作中继器中的数据,比如增加一条记录,排序,分类,分页等等。有数据库基础的同学看到中继器应该立刻明白该如何使用了
1.首先我们拖一个中继器到axure的界面里。
![](https://pic3.zhimg.com/a25c284dd2133cc5c6a06ccba606ca22_b.jpg)
![](https://pic1.zhimg.com/ed746366318d245b83954e3fbbca3dd4_b.jpg)
![](https://pic3.zhimg.com/834c7cdf24d18509e24dcf6c3ee2cc1e_b.jpg)
![](https://pic4.zhimg.com/e0ce47a7c6050cf937ef1bc486eb614b_b.jpg)
![](https://pic1.zhimg.com/227e51a65a898a8f893744b98102ed74_b.jpg)
![](https://pic2.zhimg.com/6286f9a7ba458eda8c374a61bd0025bd_b.jpg)
![](https://pic1.zhimg.com/e2f2617e2d0c94e3fafba8ecc55637e8_b.jpg)
![](https://pic1.zhimg.com/f4faef55fb3992cc2323105f2cf17cf8_b.jpg)
![](https://pic3.zhimg.com/fa546aadb900959ae4dced7a217c4d8e_b.jpg)
![](https://pic1.zhimg.com/e715955aded8504cfe66b5e38a189cd8_b.jpg)
![](https://pic3.zhimg.com/344d94187ce661056dc871827104d90e_b.jpg)
![](https://pic3.zhimg.com/090905a3e45a79c174b00288101bc73e_b.jpg)
![](https://pic1.zhimg.com/1e4af89e23a9384d0071f7b2a03cba00_b.jpg)
![](https://pic3.zhimg.com/3217752dc665b188a33787d205cec946_b.jpg)
![](https://pic3.zhimg.com/38cfa2fd7e888680b5e2aa567b6152be_b.jpg)
![](https://pic3.zhimg.com/40c9ee785d880ea951f447a25e87037e_b.jpg)
![](https://pic4.zhimg.com/95a386ec6cb0fac40ffa31439aed1de3_b.jpg)
![](https://pic3.zhimg.com/48e20b807a9a0b96cab0f87dbd8dde5e_b.jpg)
![](https://pic3.zhimg.com/a25c284dd2133cc5c6a06ccba606ca22_b.jpg)
2.双击进入中继器界面,会在顶部看到一个小长方形,而这个长方形没有任何用,你可以直接删除。当然也可以当作一个普通的长方形来使用。重点是下方的表格。
![](https://pic1.zhimg.com/ed746366318d245b83954e3fbbca3dd4_b.jpg)
3.你可以在中继器界面中随意的编辑内容。中继器数据设置(Repeater Dataset)下的表格可以用来存储你需要的数据。你可以按照自己的需要编辑。
![](https://pic3.zhimg.com/834c7cdf24d18509e24dcf6c3ee2cc1e_b.jpg)
4.将设置好的数据绑定到上面装数据的容器里
![](https://pic4.zhimg.com/e0ce47a7c6050cf937ef1bc486eb614b_b.jpg)
5.数据绑定好以后的效果
![](https://pic1.zhimg.com/227e51a65a898a8f893744b98102ed74_b.jpg)
![](https://pic2.zhimg.com/6286f9a7ba458eda8c374a61bd0025bd_b.jpg)
6.我们回到Axure的主页
![](https://pic1.zhimg.com/e2f2617e2d0c94e3fafba8ecc55637e8_b.jpg)
7.再双击中继器,在“中继器格式”中设置水平,再回到主页看看效果,感受“中继器格式”的用法。
![](https://pic1.zhimg.com/f4faef55fb3992cc2323105f2cf17cf8_b.jpg)
![](https://pic3.zhimg.com/fa546aadb900959ae4dced7a217c4d8e_b.jpg)
8.下面介绍,将外部数据填入中继器里,并且实现添加行。
![](https://pic1.zhimg.com/e715955aded8504cfe66b5e38a189cd8_b.jpg)
![](https://pic3.zhimg.com/344d94187ce661056dc871827104d90e_b.jpg)
![](https://pic3.zhimg.com/090905a3e45a79c174b00288101bc73e_b.jpg)
![](https://pic1.zhimg.com/1e4af89e23a9384d0071f7b2a03cba00_b.jpg)
![](https://pic3.zhimg.com/3217752dc665b188a33787d205cec946_b.jpg)
![](https://pic3.zhimg.com/38cfa2fd7e888680b5e2aa567b6152be_b.jpg)
![](https://pic3.zhimg.com/40c9ee785d880ea951f447a25e87037e_b.jpg)
![](https://pic4.zhimg.com/95a386ec6cb0fac40ffa31439aed1de3_b.jpg)
最后生成到浏览器里查看效果:
![](https://pic3.zhimg.com/48e20b807a9a0b96cab0f87dbd8dde5e_b.jpg)
------------------------
不懂就乱点点吧,点上两三个小时结合其他的教程自己摸索应该能懂些。还能发现一些要学的点以外的意外收获。。这是探索的乐趣啊对吧。。因为没有在网上看到中继器的轻松易懂的教程,所以感受了一把探索的乐趣o(∩_∩)o 。。
上一篇:关于Axure中继器的简单使用及应用的场景
下一篇:小楼axure7.0教程(十八):中继器实现全选、反选和选中计数
分享到:
收藏
![分享到腾讯微博](http://v.t.qq.com/share/images/s/weiboicon16.png)