tianzc 发表于 2015-1-17 01:21:26

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



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


作者: 小楼一夜听春语
Axure rp 7.0来了,与axure rp6.5的区别大家都在探索,目前为止7.0bug层出不穷,但是我们能看到7.0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文名在汉化版本里叫—中继器。
从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,但是像动态面板一样,虽然样子没什么特别,但是却能够通过它实现很多令人意想不到的效果。
中继器是所有axure7.0元件里,最复杂的元件。所以关于它的介绍,不是一次就能介绍完的。今天在这里,我先把它的基础操作给大家做讲解。让大家理解基础操作之后,能够举一反三的研究它更深层次的应用。
本案示例下载:axure7.0教程_小楼作品(一)中继器的使用(1)
本教程示例效果:
http://www.soger.net/wp-content/uploads/2013/07/gaollg4.gif
本案例使用中继器分为以下步骤:
第一步:拖拽一个中继器到主页面;
第二步:双击打开中继器主页(中继器有单独的主页哦!),删除中继器中已添加的行,并重新设置列名(项目名),注意列名不支持中文,否则会出错;中继器中的数据可以一行一行的直接添加,并且支持添加链接和图片;(见下图)
http://www.soger.net/wp-content/uploads/2013/07/1-11.png
第三步:在中继器主页里设计一个你想要的模块,比如示例中的商品模块;(见上图)
第四步:在中继器交互里面通过中继器加载事件,把模块中需要动态显示数据的元件和中继器中的列名(项目名)绑定;(见下图)

第五步:设置模块水平或者垂直排列,几个之后需要换行,生成的各个模块之间的间距等。(见下图)
http://www.soger.net/wp-content/uploads/2013/07/1-3.png
第六步:设置两个文本框,用来输入新的商品数据;
第七步:添加按钮,设定按钮的事件为,点击时添加新的项目到中继器,项目中对应列名的位置绑定为第六步中文本框的文字,也就是说在文本框中添加的数据,会添加保存到中继器的项目中。(见下图)
http://www.soger.net/wp-content/uploads/2013/07/1-4.png
以上就是中继器的基础操作之一,不知道有没有讲解清楚,如有问题,请留言,或点击右上角的QQ与我联系!
本文出自 诉客 ▪ 产品经理的心声,转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/240.html中继器的使用(1).rp (54.52 KB)下载次数:154
2013-10-6 18:36








收藏分享评分
页: [1]
查看完整版本: axure7.0教程_小楼作品(一)中继器的使用(1)

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影