如何利用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选项自带的边框
  • 热门搜索
    增长率怎么算 我的世界南瓜怎么种 老师怎么画 海力士内存条怎么样 厚嘴唇怎么变薄 放坡系数怎么算 电脑驱动怎么安装 移动宽带怎么样 虾干怎么做好吃 身份证消磁了怎么办