作为Axure的高级组件---中继器 小编肯定也是要来分享一下的~
先看一下效果:
废话不多说,直接上才艺 >~>
一、首先我们打开中继器看到的是这样的一个一列表格
双击之后又变成一个矩形框
小编表示自己刚接触的时候也是一头雾水,所以在这里就言简意赅的说明一下,中继器其实就是一个可以展现某个需要重复部件的元件,有重复器的含义,这么说可能还是不理解,所以直接来演示一遍大家就明白了
二、复制一个矩形出来,关闭中继器后发现列表从一行两列变成了三行两列,不难猜测,中继器可以在下方重复显示行
那为什么刚好是显示三行呢,可以看到右边样式表格中的数字123刚好对应矩形中的123,试想一下,添加行456呢,或者改成ABC呢
三、于是验证了我们的猜想
四、同样在第二列添加数据,发现矩形框中并没有变化,这是因为没有把数据和样式关联起来
五、在交互中可以看到原本已经关联了第一列(Column0),所以我们只需要把第二列也关联进去就好了,列名可以随便取,不过要以字母开头,这里小编就以Column1为例啦,那[[Item.]]是啥意思呢,大家可以把它理解为一个函数,直接套用就好啦!
六、然后再稍微改一下数据,添加一个表头,这样是不是看起来更加清晰了
七、相信到这里大家已经明白了重复器的意义,接下来再介绍关于列表数据的增删吧,首先先搭建出一个简单的输入框(注意在样式这里要改一下命名,方便后面查找)
八、点击提交按钮,在交互中事件选择【鼠标单击时】-动作添加【添加行】-中继器-添加行,点击Column0中的fx
同样再点击Column1中的fx,添加电话框即可
到这里列表的增加行就完成啦,下面来说删行
九、点击删除按钮,在交互中事件选择【鼠标单击时】-动作添加【删除行】-中继器-已标记,点击确定
十、双击中继器,进入两个矩形页面,选中两个矩形Ctrl G组合,然后在交互中时间选择【鼠标单击时】-添加动作【标记行】-中继器
十一、这里就已经完成删除的操作了,大家还可以加入小编前几期介绍过的选中样式,这样就更完善啦!快冲冲冲!!!
增加成功,但删除出错,点按钮没有反应,按钮需要特定按钮吗,还是什么别的原因
为什么我可以添加,但是删除没反应,请问这是什么原因啊
有教学视频吗?
👍
点赞