多语言展示
当前在线:1238今日阅读:167今日分享:16

AxureRP8中继器的用法

中继器可以实现行或列的动态增加或者删除,关于操作想记录自己的理解。 本次实现可以增加姓名+分数的功能。
工具/原料
1

AxureRP8中继器

2

Windows

3

火狐浏览器

方法/步骤
1

首先,打开Axure,在空白页面拖入中继器

2

双击中继器进入单独的页面,准备编辑中继器。

3

注意上图中右下角红线框起来的部分,我理解成为,这是一个数据库。我们需要设置数据库的名称和字段。 →右上角设置中继器的名称为'Student'。→点击红框中的column0,将列名改成'name',再添加列'score',并往“数据库”中插入一行数据'李雷','99',效果如图。现在就知道,我们要增加/删除的数据都是与Student这个中继器打交道。

展示数据
1

现在开始画页面。首先,将页面默认的小框删掉。添加2个文本链接,命名成'姓名','分数',当作标题名。在下方再添加2个文本链接,用来显示姓名和分数。

2

将姓名和分数的文本标签分别命名成'showName','showScore',用作显示姓名和分数。那么现在我们需要将这2个字段与中继器关联起来,中继器中的姓名和分数的字段是name和score,现在操作关联的方式,看到右侧的属性,双击红框中的内容

3

双击后,页面展示为:

4

勾选showName,点击fx

5

点击[插入变量或函数...],选择Item.name,效果如图,再点击确定,同理操作showScore。到这里从中继器读取数据展示,就做完了。点击预览,看下效果:

增加数据
1

在index页面添加2个文本框,用作输入姓名和分数,并命名成newName、newScore。再添加一个按钮,作为添加数据按钮,如图所示:

2

现在我们要将newName和newScore跟中继器关联上。选中【添加】按钮,添加用例,双击【鼠标单击时】,选择中继器-数据集-添加行,勾选Student,再点击【添加行】

3

点击【添加行】之后,现在我们要将newName、newScore都加进中继器。操作是点击name列的fx,

4

点击【添加局部变量】,右侧下拉框中选择newName,再点击【插入变量或函数】,选择LVAR1,这个名字无所谓,LVAR1是等于newName的。同理操作newScore,变量命名成LVAR2。就可以了。效果是:

5

现在预览页面,在文本框中输入内容,再点击【添加】按钮,就实现了添加功能。

删除数据
1

在中继器中添加删除按钮,如图所示

2

给删除按钮添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【this】,点击确定

3

预览页面如图所示,点击对应的删除就可以删除数据了。

全部删除数据
1

在index页面添加按钮,【全部删除】按钮,添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【条件】,条件内容写true,点击确定

2

页面预览如图所示,点击全删,就可以把中继器数据都删除了。

推荐信息