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

相关推荐

  • 产品经理必修课:那些隐藏在界面里的交互设计

    投稿作者:温晴公众号“爱累加”首发我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。案例一用户A在使用一款应用程序的时候,突然网络断开了,那么这时...

    2018-05-05
  • 交互设计中的视觉基础-格式塔理论

    爱UI小课堂今天从交互设计开始Interaction design交互设计师是一个理性与感性相结合的职业,既要有严谨的逻辑思维能力还要有良好的审美能力,所要具备的知识涉及方方面面,格式塔理论作为视觉设计的基础知识也是交互设计师必备知识之一。20世纪初奥地利及德国心理学家创立了一套视觉感知的格式塔理论,格式塔理论是我们在心不在焉与没有引入反思的现象学状态时的知觉的最终结果,强调经验和行为的整体性。这个理论为用户界面设计准则提供了相关的基础...

    2018-04-26
  • 2019年交互设计方向考研辅导招生简章

    -----点“蓝 色 字 体”击----------关注我们-------获取最新信息-班型介绍:开设课程:交互设计长期周末VIP班(线下课程)交互设计长期周末VIP班(线上课程)上课时间:2018年3月中旬——2019年1月初(每周周末4课时)课时       :320课时(每课时1小时)招生人数:线下课程10人,线上课程10人(超数不招生)课程安排:一.课程总框架:Part 1▪交互知识学习Part 2▪考研专业课学习Part 3▪...

    2018-03-27
  • 交互设计是一个什么样的专业? | 大咖说

    近些年来,交互设计这个词越来越多的出现在我们的生活中,是一个仿佛到处都有,但却又“看不见,摸不着”的东西。所以到底什么是交互设计?百度解释如下交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中...

    2018-02-14
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

    时光穿梭回到2012年,第一代ThinkPadX1 Carbon发布的时候的心情我清晰的记得。Think的意志清晰而明确,效率大屏+高强度轻薄+黑色商务气质。对于未来移动办公的理解,高端ThinkPad是什么样?如今的ThinkPad X1 Carbon 2018(Gen6)便是答案。Yonemochi San曾经坦言,曾经打造的ThinkPad X300正是如今X1 Carbon系列的“祖父”。碳纤维材料的应用,如出一辙的轻薄,不一味...

    2018-03-10
  • Excel表格常用快捷键大全之1-10个

    为了小伙伴能更懂Excel 快捷键的具体使用场景,小雅不是单纯的像网上看到的一堆快捷键堆上去就好,做了更详尽的解释,希望大家能喜欢!收藏一下,记住些Excel常用快捷键还是不错的!善用快捷键,新手到高手的蜕变!不废话,进入正题,本篇是1-10个快捷键,后续会陆续为大家呈现更多的Excel快捷键。第一,插入工作表默认情况下,我们新建一个Excel文档,只有3个工作表。3个sheet,即sheet1,sheet2,sheet3。如果这三个s...

    2018-03-17
  • 用户体验扩展:一个设计管理者的4步走框架

    用户体验不是一个有规则去衡量的工程,它是科学与艺术的一部分。所有的设计流程最终都会被打破,用户体验扩展的诀窍是创建一个灵活应对设计规模和时间推移直到完成的框架。基于我们的朋友Jason Culbertson(Airbnb设计经理)在Airbnb、GUSTO等公司的产品设计研究中,他在用户体验实践中创建了以下几个方面的框架:.方法&系统-UX领导人和他的团队保证核心标准的工具是什么?如何做一个系统化的设计,而不是碎片化的?.团队结构-随着...

    2018-03-02
  • 创先争优|张迪:创业艰难,但梦想会让你永远保有对生活的热爱

    争先创优为全面贯彻党的教育方针,鼓励研究生勤奋学习、自强不息、积极实践、勇于创新,促进优良校风学风建设,培养德、智、体全面发展的高层次复合型人才,学校结合实际,研工部于2017年10月-11月组织开展了重庆大学2016至2017学年度研究生“争先创优”评选。为响应学校号召,UMD研究生网络文化工作室根据工作安排,特推出重庆大学“争先创优”优秀研究生人物志系列活动,从中挑选一批先进研究生代表,通过微博、微信、网站、电子显示屏等网络宣传平台...

    2018-03-01
  • 交互设计的进阶三重境

    ✨交互设计师的迷茫作为交互设计师,工作几年之后,如果还处在 “从产品接需求输出线框图” 的循环中,或许就会产生一些迷茫:自己的价值和竞争力在哪里?如何突破,进一步提升自己的能力与话语权?迷茫,是因为无法定位自己,寻不得方向,找不到出路。所以,当我们提问该如何提升时,不妨先想一想,【用户体验设计】这座高塔,究竟是个什么模样,而自己又在什么位置。此文中,我根据自己的一些工作经历和理解,将交互设计师的能力成长分出三个阶段:功能完善者、产品推动...

    2018-02-26
  • 《用户体验要素》的笔记 (2) 第三章 战略层

    1. 战略层主要解决两个问题:1)我们想通过这个产品得到什么?即产品目标是什么?2)用户想通过这个产品得到什么?即用户需求是什么?此处的关键词是【明确】。当我们能越清楚的表达我们想要什么,以及确切的知道其他人想要从我们这里得到什么时,我们就能越精确的满足双方的需求。注:而最终导致产品失败的原因也经常出现在这个环节,很多产品口号喊的很响亮,但就是不愿意进一步去描述,并不是说产品经理一定要上层决策好目标和需求的每一个字,然后就不容易出错,没...

    微信热点 2018-04-08