关于Axure8.0中继器的使用1

废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

废话少说,请开始你的表演!!!

1.拖入一个中继器,将中继器多余的行删除;

关于Axure8.0中继器的使用1

2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;

关于Axure8.0中继器的使用1

3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;

关于Axure8.0中继器的使用1

4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;

关于Axure8.0中继器的使用1

关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。

5.回到拖入中继器的工作页,增加三个文本框,分别命名:name、sex、age,这是用于用户数据数据的;

关于Axure8.0中继器的使用1

6.增加一个button按钮,用于实现用户输入数据后存储到中继器中;

关于Axure8.0中继器的使用1

7.接下来就要添加事件了,整个数据流转过程应该是:在用户输入动态数据后,点击button按钮,数据保存到中继器;

所以添加的事件应该是将相应的数据存储到中继器相应的位置,以便展示的时候中继器可以拿到用户输入的对于数据;

点击button按钮的“鼠标单击时”时间;

关于Axure8.0中继器的使用1

8.点击添加行后会弹出“添加行到中继器”弹窗,我给大家大概解释一下这个弹窗;

关于Axure8.0中继器的使用1

红色框里的name、sex、age是再拖入中继器时我们添加的列,我们添加这些列的目的是用于存放用户输入的动态数据的;黑色框里的fx就是咱们高中学的函数,就是指定某个未知的动态数据存放再此。

9.点击name下面的fx,会出现“编辑值”弹窗,这里的。上面的“插入变量或函数”是指你想在当前name这个位置里存入什么数据。下面的“添加局部变量”是指局部变量。学过开发的同学应该知道这些,通俗一点解释就是,“全局变量”哪都可以用,“局部变量”只在当前内容下可用。(就是美元和人民币的区别)

关于Axure8.0中继器的使用1

10.添加“局部变量“,和大家解释一下这个操作。

左边的“LVAR1”是局部变量的名字,也就是咱们中学的x、y、z什么的,

右边的“This”的选择框是指,你要拿什么地方的东西给LVAR1,(咱们这里是要拿文本框name、sex、age里的东西,不是中继器里的,切记不要选错了)

中间的“元件文字”是指,你要右边的拿什么东西给左边;

关于Axure8.0中继器的使用1

11.插入变量或函数,把咱们刚刚定义好的局部变量插入即可;

关于Axure8.0中继器的使用1

12.相同操作去插入sex、age

关于Axure8.0中继器的使用1

好的,到这里动态数据就已经存入中继器了。

接下来咱们要把中继器的数据展示出来;

13.这时候咱们需要把中继器需要展示的内容和存放在中继器中的内容做绑定,让它展示出来。回到中继器的页面,点击中继器-添加事件”每项加载时“-设置文本-选择中继器中的 name-下方的值fx

关于Axure8.0中继器的使用1

和大家再解释一下这个fx,其实道理和上面的赋值一样,就是把中继器中的某个位置的东西放到我现在想要这个位置里。所以咱们再选择这个fx值的时候,需要去选中这个中继器ltem中的name,就是ltem.name

关于Axure8.0中继器的使用1

14.相同操作选中ltem.sex、ltem.age

关于Axure8.0中继器的使用1

OK!!大功告成,大家去试一试吧,这个过程中有什么问题可以留言交流哦。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35788/

(0)
交互精选交互精选
上一篇 2018-03-10
下一篇 2018-03-10

相关推荐

  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14
  • 同样是券商,为什么你家APP用户体验不好?原来还有这一招...

    券业新力量 | 服务所有券业人的梦想当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放As Long As You Love MeBackstreet Boys - Backstreet's Back导言洞察用户喜好,吸引用户,留住用户,让用户满意,是所有服务业的本质。本文以行为数据切入,从三大方面、两个案例,全方位解析如何利用行为数据提升证券App用户体验。用户体验(User Experience)最早被广泛认知和提及,是在上...

    2018-03-30
  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • 交互设计:谈谈那些极具争议的设计方法

    作者:中大yzh全文共 2556 字,阅读需要 6 分钟———— / BEGIN / ————交互设计是一门有关设计学、用户心理学、图形学和计算机理论的综合型新兴领域,由于其及其复杂的学科交叉性,以及在不同的情景下,对同一类组件的要求经常会有所不同,导致目前在该领域内有时会出现一些看似正确其实极富争议的设计方法。在这里,我们就讨论一下这些具有争议的设计方法。争议方法1:在线填表时应该标注“可选填”的填表项在线填表时,需要在表格上面注明“...

    2018-02-01
  • 用户体验丨有一点,我特别不服:我一向健康,这本“生命说明书”却告诉我,风险无处不在!

    我与优福的故事聚 集 幸 福 之 因[图片]癌症,是人们的恐惧中心。很多人平时身体棒棒,突然就倒下了,永远的离开。比如我婆家的姑爷,发现时已经晚了,无力回天[图片][图片][图片]。2013年,安吉丽娜·朱莉检测了自己的基因,发现乳腺癌症易感基因患癌率是87%!她提前知道,提前预

    微信热点 2018-02-01
  • D4-交互设计工作困惑答疑

    作者:飞阿婷(公众号:飞阿婷的交互设计生活)自我成长1.面试攻略为什么强调说,不能把自己的不足归咎于之前公司没给自己带来很大成长?抛开你有推卸责任的人品问题来说,其实还有科学依据证明很多事情都是可以事在人为的。费斯汀格法则:“生活中的10%是由发生在你身上的事情组成,而另外的90%则是由你对所发生的事情如何反应所决定。”我的理解是那10%就是不受我们控制的自然发生的事情,而90%就是我们面对这10%的事情选择接下来要做的事情,而这个选择...

    微信热点 2018-04-12
  • 老子花了1761,你就给我这用户体验?!

    关注公众号回复关键词回复“模考”获得还原机考环境的口语模考回复“TPO”获得TPO模考软件回复“机经”获得托福历年真题回复“作文批改”获得趴趴助教亲自批改作文更多福利礼包领取请添加微信:papalovetoeflSpeaking-Direction来自趴趴托福00:0004:06托福虐我千百遍,我待托福入初恋托福,作为一个从早上八点半到中午十二点半多的长时间持久战,在考试过程中,同学们总会到一些奇奇怪怪的事情,有一些奇奇怪怪的经历比如说...

    2018-03-01
  • 艾璐斯刘光有:用户体验为先 九字方针瞄准盈利点

    2018年3月2日下午,由慧聪网主办、慧聪汽车用品网承办、广东哈弗石油能源股份有限公司总冠名的哈弗润滑油杯’2017年度汽车用品行业品牌盛会颁奖盛典在北京钓鱼台国宾馆芳华苑隆重举行,来自汽车后市场商(协)会领导、获奖企业代表、渠道商、终端门店精英、主流媒体记者等嘉宾共聚一堂,聚焦汽车用品行业热点话题,全面解读行业最新发展趋势,推动汽车后市场快速有序发展!香港艾璐斯实业有限公司总经理刘光有行业盛典现场嘉宾共聚一堂在本次盛会上,香港艾璐斯实...

    2018-03-06
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30