交互学堂
专注分享专业知识

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

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

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!!大功告成,大家去试一试吧,这个过程中有什么问题可以留言交流哦。

赞(0) 打赏
未经允许不得转载:IAMUE » 关于Axure8.0中继器的使用1

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏