Axure RP8.0制作属性标签添加删除功能原型

2017年8月19日
3+
阅读:144

一般在购物网站、文章编辑、筛选搜索等等地方都会有属性标签的功能,这是为了明确地向用户展示当前的属性集合,它可以支持用户方便地进行添加和删除两种操作。这和前面所讲的axure8.0快速入门新手教程:添加删除是非常类似的,这里就教大家如何使用中继器来制作这种属性标签原型。

第一步,准备一个中继器和一个组合,中继器中放一个矩形和一个×,组合中放一个矩形和一个文本框。

第二步,为X添加鼠标单击时用例,即是当鼠标单击X时,删除本行数据,然后调整输入框组合的位置。

第三步,为文本框添加失去焦点时用例,当文本框失去焦点时,并且当时文本框内没有文字内容,即需要将文本框内的文字内容添加入中继器的数据集中,然后清空文本框的文字内容,最后再调整输入框组合的位置。

完成之后的原型效果请移步:http://weidublog.com/wp-content/case/prototyping1/201708191009/

希望学习更多有趣的Axure原型案例,可以持续关注维度网站(http://weidublog.com,最专业的Axure原型设计学习平台。

作者:维度

转载请注明出处:http://weidublog.com/index.php/2017/08/19/1224/

没有评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注