『Flutter』项目实战(苹果计算器)处理计算逻辑

原创

杨不易呀

发布于 2024-01-31 01:45:45

2241

发布于 2024-01-31 01:45:45

文章被收录于专栏：Flutter18 杨不易呀Flutter18

1.前言

经过上一篇文章的介绍，已经完成了项目的输入数据，接下来就是处理计算逻辑了。

2.计算逻辑 AC、+/-、%

首先实现 AC、+/-、%，先定义需要使用的变量：

// 保存前面输入数据
dynamic _num1 = 0;
// 保存后面输入数据
dynamic _num2 = 0;
// 保存当前计算状态
bool isCalculate = false;

然后实现 AC、+/-、% 的点击事件：

AC：

_output = "0";
_num1 = 0;
_num2 = 0;
isCalculate = false;

+/-：

// 负负得正
if (_output.contains(".")){
  // 小数
  _output = (-double.parse(_output)).toString();
} else {
  // 整数
  _output = (-int.parse(_output)).toString();
}

%, 在实现 % 之前给大家介绍一下在 Flutter 中如何安装第三方库，因为这里我需要使用到一个第三方库来解决精度问题，所以需要先安装：

在 Flutter 中安装第三方库通常涉及以下几个步骤：

找到库: 访问 pub.dev（官方的 Flutter 和 Dart 包管理网站），并找到你需要的库。库页面将提供安装指令、文档和使用示例。
更新 pubspec.yaml 文件: 在你的 Flutter 项目根目录中找到 pubspec.yaml 文件。在 dependencies 部分添加你想要安装的库及其版本。例如，如果你想安装一个名为 http 的库，你会这样做:

dependencies:
  flutter:
    sdk: flutter
  # 添加这行，版本号可能不同
  http: ^0.13.3

安装库: 打开终端（或命令提示符、或IDE的终端），导航到你的项目目录，然后运行以下命令以获取和安装新的依赖：

flutter pub get

在项目中使用库: 在你的 Dart 代码中，现在你可以引用并使用这个库了。通常，你需要导入包含你需要的功能的特定文件。例如，如果你安装了 http 库，你可能需要这样做：

import 'package:http/http.dart' as http;

查看文档和示例: 返回到你在 pub.dev 上找到的库页面，阅读文档和查看示例代码以了解如何使用这个库。

确保遵循库的官方文档，因为不同的库可能有特定的安装步骤或依赖要求。

我这里使用 decimal：

%：

安装 decimal：

flutter pub get

导入与定义 decimal：

// 引入解决丢失精度库
import 'package:decimal/decimal.dart';

// 快速处理丢失精度结构
final d = (String s) => Decimal.parse(s);

// 百分号, 除以100
_output = (d(_output) / d("100.0")).toDouble().toString();

查看一波效果：

3.计算逻辑 +、-、x、÷、=

在定义一个变量用于保存当前运算符 _operand：

// 保存当前运算符
String _operand = "";

然后实现 +、-、x、÷、= 的点击事件：

+、-、x、÷：

case "÷":
  isCalculate = true;
  _operand = btnText;

  // 如果已经保存了上一次输入内容, 那么就做运算
  if (_num1 != 0) {
    // 小数之间的运算
    if (_output.contains(".") || _num1 is double) {
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) / d(_num2.toString()))
          .toDouble()
          .toString();
      _num1 = double.parse(_output);
    } else {
      // 整数之间运算
      _num2 = double.parse(_output);
      // 保存当前输入值
      _output = (d(_num1.toString()) / d(_num2.toString()))
          .toBigInt()
          .toString();
      _num1 = int.parse(_output);
    }
  }
  break;
case "x":
  isCalculate = true;
  _operand = btnText;
  // 如果已经保存了上一次输入内容, 那么就做运算
  if (_num1 != 0) {
    // 小数之间的运算
    if (_output.contains(".") || _num1 is double) {
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) * d(_num2.toString()))
          .toDouble()
          .toString();
      _num1 = double.parse(_output);
    } else {
      // 整数之间运算
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) * d(_num2.toString()))
          .toBigInt()
          .toString();
      _num1 = int.parse(_output);
    }
  }
  break;
case "+":
  isCalculate = true;
  _operand = btnText;
  if (_num1 != 0) {
    // 如果已经保存了上一次输入内容, 那么就做运算
    if (_output.contains(".") || _num1 is double) {
      // 小数之间的运算
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) + d(_num2.toString()))
          .toDouble()
          .toString();
      _num1 = double.parse(_output);
    } else {
      // 整数之间运算
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) + d(_num2.toString()))
          .toBigInt()
          .toString();
      _num1 = int.parse(_output);
    }
  }
  break;
case "-":
  isCalculate = true;
  _operand = btnText;
  if (_num1 != 0) {
    // 如果已经保存了上一次输入内容, 那么就做运算
    if (_output.contains(".") || _num1 is double) {
      // 小数之间的运算
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) - d(_num2.toString()))
          .toDouble()
          .toString();
      _num1 = double.parse(_output);
    } else {
      // 整数之间运算
      // 保存当前输入值
      _num2 = double.parse(_output);
      _output = (d(_num1.toString()) - d(_num2.toString()))
          .toBigInt()
          .toString();
      _num1 = int.parse(_output);
    }
  }
  break;
case "=":
  onBtnClick(_operand);
  _operand = "";
  isCalculate = false;
  _num1 = 0;
  _num2 = 0;
  break;

default 里面的逻辑，还需要改动一下：

// 判断是否点击了运算符, 如果点击了就将当前的数据先存储起来
if (isCalculate) {
  if (_output.contains(".")) {
    _num1 = double.parse(_output);
  } else {
    _num1 = int.parse(_output);
  }
  _output = "0";
  isCalculate = false;
}

AC 需要在加一句清空当前运算符的代码：

_operand = "";

好，代码写完了，我主要解释下 除法 与 = 的逻辑, 然后其它的就是类似的了。

实现 + 的逻辑, 首先要将 isCalculate 设置为 true, 然后将当前的运算符保存到 _operand 中，然后判断 _num1 是否为 0，如果不为 0，说明已经保存了上一次输入的数据，那么就做运算，如果为 0，说明是第一次输入，那么就不做运算。

然后判断 _output 是否包含小数点，如果包含小数点，说明是小数，那么就将 _num1 和 _num2 都转换为 double 类型，然后做除法运算，最后将结果转换为 String 类型，然后将 _num1 保存为当前的结果。

如果不包含小数点，说明是整数，那么就将 _num1 和 _num2 都转换为 int 类型，然后做除法运算，最后将结果转换为 String 类型，然后将 _num1 保存为当前的结果。

实现 = 的逻辑，首先调用 onBtnClick 方法，将当前的运算符传递进去，然后将 _operand 设置为空，将 isCalculate 设置为 false，将 _num1 和 _num2 设置为 0。

最后的效果：

代码中有可优化的代码，我就不优化了，大家可以自行优化。

End

🐤如果您对本文有任何疑问或想法，请在评论区留言，我将很乐意与您交流。 🐰您的每一条评论对我都至关重要，我会尽快给予回复。 🎈如果您觉得这篇文章对您有所启发或帮助，请不吝赞赏、收藏或分享。 🎁您的每一个动作都是对我创作的最大鼓励和支持。 👍谢谢您的阅读和陪伴！ 😁如果您觉得本文对您有所帮助，可以关注我的公众号 杨不易呀，我会不定期分享一些干货文章。 🍻感谢您的支持，我会继续努力的！