Axure实现中继器添加图片、文字数据
对于中继器，想必大家都不太陌生，但是对于如何用好中继器，可以让我们平时在原型设计中如鱼得水，还需要个人下去好好揣摩，练习。今天，给大家分享一下，如何用中继器实现添加图文信息。第一步：先在Axure画布中，布置出如下图所示的布局：http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/145291080138_medium.png第二步：在该布局下方，拖入一个中继器，并双击进入中继器，不用管默认的矩形，直接删除，自己任意布局即可，我的布局如下图所示：http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/145291080179_medium.png 第三步：在中继器的数据表中导入原始数据，分别命名行名称为image,name，具体如下图所示： http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/145291080217_medium.png 第四步：返回首页，设置页面载入时事件，主要是为了让页面第一次载入时，中继器显示默认数据，具体设置如下图所示： http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/145291080248_medium.png 第五步：进入中继器，设置中继器的交互事件，即每项加载时的事件，具体设置如下图： http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/145291080285_medium.png 第六步：设置添加按钮的点击事件，当单击时，添加行到中继器，具体设置如下图所示： http://cemxs.img47.wal8.com/img47/536008_20160114111733/s/14529108035_medium.png 第七步，至此，完成所有设置，可以点击预览，查看一下效果，我做的效果如下： http://cemxs.img47.wal8.com/img47/536008_20160114111733/145291126445.gif 第八步：看完文章，还不明白的小伙伴，楼主给你留下了最后的法宝（源文件）：http://pan.baidu.com/s/1pK69fsf 原文地址：艺斗空间 http://myyidou.com/?p=340
页:
[1]