使用 Flutter 轻松打造专属 Android 计算器应用

2024-01-29 21:20:58

前言

对于广大 Android 用户而言，计算器应用早已成为生活中不可或缺的一部分，无论进行基本数学运算、科学计算，还是解决日常遇到的财务难题。而 Flutter 的出现，为 Android 开发者提供了一个绝佳的机会，可以轻松快捷地制作出功能强大的计算器应用。

探索 Flutter 的强大功能

Flutter 是一款由 Google 开发的开源 UI 框架，专为构建跨平台移动应用而设计。其最大的优势在于它的跨平台能力，只需编写一次代码，即可在 Android、iOS 和 Web 等多个平台上运行。

对于计算器应用来说，Flutter 的跨平台特性至关重要，它可以帮助开发者以更低的成本覆盖更广泛的用户群体。同时，Flutter 还是一个高度可定制的框架，开发者可以充分发挥其灵活性，打造出符合自身需求和用户期望的计算器应用。

打造你的 Android 计算器应用

在开始之前，你需要确保已在计算机上安装了 Flutter SDK。安装完成后，即可创建新项目并开始编写代码。

flutter create calculator_app

构建应用界面

计算器应用的界面设计至关重要，它直接影响用户的交互体验。Flutter 提供了丰富的 UI 组件，可以轻松构建出美观且直观的界面。

以下代码展示了如何使用 Flutter 创建一个简单的计算器界面：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Calculator',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String result = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Calculator'),
      ),
      body: Column(
        children: <Widget>[
          Text(
            result,
            style: TextStyle(fontSize: 30),
          ),
          Row(
            children: <Widget>[
              Button('7'),
              Button('8'),
              Button('9'),
              Button('/'),
            ],
          ),
          Row(
            children: <Widget>[
              Button('4'),
              Button('5'),
              Button('6'),
              Button('*'),
            ],
          ),
          Row(
            children: <Widget>[
              Button('1'),
              Button('2'),
              Button('3'),
              Button('-'),
            ],
          ),
          Row(
            children: <Widget>[
              Button('0'),
              Button('.'),
              Button('C'),
              Button('+'),
            ],
          ),
          Row(
            children: <Widget>[
              Button('=', expanded: true),
            ],
          ),
        ],
      ),
    );
  }

  void Button(String value) {}
}

添加应用逻辑

计算器应用的核心在于其计算逻辑。Flutter 提供了丰富的数学库，可以轻松实现各种计算功能。

以下代码展示了如何使用 Flutter 添加简单的加法运算逻辑：

void Button(String value) {
  if (value == '=') {
    setState(() {
      result = (num1 + num2).toString();
    });
  } else {
    setState(() {
      if (value == 'C') {
        result = '';
        num1 = 0;
        num2 = 0;
        operator = '';
      } else {
        if (operator == '') {
          num1 = int.parse(result + value);
        } else {
          num2 = int.parse(result + value);
        }
      }
    });
  }
}