当前位置:粤秀教育 > 艺术 > 艺术问答 > 正文

Axure中继器如何制作数据增删效果原型?

发布时间: 来源:学习小将 114

当我们需要在工作中添加或删除数据时,我们如何使用Axure来做到这一点呢?本文介绍了利用中继器实现数据的加删操作方法。感兴趣就让我们一起来看看。谁说鱼与熊掌不可兼得?选择粤秀教育,Axure理论+实操双向提升~粤秀教育精选多套系统全面Axure自学视频课,综合教学,适合新手0基础入门到进阶,感兴趣有需要都不要错过~

Axure中继器制作数据增删效果原型步骤:

Axure中继器如何制作数据增删效果原型?

一、列表制作

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

二、表单设置

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

三、创建数据

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

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

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

四、删除数据

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

五、细节优化

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

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

最终效果:

以上所述就是Axure中继器如何制作数据增删效果原型?”的相关内容分享了,希望能够帮助到你!如果你还想要学习更多的Axure技巧,咨询Axure相关文章,或者直接跟着我们粤秀教育的专业讲师开始Axure自学视频课学习体验~专业系统视频教程学习,学习收获总会比你零零散散图文学习来得更快速、更有效率~

相关文章
精彩推荐
学习热线
4008-128-711
申请报名

立即申请报名,提升你的技能

  • 姓名

  • 电话*

  • 报读学校

  • 报读专业

立即报名

Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.yuexiuedu.com/yishu/wp-includes/script-loader.php on line 2841