axure之中继器的操作

对中继器的简单操作举例解释
1.选取表格添加到图中位置,删除至一行,在添加中继器到左边一列中,如图。
axure之中继器的操作_第1张图片
2.将表中表头修改为序号、姓名、班级,并将这一行复制粘贴到中继器当中x=0,y=0位置,如图。
axure之中继器的操作_第2张图片
3.将中继器复制的这行内容清空,如图。
axure之中继器的操作_第3张图片
axure之中继器的操作_第4张图片
4.点击中继器,点击样式,如图。
axure之中继器的操作_第5张图片
5.对中机器的样式进行修改,中继器中序号、姓名、班级分别对应为左栏中id、name、clazz。并对表格内容进行添加。如图。
axure之中继器的操作_第6张图片
6.对中继器进行交互,打开交互大面板,选中设置文本下的矩形框,修改目标元件为表格单元,值可以直接修改也可以通过右边的fx修改,点击fx,插入函数,选中[[item.id]]、[[item.name]]、[[iem.clazz]],点击确定。
axure之中继器的操作_第7张图片
axure之中继器的操作_第8张图片
7.元件库中添加元件如图所示并设为隐藏。并对添加按钮进行交互,打开交互大面板,点击鼠标单击时,显示弹框。并对提交按钮进行交互,鼠标单击时,隐藏弹框。并对删除按钮进行交互,鼠标单击时,隐藏弹框。
axure之中继器的操作_第9张图片
8.对提交按钮再次进行交互,打开交互大面板,点击鼠标单击时,在中继器动作中选择新增行,点击新增行目标元件选择中继器,点击新增行,点入id的fx,设置如图所示。新增一个局部变量,将id框中内容设置成局部变量,再插入这个局部变量。
axure之中继器的操作_第10张图片
9.姓名,班级也如上图设置。
axure之中继器的操作_第11张图片
axure之中继器的操作_第12张图片
axure之中继器的操作_第13张图片
10.对中继器进行分页。点击中继器,点击样式,下拉将分页设置如图。
axure之中继器的操作_第14张图片

你可能感兴趣的:(axure简单应用)