Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)优质

扫码添加渲大师小管家,免费领取渲染插件、素材、模型、教程合集大礼包!

在交互设计中。经常会用到销售单。采购单等这样的表单。本经验讲解如何使用Axure的中继器实现表行的添加。删除。修改以及自动计算行号的功能。

云渲染农场还有超多“Axure RP”视频课程。欢迎大家点击查看

工具/软件

硬件型号:戴尔灵越15

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

建立如下图的表格并复制三份

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第2步

第一个表格删除两个空行。第二个与第三个表格只保留一个空行。并将第三个空行的“操作”列输入“+”号且调整字体到合适大小。一般为20磅。第三个空行进行组合并命名为“添加行”,如下图:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第3步

在页面中拖入一个“中继器”命名为“表格中继器”并将第二个表格剪切到中继器中(删除中继器原有矩行)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第4步

设置中继器列并删除原有数据(保留一个空白行)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第5步

在序号列添加一个标签。项目一~项目三添各加一个文本框。操作列添加文字“删除”并调整字体

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第6步

设置删除的鼠标单击时交互为 如图:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第7步

添加全局变量“XH”

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第8步

设置序号的标签的载入时交互为 如图:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第9步

设置中继器“每项加载时”交互为如下图

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第10步

设置项目一~项目三文本框的交互为 如图:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第11步

设置添加行组合的鼠标单击时交互为 如图:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

第12步

最后预览效果:

Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)

以上关于“Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)”的内容小渲今天就介绍到这里。希望这篇文章能够帮助到小伙伴们解决问题。如果觉得教程不详细的话。可以在本站搜索相关的教程学习哦!

以上是由资深渲染大师 小渲 整理编辑的,如果觉得对你有帮助,可以收藏或分享给身边的人

本文标题:Axure表格怎么实现行增、删、改及自动计算行号(axure中制作表格)
本文地址:http://www.hszkedu.com/69654.html ,转载请注明来源:云渲染教程网
友情提示:本站内容均为网友发布,并不代表本站立场,如果本站的信息无意侵犯了您的版权,请联系我们及时处理,分享目的仅供大家学习与参考,不代表云渲染农场的立场!

发表评论