axure怎么制作加减号控制数据的效果?

axure设计网页效果的时候,想要制作一个用加减号控制数据减少或者增加的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程。

1、打开axure工具

axure怎么制作加减号控制数据的效果?

2、从左侧工具栏拖出两个矩形和一个文本框并设置相应大小和位置并分别设置名称;文本框类型设置为

axure怎么制作加减号控制数据的效果?

axure怎么制作加减号控制数据的效果?

3、左边矩形框输入-号、右边矩形框输入+号、中间矩形框输入10

axure怎么制作加减号控制数据的效果?

4、选中左边矩形框,在右边栏中属性下单击鼠标单击事件

axure怎么制作加减号控制数据的效果?

5、在用例编辑窗体中左侧选择设置文本;右侧选择然后点击fx; 

数:是显示数值的窗体

axure怎么制作加减号控制数据的效果?

6、先设置局部环境变量bl,再设置值为[[bl-1]]。即每一次单击-号时,使数值-1。完成设置

axure怎么制作加减号控制数据的效果?

axure怎么制作加减号控制数据的效果?

7、此列只做了-,没有做+,做+时只需要将变量+1即可

以上就是axure加减号控制数据的效果的教程,希望大家喜欢,请继续关注。