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

相关推荐

  • 印尼APP用户体验调查报告

    随着智能手机功能的不断优化,用户对设备的体验要求也逐渐提高,用户的满意程度不再仅仅由服务质量来衡量。移动市场的竞争逐渐加剧,简单易操作的移动应用程序更能获得许多用户的青睐。市场玩家需从用户的角度去优化用户体验。用户体验一直是一个非常主观的问题,每个人都有自己的偏好。年龄、受教育水平、设备类型等因素都会影响到用户体验。近期一篇关于用户手机app使用体验调查报告透露了印尼用户的一些使用行为习惯,详细如下:(注册偏好)大部分受访者在注册一个应...

    2018-04-12
  • 交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • 两会唤醒全民关注用户体验

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    2018-03-28
  • 【用户体验.春节特辑】 珍惜眼前人(总第271期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第271期2016年初,快要过春节的时候,有一天我没什么事给父亲打电话,但是半天没人接听,我就有疑虑,因为这个点按父亲的习惯应该是坐在书桌前看书或写字的。长时间没接电话,不免让我有些不安。父亲今年83岁了,作息习惯非常规律,身体也非常好。母亲比他小5岁,身体也很健康。我父母育有三个子女,我是小儿子,上面有两个姐姐,都已...

    2018-02-22
  • 【用户体验】“互联网+”如何提升用户体验?

    “你兜售的虽然是产品,但真正能使你获益的却是服务”。为何这样讲?众所周知,顾客就是上帝。在今天,用户体验越来越多的被提及,产品得到了更多的外延及扩展,已经不再局限于产品本身的价值,而有了更多的后续价值和服务的依托。注重交付的每个环节的规范与体验,这让卖点从产品本身逐渐渗透到整个产品的生命周期中,用户对品牌的认识也开始从产品蔓延到店面、店员、交易流程是否顺畅、售后服务是否及时到位等诸多层面。换句话说,产品是基础,而优质的服务可以帮助企业赢...

    2018-03-03
  • 这样学Axure,效果显著,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,1800多位同学学习成长,这是1800多位同学的经验贴。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)0基础的Axure新手,如何才能更快达到高薪产品经理的Axu...

    2018-03-18
  • 用户体验要素

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放HaloBeyoncé - I Am...Sasha Fierce用户体验为什么如此重要说到我们所使用的那些产品和服务,我们对它们的感情可谓是爱恨交加,它时而令我们备受鼓舞,时而令我们感到泪丧,它使生活变得简单,又使生活变得复杂,它使我们变得疏远,又使我们更加亲近,即使这样,我们还是不得不每天都和不计其数的产品和服务打交道,当产品满足了人们的需要时,它的制造者应该备受赞扬,反正,...

    2018-03-24
  • 即将开课!6周,快速玩转axure,同时提升产品和交互能力

    前段时间,一位朋友因为原型不太过关,被老板委婉提醒了。我这位朋友的状况不是特例,原型是产品经理最基础的技能,如果不过关,后果太可怕了!最后给老板留下的印象:这人产品能力不行,每天加班就为改原型,产出太低。想成为靠谱、高薪的产品经理?第一步得提高Axure原型能力!起点学院&腾讯课堂联合打造给产品经理的Axure课程已有1868位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理通过6周...

    2018-04-08
  • 场景是如何应用到交互设计的?

    我想在互联网领域,大家对“场景”这个概念并不陌生,但组成场景的关键因素有哪些?场景是如何应用到交互设计的?在工作之余,整理下相关知识,相信对大家的产品日常工作有一定的帮助,感谢大家抽出时间阅读,欢迎批评指正。1.场景的基本概念场景是指用户在一定的时间、地点等特定的情景下为了满足某种需求而触发的使用某种方法解决需求的行动画面。其关键因素包括用户、情景、需求、方法。产品的应用场景就是用户使用产品来解决需求的实际应用场景,比如上班族小张在午餐...

    2018-03-02
  • 一、Axure教程--app启动画面的翻页效果

    1、案例示例:2、参考对象:qq安全中心-启动画面3、案例描述:手指向左右滑动界面时,能够切换显示内容;切换内同时,屏幕下方的圆点标记同步切换;当切换到最后一个页面,单击进入主页的按钮时,启动画面和圆点分页标签隐藏;同时屏幕顶部状态栏改变样式。4、素材准备:见百度圆盘5、采用技术:动态面板、全局变量。6、制作难点:启动页面切换时,使用全局变量记录切换后的面板状态名称;将底部的分页标签面板同步切换到同名称的状态。7、制作过程:https:...

    2018-04-29