关于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

相关推荐

  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • 交互设计申请关注度最高的5个问题,第一个就头疼.. | 大咖说

    说到交互设计很多同学的第一反应就交互思维、交互体验...准备申请交互专业的同学也是非常心焦!说起来容易做起来难,我们还是多和专业老师取取经。伦艺学姐回答的5个交互专业问题,收好哦~Q1:转专业学生申请应该注意什么?我觉得需要看这个问题怎么定义转专业,因为在一个设计类的学科,很多设计的思维方式和实践能力是共同的,我们可以通过设计的方式去解决问题。如果想要转到交互或者用户体验的专业,其实提供的是一种用交互的方式和研究结果解决现有用户的问题。...

    2018-04-26
  • 什么是交互设计?

    这是我在知乎上的「什么是交互设计?」的一篇回答,重新梳理了一下逻辑,分享给大家。(长文预警 : 阅读时间 15 分钟)如果我们问,交互设计是什么?从网上各种定义中似乎能很快就能知道答案。交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。—— 来自 I...

    2018-02-03
  • 【交互大讲堂】当交互设计遇到装置艺术

    之前我们讲到的交互设计都是偏重于传统交互,与艺术的互动性没有这么强,通过现在媒体和交互设计,交互装置的互动性也会越来越强。上图这个工作室是日本的一个叫Teamlab工作室,他们致力于新媒体的装置艺术的设计的第一个作品。当用户进入这个身边周围都是球的环境的时候,触碰那个球,球会发出不同的声音。小孩子对绘画都是十分感兴趣的,当孩子进入这个工作室,画上一副自己喜爱的画,用打印投影仪把这些画全部扫描,扫描之后,会形成3D影响投放到媒体上面,这就...

    2018-05-03
  • Axure RP软件安装教程

    Axure RP各种版本软件安装教程及下载地址:链接:https://pan.baidu.com/s/1AUHDQmeQejc9OMg7t2gmzQ密码:n29o

    2018-04-29
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • UED新刊 | 马岩松:梦露十年

    UED105期《MAD国际实践专辑》现已开始预售更有30本马岩松亲笔签名版,只限预售!具体购买详见文末互动福利PART 1新刊导读尽管频频有人发问,中国建筑为何迟迟未能冲出亚洲、走向世界,然而这是个太过深广的课题,涉及文化、经济、 政治、意识形态等等诸多方面,并不是三言两语甚至是一期杂志就能说清楚的。在这样的大背景下,马岩松和他的MAD 建筑事务所在国际上的实践探索,便分外独树一帜、另人瞩目。2004年,马岩松在纽约创办MAD建筑事务所...

    2018-02-07
  • 给用户带来新的feel|5个好玩的交互设计效果

    真正的科学家应当是个幻想家;谁不是幻想家,谁就只能把自己称为实践家。—— 巴尔扎克近期在工作中偶然发现的3种移动界面布局,从移动端的分辨率、配合设计布局变化的web端响应式、以及H5的设计布局。另外加上2个好玩的设计方式,更多的让点击率、产品凸显展示,总共5个好玩的交互效果给大家分享。开发资源不够或快速上线的页面交互设计上图在专业术语中叫做流体交互效果,这种交互效果的好处与坏处优点:避免小分辨率的情况下,出现水平条的情况。缺点:分辨率小...

    2018-04-17
  • 【用户体验】和路通X1真实详细评测——智能车时代的钥匙

    点击蓝字关注这个神奇的公众号~中国移动和路通智能后视镜的项目已经开展了一段时间,这期间收到了多位客户的体验反馈,今天,小编整理了一些产品体验测评分享给大家,从使用者的角度,让大家对中移动智能后视镜有更加深刻的了解!用户体验和路通X1真实详细评测——智能车时代的钥匙很荣幸从天津蜂享信息技术有限公司,购买了一台和路通X1智能后视镜,并进行装车体验。感谢中国移动对智能出行的重视与执着。目前智能后视镜的市场方兴未艾,市场上智能后视镜产品如雨后春...

    2018-02-05