Axure 中继器入门教程:数据增删

0 2021-08-25 09:53 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 56 人学习了本教程

《Axure 中继器入门教程:数据增删》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强交互产品,文本,下拉列表框,文本标签等多维度案例或实操来进行更多的学习;此教程是由shenyin在2021-08-25发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

当工作中需要进行数据增删操作时,我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了数据增删操作,让我们一起来看一下。

原型展示:https://lyz96n.axshare.com

Axure 中继器入门教程:数据增删


所需原件:
  1. 中继器
  2. 文本
  3. 文本标签
  4. 下拉列表

本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何实现列表的数据增删

一、列表制作

Axure 中继器入门教程:数据增删

这里我们直接引用课程 【Axure 教程】中继器入门教程-列表制作 中制作的列表,快速修改表头和中继器数据后,得到一个列表,如上图;

二、表单设置

Axure 中继器入门教程:数据增删

根据示例,我们需要两个文本框,分别作为【姓名】和【年龄】的赋值,下拉框作为【性别】的赋值,如上图所示;

三、创建数据

拖入文本标签,编辑为【添加】按钮,创建交互

Axure 中继器入门教程:数据增删

选择添加行,并在行数据中设置数据来源;

Axure 中继器入门教程:数据增删

特别地,如果是下拉框,则需要将局部变量设置为【被选项】,如上图所示;

四、删除数据

Axure 中继器入门教程:数据增删

双击中继器,选中【删除】文本标签,设置交互:【单击时】删除【当前行】;

五、细节优化

我们希望如果创建数据时,数据为空则不执行添加行的交互,并且标记文本框和下拉列表,如下图设置;

Axure 中继器入门教程:数据增删

此外,希望在创建完成数据后,表单数据重置,因此,在添加行后,将文本框置空并将下拉列表重置默认选项,如下图所示;

Axure 中继器入门教程:数据增删

以上就是Axure 中继器入门教程:数据增删的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

0

赠人玫瑰,手有余香

本内容由shenyin原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

shenyin

优秀的审美和设计能力,精通各种设计风格

共发布了221个文章 共获得7个赞

最新发布的教程

查看更多此作者的教程
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员