Axure9数字加减交互案例

数字加减交互效果在Axure案例中很常用，在移动端最常见的形式就是购买商品时选择添加数量，下面就按照移动端购买商品时添加或减少来做案例。

这是实际案例

             

    首先我们要实现的交互效果是当点击“+”时，文本框内数字加1，当点击“-”号时文本框内数字减1。

这里我们可以用三种方法来实现这个效果，每种方法都有不同的使用场景

第一种方法

打开Axure9新建一个文件需要的组件就是两个圆形，一个文本框。

设置圆形尺寸为30*30，两个圆形分别命名为加和减，文本尺寸为80*32，命名为数量。  

 

在文本框内输入数字0，可调整边距使文字居中

 

 选择Axure导航栏中项目列表中的全局变量，新增全局变量 num   默认值填为 0。