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

AxureRP7.0教程 小楼一夜听春语 137993℃ 0评论

(早期教程,Axure7.0.0.3133版对中继器做了改动,新版本教程目前只有视频课程中有,文字教程暂无)

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

注意:Axure7.0新版本中,“新增项目到中继器”更名为“新增行”

以上就是中继器的基础操作之一,不知道有没有讲解清楚,如有问题,请留言,或点击右上角的QQ与我联系!


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » axure7.0教程_小楼作品(一)中继器的使用(1)

喜欢 (118)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(52)个小伙伴在吐槽
  1. 已经学会了 感谢楼老师无私分享 [亲亲]
    axure-lee2013-08-01 14:12 回复
    • 你想亲哪个部位?
      小楼一夜听春语2013-08-01 14:26 回复
      • 他想亲你的鸡巴
        大鸡鸡2015-10-28 15:46 回复
  2. 你的图,无敌了,你真的是产品? 这种图,谁看得懂?
    Cantona Dong2013-09-09 14:57 回复
    • 其一:很多人看懂了。 其二:不管看不看得懂,我好像没跟你收费,我不欠你的!
      小楼一夜听春语2013-09-09 16:23 回复
      • 他应该是指你的箭头... 其实你可以用1 2 3这样标记表示顺序嘛,这样看着容易些,我看这图觉得费眼,文章是不错的
        Yuele2013-11-21 22:37 回复
        • 一张图就能让人全看懂而且学会 已然相当牛叉了O(∩_∩)O~ 我反正是跟着做出来了 感谢咯~
          bug2014-07-17 14:11 回复
    • 给cantona跪了,你真的是产品? 连这都不理解,人家已经写得够明白了,你真的认真看了吗?
      chao872013-10-15 14:09 回复
  3. 小楼大哥,这个在6.5中怎么实现?
    jingtingmeihao2013-10-22 18:49 回复
    • 小楼一夜听春语
      6.5没有此元件
      小楼一夜听春语2013-10-22 21:15 回复
  4. 中继器三个行,哪里删除啊,第一步就被卡住了~~55~~
    waivc2013-10-29 17:30 回复
    • 小楼一夜听春语
      看中继器使用教程(二)
      小楼一夜听春语2013-10-29 17:32 回复
  5. 楼老师~最新的7.0mac找不到第七部呀。。。我有截图,可是不知道怎么发上来
    mazhe2013-12-17 12:31 回复
  6. 楼哥,图中的箭头可否按先后顺序加上标号,小弟实在感激不尽
    yurifire2014-01-13 14:39 回复
    • 小楼一夜听春语
      这是早期7.0的教程 现在已经不一样了。等有时间我再重写。
      小楼一夜听春语2014-01-13 15:13 回复
      • 多谢多谢,这个教程果然很好学!
        yurifire2014-01-13 16:45 回复
  7. 我貌似也没看懂,哎
    jo1234562014-01-14 11:28 回复
    • 小楼一夜听春语
      这是早期的版本,和现在的版本不一样
      小楼一夜听春语2014-01-14 12:54 回复
  8. 这教程做的不是一般的烂!!!
    chao2014-04-03 12:04 回复
    • 小楼一夜听春语
      如果你有能力的话,你可以做更好的,然后分享给大家。我帮你宣传都可以。 如果你做不到,我只当你这句话是放屁,然后请你出去。
      小楼一夜听春语2014-04-04 10:43 回复
    • 觉得自己做的好,自己保留活着分享,你没有任何权力来干涉别人,你纯属有病,晓得不?不作会死么??
      hedy_liang2014-06-20 10:40 回复
  9. 谢谢小楼老师……我是百度里面视频还是看起的,觉得讲的很好啊……免去了我摸索的累,我是学生,被分配任务做产品模型。然后……到处找12视频以后的……没找到,发现收费了~~55,求个免费赠送啊~~
    Toby2014-04-04 19:30 回复
  10. 对了,能提个问题么,我用的是axrue rp 7.0的,发现每次进去元件都是英文的都要重新载入那两个才变成中文,还有就是文本框类型设置密码有效果,其他的都没有视频里的效果,和text一样
    Toby2014-04-04 19:34 回复
  11. helli
    hello2014-04-08 17:35 回复
  12. 讲解看懂了,想问下,如果是通过下来的形式来选择,可以使用中继器吗?还有就是在浮出层中添加东西,也可以使用中继器吗?
    笨笨2014-04-29 17:15 回复
    • 小楼一夜听春语
      请关注后续内容
      小楼一夜听春语2014-04-29 17:30 回复
  13. 挺好的,能看明白
    56782014-05-06 15:19 回复
    • 小楼一夜听春语
      中继器教程有新的 看最近的几篇
      小楼一夜听春语2014-05-06 16:00 回复
  14. 小楼老师,那个中继器添加的东西可以添加到别的页面吗?还有那个添加按钮可以在别的页吗? 新手 求教
    trouble-boy2014-05-06 16:44 回复
    • 小楼一夜听春语
      不能 仅限当页
      小楼一夜听春语2014-05-06 18:14 回复
  15. 想请问为什么在新的项里,我只读到价格的数据,读不到名称的数据。。好想截图。。 对应例图来说就是:能读到“热水器”和“350”,新输入的数据中,读不到“jjj”但能读到“,mm,.m”
    haixian2014-06-06 12:38 回复
    • 小楼一夜听春语
      去看新的中继器教程
      小楼一夜听春语2014-06-06 13:03 回复
  16. 中继器的RP链接,都被屏蔽了,TMD的BD。
    hedy_liang2014-06-20 10:39 回复
  17. 买了离线版的,小楼老湿真的是太纯(yin)洁(dang)了,层主看了几集现在还湿着- -
    德鲁二2014-06-21 15:26 回复
  18. 小楼老师,太崇拜了,需要男朋友吗~
    WhyJuve2014-07-23 18:13 回复
  19. 中继器中其中一column位数字,怎么把求中继器中所有数字的和
    Paul2014-09-15 18:14 回复
  20. 求问在中继器的数据库中如何添加图片~
    max2015-03-03 10:41 回复
  21. 写的非常好!言简意赅!谢谢!
    夕野2015-03-04 15:37 回复
  22. 😈 感谢,有个位置我弄了半天才搞清楚 设置文本 值 的时候 编辑文字 在最新版本里 变成了右边的fx了
    洋葱2015-03-05 11:39 回复
  23. axure 很多汉化不同 交互事件老师那边的是 载入时,我这边是每项加载时(另外还有一项也是载入时),所以一直找不到出错的原因。
    gem2015-03-13 16:21 回复
  24. 学会谢谢
    常常不小心2015-03-13 16:43 回复
  25. 小楼老师,我用的mac,点右上角QQ不能跟你对话,能不能说下你的QQ,我来加你。或者你直接加我QQ(75015077),我有一个对我来说很难的问题,我试了很多办法,也咨询过很多人都没有解决。大致就是通过中继器中不同列的值(例如0和1)来控制中继器复选框在不同行的不同选中状态...不知道我有没有说清楚,总之就是利用中继器控制复选框的选中状态...
    Blobby2015-07-07 00:08 回复
  26. 真棒,学会了!谢谢小楼老师~~ 😀
    YI人2015-07-28 13:02 回复
  27. 话说中继器 的使用(2)呢
    Carlos2015-08-03 14:14 回复
  28. 第一次使用这个功能,教程很清晰啊一琢磨跟着做一遍就明白了 ,谢谢小楼老师~:smile: 表情找半天= =|||
    尝尝2015-11-20 15:49 回复
  29. 老师,请问如果我 要展示 标题、输入框、下拉框、按钮,然后点击添加在下面也新增一行一模一样的“ 标题、输入框、下拉框、按钮”要怎么弄?我自己根据教程试了好多次都不行。
    esprenanza2015-11-25 17:02 回复
  30. 😡
    喵叔叔2015-12-01 16:07 回复
  31. axure中继器知道怎样显示,但是搜索功能、搜索时提示,以及将某一字段绑定到list下面始终不知道怎么回事! 😥 求指导~
    琳琳2015-12-22 09:51 回复
  32. 在AxureRP7.0从入门到精通这本书上的中继器里有一部分将中继器的删除多行的案例,我怎么实践完后是全部删除那。删除多行的关键点是什么?我在网上也没有看到删除多行的案例啊。
    笑清风2016-06-30 22:52 回复
  33. 😀 非常感谢老师的无私分享,到此为止才弄懂中继器的一个用法,就是数据关联。不过我是在axure8中做的,界面有点改了,某些设置跟目前展示的不一样,估计其他人也是版本界面的原因不懂。不过只要是对axure熟悉的人,即使某些步骤不懂,也不妨碍做出老师图上的效果。实际上axure的界面已经很友好,小白上手非常容易。大家不要再喷老师了。
    lady水鱼2017-03-08 17:15 回复
  34. 小楼老师,第五步的窗口在哪里点出来呀?我的版本是8.0的
    Archemneme2017-06-16 14:35 回复
  35. 小楼老师,为什么我添加的数据都是第一项的内容呢
    Vicky2017-10-25 16:21 回复