原型之美产品经理/设计

如何用axure做出购物车数量加减,看了你就知道

2018-08-26  本文已影响235人  lxw__

(1)首先建立一个空白页面,然后画出一个大矩形,两个数量加减的小矩形(分别命名为“+”“-”,可以填充一下颜色),最后画一个实现数量加减的文本框,命名为“数量”.如图所示。

(2)首先选中“-”号矩形,在属性里给它添加事件,鼠标单击时,如图所示。

(3)点击设置文本,在窗口右边选择我们要实现效果的元件,也就是“数量”,如图所示。

(4)点击窗口右下方设置文本值里面的fx,插入函数,如图所示。

(5)点击添加局部变量,为变量命名,我们取名为num(可自定义),第二个选择元件文字,第三个选择我们命名的“数量”,在插入变量与函数里输入 [[num-1]],点击确定。如图所示。

(6)我们的“-”就做好了但是购物车数量可不能为负数哦,所以要给他设置条件,点击添加条件,给它设置条件,点击确定,如图所示。

(7)“+”的效果,依照2-4步,(5)步在插入变量与函数里输入 [[num+1]],点击确定。如图所示。

(8)这样我们一个利用AXURE就做出了一个单击“+”“-”按钮,实现购物车数量加减的效果了。

上一篇下一篇

猜你喜欢

热点阅读