如何利用Axure RP 8制作简易计算器

 时间:2024-10-12 10:28:20

1、第一步,首先,双击打开Axure RP 8软件,利用Rectangle制作出0到9的数字键,以及“.”和“=”,注意它们之间的相互位置,如下图所示:

如何利用Axure RP 8制作简易计算器

2、第二步,接着,再次添加一个Rectangle,将其内容改为“C”,这个按钮的功能是清空显示,即是clear功能,如下图所示:

如何利用Axure RP 8制作简易计算器

3、第三步,简易计算器有加减乘除,这里添加四个Rectangle,将其改为加减乘除相对应的符号,如下图所示:

如何利用Axure RP 8制作简易计算器

4、第四步,接着,添加两个Rectangle,分别改为百分号和删除符号,删除符号的功能是每次删除一个数字或符号,如下图所示:

如何利用Axure RP 8制作简易计算器

5、第五步,然后,在最上方添加一个数字显示区域,长度为四列数字的长度,用于显示计算的结果,如下图所示:

如何利用Axure RP 8制作简易计算器

6、第六步,最后,在浏览器中预览计算器;并使用四则运算测试计算器,查看计算结果,如下图所示:

如何利用Axure RP 8制作简易计算器
  • AxureRP如何制作输入文字与退格效果
  • HBuilder创建app,HBuilder打开html
  • 使用HTML5简单绘制一个五角星
  • 在dreamweaver cs5中怎么加meta标签?
  • css如何去掉select选项自带的边框
  • 热门搜索
    美国旅游签证 中国旅游景点 阳朔旅游攻略 旅游法 承德旅游 泰安旅游 南湖国旅游官网 吉林旅游 江门旅游 济宁旅游