实现计算器计算功能鸿蒙示例代码

鸿蒙场景化示例代码技术工程师
发布于 2025-3-11 20:59
浏览
0收藏

本文原创发布在华为开发者社区

介绍

本示例实现了计算器的计算功能,包括加减乘除四个基本运算,小数计算、百分数计算以及清除结果功能。

实现计算器计算功能源码链接

效果预览

实现计算器计算功能鸿蒙示例代码-鸿蒙开发者社区

使用说明

应用支持加减乘除等基本运算,点击右上角的撤回按钮或者键盘上的’C’,可清除输入的数据,点击键盘上蓝色的删除按钮,可一位一位的删除输入数据。

实现思路

删除数据

先获取输入框内的字符长度,将字符转换为数组。通过.slice方法截取数组,每点击一次删除按钮,数组长度减一,结果框中显示的数据少一位,从而实现一位一位删除数据的效果。核心代码如下,源码参考HomePage.ets.

inputDelete(len: number) {
    if (len === 0) {
      return;
    }
    let last = this.expressions[len - 1];
    let lastLen = last.length;
    if (lastLen === 1) {
      this.expressions.pop();
      len = this.expressions.length;
    } else {
      this.expressions[len - 1] = last.slice(0, last.length - 1);
    }
    if (len === 0) {
      this.inputValue = '';
      this.calValue = '';
      return;
    }
    if (!CalculateUtil.isSymbol(this.expressions[len - 1])) {
      this.getResult();
    }
  }
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

分类
收藏
回复
举报
回复
    相关推荐