Axure 计算器 超级完整

先上成品图

 

看起来是不是很复杂,别急,请继续看下去

 这样看应该就明白了吧,我是找的一张计算器的图片,然后将按钮一个个添加,最后设置不透明度为0%,这样的计算器是不是既简单又美观>_<

具体的页面设置是这样的:

7.%  +/-  退格  清零键的设置

1.全局变量参数设置:

位置:项目--------全局变量

 

序号 变量名 变量描述说明

1 number1 数字1

2 number2 数字2

3 operate 运算范围 +-*

4 figures 临时数值

5 decimal 小数

6 length 长

7 dot 小数点

8 mantissa 尾数

9 result 结果

2.AC/NO的设置:

ac/no需要实现的功能是 类似于开关机的功能,文本框里有文字时点击一下关机,没有文字时点击一下就开机,关机之后不能再输入,老师没有讲过,网上的资料也不全,我只能用笨办法,那就是设置两个文本框,进行切换,勉强实现.

 3. 1-9 0 00等数字按键的设置 :

     数字1设置:

   数字2设置:

 观察数字1和数字2的按键,基本相同,唯一不同的是每一行的number值不同,把+1改成+具体按键的数字

数字0的设置:

数字00的设置: 

 4.小数点设置

看不全的那一行:  [[figures.substring(0,length-1)]] 

5.加减乘除设置:

+

- 

 *

/

6.等于号的设置:

看不清的:

case1:[[result]][[number2]]=[[number1+number2]]

case2:[[result]][[number2]]=[[number1-number2]] 

case3:[[result]][[number2]]=[[number1*number2]] 

case4:[[result]][[number2]]=[[number1/number2]] 

7.%  +/-  退格  清零键的设置 

%

 MU

CE 

退格键 

 看不清的:

[[number1.substr(0,number1.length-1)]]

[[number2.substr(0,number2.length-1)]]

完成总结:

      这是我写的第一个博客,排版是真的不会,本来想搞一个目录进行跳转的,但是实在是弄不出来,排版啥的真的一塌糊涂,希望各位读者大大多多包涵.

     至于这个计算器,可能有很多不足之处,毕竟我不是专业学习axure的,关于Axure制作计算器,网上的资源实在是太少了,我开始制作的时候也废了不少的功夫,为此,我才想专门写一篇博客来记录,可能有些地方真的有很多问题,也希望各位大佬对此进行指正,在下感激不尽!

     我相信读这篇博客的人大多是像我一样的初学者,可能按照我的例子也许会出错,后续我会将我做的成品和代码详细文档上传(绝对是免费的)让大家对照,但是由于我是第一次用博客,很多东西都不太明白,上传文件也是,请大家耐心等待一下,辛苦了

      制作不易,想要读者大大的一个赞.

   ps:如果大佬们有更好的方法或者说找到文中错误,请务必在评论区或者私聊告诉我,感激不尽,最后,祝各位读者大大学业有成,身体健康!!!