Axure RP9 中继器的简单操作(1)

时间:2024-03-20 09:56:44

一、数据显示 (选中中继器在样式里设置初始化显示数据)
(1)在面板中拖拽一个中继器,一个表格,如图所示:Axure RP9 中继器的简单操作(1)
(2)选中表格 Ctrl+C(复制),点击中继器 Ctrl+V(粘贴),并把样式栏中x与y的值修改为零,并清空复制后表格中内容。
Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)
(3)选中左边单元格,修改名称为内容单元格,同样把第二个单元格的名称修改为天单元格,关闭中继器面板。Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)
(4)选中中继器,打开交互大面板,选中设置文本下的矩形框,修改右栏的目标元件内容单元格可以直接修改也可以通过右边的fx修改,点击fx插入函数,选中[[Item.content]],点击确定。
Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)
(5)同样,点击设置文本后的添加目标,把天单元格按照内容单元格修改完成。回到大面板就可以看到,数据源中数据就显示在中继器中了。Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)
二、删除行(在样本中的删除按钮上绑定点击交互事件,选择删除行的操作,选择操作的中继器)
(1)双击中继器,在单元格中拖拽一个文本标签,内容改为删除,并修改名称为删除按钮Axure RP9 中继器的简单操作(1)
(2)选中文本标签,新建交互,选择事件为鼠标单击时,打开大面板,动作选择删除行并勾选中继器,确定之后预览,就能看到,在相应行后面点击删除,该行消失。Axure RP9 中继器的简单操作(1)
三、分页(在中继器的样式里分页面板,可以设置分页显示给上一页和下一页按钮绑定点击事件,选择中继器中的设置当前选择页面,在页面那里选择下一页)。
(1)在面板中拖拽两个如图所示元件,选中左边元件,新建交互,事件为鼠标单击时,打开大面板,左栏选中设置当前页,勾选中继器,页面选择上一页,确定。Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)Axure RP9 中继器的简单操作(1)
(2)同样,把右边元件按相同步骤设置成如图所示,点击确定。Axure RP9 中继器的简单操作(1)
(3)选中中继器,在样式里的分页栏把每页项修改为2,预览就能看到,一页只显示两项,并且点击下一页会跳转到下一页。Axure RP9 中继器的简单操作(1)