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

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


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


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


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


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


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


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


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

你可能感兴趣的:(如何用axure做出购物车数量加减,看了你就知道)