我使用Axure进行产品设计也是刚刚开始,在此记录下我学习过程中感觉值得记录的,以免以后忘掉。
很多人都很少使用中继器,但是我使用下来就爱上了,真的很好用很强大,再也不用表格,复制+标注之类的了。
- 把中继器拖入设计窗口
- 双击进入编辑窗口,我这边是做的表格
出来效果
数据怎么出来的呢?接着往下看 - 右边properties中有个中继器,里边可以添加我们的数据,类似于数据表格,里边可以添加列行等
把数据映射到页面
这样数据就能映射到页面了,中继器表格中多少数据,页面就会自动加载多少条数据
咦,看着跟表格没什么优势啊那如果是这样的呢?
不用再去复制粘贴,还要考虑对其等等啦,修改直接在中继器表格修改就好了。注:添加图片是右击单元格就有导入图片。
另外,我们可以实现更多交互操作哦,比如新增,删除等等
中继器新增记录
以我这边的设计为例
填写数据后点击确认,就可以在中继器中增加一行。
点击添加行,可跳出配置页面
可以设置填写的对应字段到中继器的对应表字段中,从而实现新增记录,这里我没有设置字段名哈,看着比较乱,建议设置一致的字段名比较好区分。对应的设置好每个字段就好了。
效果:
为啥有个不对的呢,那就是没有设置正确了,没有读取到值会直接按字符串处理了
删除记录
效果:
已删除了,实现方法:
先标记该删除行,然后
就可以了,我这里的弹窗是用隐藏显示动态面板来实现的。