Axure基础详解六:中继器的增、删、改、查

说明

在Axure软件中,中继器(Repeater)是一种特殊的控件,它的作用是允许用户创建重复的数据项,并以列表或表格的形式展示出来。中继器可以用于模拟动态数据,例如产品列表、新闻列表、用户评论等。

中继器的主要作用有:

  1. 重复数据项:中继器可以重复生成相同的数据项,用户可以通过定义数据字段来填充每个数据项的内容。这样,用户可以快速创建大量相似的数据项,而无需手动复制和粘贴。
  2. 动态列表/表格:中继器可以将重复的数据项以列表或表格的形式展示出来,方便用户查看和比较不同的数据。用户可以自定义列表或表格的样式和布局,以满足不同的需求。
  3. 数据筛选和排序:中继器可以根据用户的需求进行数据筛选和排序。用户可以设置筛选条件,例如按照价格从低到高排序、只显示特定类别的产品等。这样,用户可以更方便地查找和比较数据。
  4. 数据编辑和删除:中继器可以允许用户对数据进行编辑和删除操作。用户可以通过添加编辑和删除按钮,实现对每个数据项的修改和删除。这样,用户可以模拟真实的数据操作流程。

总的来说,中继器在Axure软件中的作用是帮助用户快速创建、展示和操作重复的数据项,以模拟动态数据的展示和交互过程。它可以提高原型设计的效率和交互性,使得设计更加真实和可靠。


运用场景

Axure软件中的中继器可以应用于多种场景,特别适用于需要展示和处理重复数据的交互设计。以下是一些常见的运用场景:

  • 1. 产品列表:在电子商务网站或移动应用的产品列表页面中,可以使用中继器展示各个产品的名称、价格、图片等信息,并实现筛选、排序和搜索功能。
  • 2. 新闻列表:在新闻资讯类网站或应用中,可以使用中继器展示最新的新闻标题、发布时间、摘要等信息,并实现分页和查看更多功能。
  • 3. 用户评论:在社交媒体或文章阅读应用中,可以使用中继器展示用户的评论内容、用户名、评论时间等信息,并实现点赞、回复和举报功能。
  • 4. 调查问卷:在调查问卷设计中,可以使用中继器展示问题和选项,并记录用户的选择和填写的答案,以便后续分析和统计。
  • 5. 日历日程:在日历应用或会议管理系统中,可以使用中继器展示每天的日程安排、会议时间、地点等信息,并实现添加、编辑和删除日程的功能。
  • 6. 图片库:在图片管理应用或相册设计中,可以使用中继器展示图片的缩略图、名称、标签等信息,并实现上传、下载和分享图片的功能。

总的来说,中继器可以应用于任何需要展示和处理重复数据的场景,可以帮助用户快速创建和展示动态数据,并实现各种交互功能。用户可以根据具体的需求和设计目标,灵活运用中继器来实现交互设计。

使用方法

创建数据

双击中继器进入内部,我们可以在内部制作一个基础模板,然后退出,这样我们就可以以这个基础模板为基准,后续可以对此进行增、删、改、查。

点击中继器,在样式栏中的数据表里可以对中继器里内部数据进行修改。


绑定数据

但前提条件是要把中继器里的元件与数据表中的函数进行绑定。

绑定方法:每项加载

中继器有一个唯一的动作事件每项加载。它可以将数据表里的数据,通过设置文本将数字赋值给中继器里的各项元件。使数据随着变量而变化。


修改数据

数据表给以通过新增行、删除行、插入等操作对数据进行增加、修改、删除等操作。


在原型交互中,大部分修改数据的方法是通过弹窗的方式填写数据修改的,这就设计的数据的交互和中继器函数和变量的运用了。


增加数据

以上图为例制作一个简易的的数据表格,给增加按钮添加点击事件>>中继器>>新增行>>进入数据表>>输入新增数据。


也可以通过弹窗的方式新增数据。

分别将输入框通过设置文本的方式,绑定中继器里数据表里对应的变量,输入到输入框的数据便可以增加到数据表里了。


删除数据

给删除按钮添加点击事件>>中继器>>删除行>>当前元件>>删除数据


修改数据

给修改按钮添加点击事件>>中继器>>更新行>>当前元件>>修改数据


查找数据

给查询按钮添加点击事件>>中继器>>新增过滤器>>规则>>选择变量(按要求填写规范格式)。


排序


  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太空背包客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值