Axure-中继器的使用

Axure-中继器的简单使用

1.什么是中继器

它可以帮助你在原型页面中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景

2.案例1:使用中继器绘制一个基本表格

​ 首先把一个中继器拖到页面,可以看到中继器的样式,Column0是它的默认列。

​ 双击样式中的列表,可以进行操作,修改列名,列中的数据,新增列等操作

​ 其实这个表格里面的元件是矩形,想要新增一列的话,双击中继器,复制默认的那个矩形,粘贴排列好(记得将矩形命名,这是个好习惯!我们这里给它命名‘年龄’),也可以去元件库找自己喜欢的元件操作,例如

随后在中继器样式中点击新增列,把数据随便写上去。#注意列名不能为中文

​ 数据还没出来?还差一步,点击中继器的交互中间,可以看到,默认的交互事件是这样的

​ 点那个小加好,在这个这个交互事件基础上添加动作,设置文本,选择目标元件,这里选择我们刚刚命名好的‘年龄’矩形,再点击fx函数进去设置值。

​ 进去之后点击新增局部变量,点击选择目标元件(第三条横线那),就是我们刚刚命名的‘年龄’矩形。

​ 再选择插入变量,选择之前在中继器样式中的新增列‘age’,在点击确认完成。数据就上来了。


在这里插入图片描述

​ 之后的新增列也是一样的操作,新增行就不用这么麻烦,直接在样式中点击新增就可以了,再在中继器外添加一个表头就可以完成一个简单的表格原型的绘制了,自己去试试看吧。

欢迎大家在评论区留言!拜~

猜你喜欢

转载自blog.csdn.net/qq_44102500/article/details/119333048
今日推荐