Axure产品设计---中继器

我使用Axure进行产品设计也是刚刚开始,在此记录下我学习过程中感觉值得记录的,以免以后忘掉。
很多人都很少使用中继器,但是我使用下来就爱上了,真的很好用很强大,再也不用表格,复制+标注之类的了。

  1. 把中继器拖入设计窗口
  2. 双击进入编辑窗口,我这边是做的表格
    在这里插入图片描述
    出来效果
    在这里插入图片描述
    数据怎么出来的呢?接着往下看
  3. 右边properties中有个中继器,里边可以添加我们的数据,类似于数据表格,里边可以添加列行等在这里插入图片描述
    把数据映射到页面
    在这里插入图片描述
    这样数据就能映射到页面了,中继器表格中多少数据,页面就会自动加载多少条数据
    咦,看着跟表格没什么优势啊那如果是这样的呢?
    在这里插入图片描述
    不用再去复制粘贴,还要考虑对其等等啦,修改直接在中继器表格修改就好了。注:添加图片是右击单元格就有导入图片。

另外,我们可以实现更多交互操作哦,比如新增,删除等等
中继器新增记录
以我这边的设计为例
在这里插入图片描述
填写数据后点击确认,就可以在中继器中增加一行。
在这里插入图片描述
点击添加行,可跳出配置页面
在这里插入图片描述
可以设置填写的对应字段到中继器的对应表字段中,从而实现新增记录,这里我没有设置字段名哈,看着比较乱,建议设置一致的字段名比较好区分。对应的设置好每个字段就好了。
效果:
在这里插入图片描述
在这里插入图片描述
为啥有个不对的呢,那就是没有设置正确了,没有读取到值会直接按字符串处理了
删除记录
效果:
在这里插入图片描述
在这里插入图片描述
已删除了,实现方法:
在这里插入图片描述
先标记该删除行,然后
在这里插入图片描述
就可以了,我这里的弹窗是用隐藏显示动态面板来实现的。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值