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

33 评论 22553 浏览 96 收藏 4 分钟

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

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

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

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

本教程示例效果:

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

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

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

1-11

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

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

1-2

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

1-3

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

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

1-4

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

作者:小楼

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 求教:在中继器里怎么新增图片呀。其他字段都能新增上,只有图片是白的

    来自四川 回复
  2. 求教楼主一个问题:中继器的某一列的数求和相加, 怎么实现?

    来自北京 回复
  3. 做成功了,但是不太明白中继器是干吗的,求讲解 🙄 🙄 🙄 🙄 🙄

    来自北京 回复
  4. 难道只有我完全没看懂吗!!!!

    来自北京 回复
    1. 我也没看懂,而且有点乱,我用的axure根本没有新增项目到中继器这个选项

      来自北京 回复
  5. 第一章节,总算搞清楚了

    来自上海 回复
  6. 啊啊啊啊,我的axure没找到新增项目到中继器怎么办怎么办怎么办 ➡ ➡ ➡

    来自广东 回复
    1. 新增行

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

      来自广东 回复
  7. 为什么我点击确定 每次都添加了两个 😯

    来自北京 回复
  8. 😛 很仔细,看明白了,谢谢

    来自北京 回复
  9. 灰常好,已经实现了,但是我想请问我加的图片为什么在中继器中不能显示呢? ❓ 🙁

    来自浙江 回复
    1. 图片也是要对号入座

      来自江苏 回复
  10. 试着做了一下 成功了 但是……  目前没有遇到可以用到在项目上的地方

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

    来自广东 回复
    1. 咦?新建的中继器向下复制?

      来自广东 回复
    2. 你是不是中继器的样式调成垂直了?

      来自北京 回复
  12. 看不懂 ➡

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

    来自河北 回复
  14. 很好,谢谢

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

    来自北京 回复
  16. 写的什么破玩意儿

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

    来自广东 回复
  18. 写的什么玩意~~烂教程

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

    来自广东 回复
  20. 我晕 完全没看懂啊

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

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

    来自湖南 回复
  23. 完全没看懂

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

    来自上海 回复
  25. 图画得比较乱

    来自广东 回复