Axure教程_数量加减的实现

放大字体  缩小字体 发布日期:2019-12-05  来源:来自互联网  作者:来自互联网  浏览次数:483
导读

(1)设置“减”矩形交互——鼠标单击时 1)编辑条件,因为放在商品的实际案例里数量是不能为0的。 说明:“加”矩形相比“减”矩形少了编辑条件,Case1的设置相似,只是将“-1”改为了“+1…

我的上一篇文章是《 Axure教程:实现商品分享功能》,原本计划下一篇写的是《Axure教程:实现商品规格选择功能》,但在制作途中发现内容比较多,所以就先打算拆解开来分几篇文章来写。这一篇是其中一个非常简单的功能->商品数量的增减。

我的上一篇文章是《 Axure教程:实现商品分享功能》,原本计划下一篇写的是《Axure教程:实现商品规格选择功能》,但在制作途中发现内容比较多,所以就先打算拆解开来分几篇文章来写。这一篇是其中一个非常简单的功能->商品数量的增减。

原型预览

刚开始:

点三下“加”矩形后:

点两下“减”矩形后:

预览地址:https://tcv3k3.axshare

所需元件

“减”矩形:

“数量”矩形:

“加”矩形

操作步骤

(1)设置“减”矩形交互——鼠标单击时

1)编辑条件,因为放在商品的实际案例里数量是不能为0的。

2)设置Case1

(2)设置“加”矩形交互——鼠标单击时

说明:“加”矩形相比“减”矩形少了编辑条件,Case1的设置相似,只是将“-1”改为了“+1”。假如放到商品的实际案例里,加应该也是有条件的,例如“限购x件”、“库存x件”,那么这个x就是加的上限。

(3)按F5预览原型操作看看

小记

这个案例确实太简单了。可以巩固一下:编辑条件、给元件命好名、设置文本时使用简单地函数。

本文由 @Nilz 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash ,基于 CC0 协议

 
 
免责声明
• 
本文为会员免费发布,仅代表发布者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们删除处理。