Axure7.0教程(一)中继器的使用(1)

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

Axure rp 7.0来了,与axure rp6.5的区别大家都在探索,目前为止7.0bug层出不穷,但是我们能看到7.0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文名在汉化版本里叫—中继器。

从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,但是像动态面板一样,虽然样子没什么特别,但是却能够通过它实现很多令人意想不到的效果。

中继器是所有axure7.0元件里,最复杂的元件。所以关于它的介绍,不是一次就能介绍完的。今天在这里,我先把它的基础操作给大家做讲解。让大家理解基础操作之后,能够举一反三的研究它更深层次的应用。

本案示例下载:axure7.0教程_小楼作品(一)中继器的使用(1)

本教程示例效果:

gaollg4

本案例使用中继器分为以下步骤:

第一步:拖拽一个中继器到主页面;

第二步:双击打开中继器主页(中继器有单独的主页哦!),删除中继器中已添加的行,并重新设置列名(项目名),注意列名不支持中文,否则会出错;中继器中的数据可以一行一行的直接添加,并且支持添加链接和图片;(见下图)

1-11

第三步:在中继器主页里设计一个你想要的模块,比如示例中的商品模块;(见上图)

第四步:在中继器交互里面通过中继器加载事件,把模块中需要动态显示数据的元件和中继器中的列名(项目名)绑定;(见下图)

1-2

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

1-3

第六步:设置两个文本框,用来输入新的商品数据;

第七步:添加按钮,设定按钮的事件为,点击时添加新的项目到中继器,项目中对应列名的位置绑定为第六步中文本框的文字,也就是说在文本框中添加的数据,会添加保存到中继器的项目中。(见下图)

1-4

以上就是中继器的基础操作之一,不知道有没有讲解清楚。

作者:小楼

您的赞赏,是对我创作的最大鼓励。

评论( 31

登录后参与评论
  1. 做成功了,但是不太明白中继器是干吗的,求讲解 :roll: :roll: :roll: :roll: :roll:

    回复
  2. 难道只有我完全没看懂吗!!!!

    回复
    1. 回复

      我也没看懂,而且有点乱,我用的axure根本没有新增项目到中继器这个选项

  3. 第一章节,总算搞清楚了

    回复
  4. 啊啊啊啊,我的axure没找到新增项目到中继器怎么办怎么办怎么办 :arrow: :arrow: :arrow:

    回复
    1. 回复

      新增行

    2. 回复

      :arrow: 百度了半天,终于在知乎里找到了一个相对正确的答案,位置在[中继器]→[数据集]→[添加行]。再回来看你的回复就秒懂了。这里罗嗦下帮助跟我一样的新人。
      版本更新了以后,建议这些个教程也更新下,帮助新人快快上手

  5. 为什么我点击确定 每次都添加了两个 :shock:

    回复
  6. :razz: 很仔细,看明白了,谢谢

    回复
  7. 灰常好,已经实现了,但是我想请问我加的图片为什么在中继器中不能显示呢? :?: :sad:

    回复
    1. 回复

      图片也是要对号入座

  8. 试着做了一下 成功了 但是……  目前没有遇到可以用到在项目上的地方

    回复
  9. 我把附带的rp文件下载下来,照着教程做了,但遇到了问题,中继器会横向复制。但是我新建的中继器是向下复制,不知道是不是什么地方没有设置

    回复
    1. 回复

      咦?新建的中继器向下复制?

    2. 回复

      你是不是中继器的样式调成垂直了?

  10. 看不懂 :arrow:

    回复
  11. 写的很好。。学会了,赞一个!!!不过箭头看起来有点乱,能不能把每个动作加个序号,这样就方便看了。[good]

    回复
  12. 垃圾教程。不会写教程就不要来浪费大家时间

    回复
  13. 看懂了但是还是不明白中继器的作用是什么呢?

    回复
  14. 很好,谢谢

    回复
  15. 楼主已经很细心了,看这些线就能看出来

    回复
  16. 写的什么破玩意儿

    回复
  17. 第四步 最关键的如何绑定中继器数据没有细说

    回复
  18. 写的什么玩意~~烂教程

    回复
  19. 想问为什么在新的项里,我只读到价格的数据,读不到名称的数据

    回复
  20. 我晕 完全没看懂啊

    回复
  21. 超级烂的教程,不如看英文的呢

    回复
  22. 超级烂的教程,还是靠自己研究出来了

    回复
  23. 完全没看懂

    回复
  24. 在新版本,有些地方已经修改了,比如插入新的项到中继器,是每项加载时,添加这个事件。

    回复
  25. 图画得比较乱

    回复
加载中