揭秘Qt5打造简易计算器：从零开始，学会图形界面编程

在计算机科学的世界里，图形界面编程（GUI）是一个非常重要的领域。它让计算机变得更加人性化，使得用户可以通过图形化的界面来与计算机进行交互。Qt5是一款非常流行的跨平台C++库，它可以帮助开发者创建出具有精美界面和强大功能的桌面应用程序。本文将带您从零开始，一步步学会使用Qt5打造一个简易的计算器。

了解Qt5

Qt5是Qt框架的最新版本，它支持多种编程语言，包括C++、Python和JavaScript等。Qt5提供了丰富的组件和工具，可以帮助开发者快速构建出跨平台的应用程序。

Qt5的主要特点

跨平台：Qt5可以在Windows、Linux、macOS等多个操作系统上运行。
丰富的组件库：Qt5提供了大量的控件和组件，如按钮、文本框、列表框等，可以轻松构建出复杂的用户界面。
强大的功能：Qt5支持2D和3D图形渲染、网络通信、数据库操作等功能。
易于学习：Qt5提供了详细的文档和示例代码，使得学习起来更加容易。

创建简易计算器

接下来，我们将使用Qt5创建一个简易的计算器。这个计算器将具备基本的加减乘除功能。

准备工作

在开始之前，请确保您已经安装了Qt5开发环境。您可以从Qt官方网站下载并安装Qt Creator，它是Qt5的开发工具，可以帮助您创建、调试和运行Qt应用程序。

创建项目

打开Qt Creator，选择“新建项目”。
在“项目类型”中选择“Qt Widgets Application”。
在“项目名称”中输入“简易计算器”，并选择保存位置。
点击“创建”按钮。

设计界面

在Qt Creator中，双击“mainwindow.ui”文件，进入Qt Designer界面。
在工具箱中找到“QWidget”控件，将其拖放到窗口中。
将“QWidget”控件命名为“calculator”，表示这是一个计算器窗口。
添加必要的控件，如按钮、标签和文本框等。以下是计算器所需的控件列表：
- 7个数字按钮（0-9）
- 4个运算符按钮（加、减、乘、除）
- 一个等号按钮
- 一个清除按钮
- 一个文本框用于显示输入和结果
设置控件属性，如按钮的文本、标签的文本等。

编写代码

在Qt Creator中，双击“mainwindow.h”文件，进入头文件编辑界面。
在头文件中，添加以下代码：

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QLineEdit>
#include <QLabel>
#include <QGridLayout>
#include <QString>
#include <QMessageBox>

class MainWindow : public QWidget
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);

private slots:
    void onNumberButtonClicked(const QString &number);
    void onOperatorButtonClicked(const QString &operatorSymbol);
    void onEqualButtonClicked();
    void onClearButtonClicked();

private:
    QLineEdit *displayLineEdit;
    QString currentNumber;
    QString previousNumber;
    QString currentOperator;
    bool isOperatorClicked;
};

在Qt Creator中，双击“mainwindow.cpp”文件，进入源文件编辑界面。
在源文件中，添加以下代码：

#include "mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QWidget(parent)
{
    QVBoxLayout *mainLayout = new QVBoxLayout(this);

    QGridLayout *gridLayout = new QGridLayout();
    displayLineEdit = new QLineEdit();
    displayLineEdit->setReadOnly(true);
    gridLayout->addWidget(displayLineEdit, 0, 0, 1, 4);

    // 数字按钮
    QPushButton *number7Button = new QPushButton("7");
    QPushButton *number8Button = new QPushButton("8");
    QPushButton *number9Button = new QPushButton("9");
    QPushButton *number4Button = new QPushButton("4");
    QPushButton *number5Button = new QPushButton("5");
    QPushButton *number6Button = new QPushButton("6");
    QPushButton *number1Button = new QPushButton("1");
    QPushButton *number2Button = new QPushButton("2");
    QPushButton *number3Button = new QPushButton("3");
    QPushButton *number0Button = new QPushButton("0");

    // 运算符按钮
    QPushButton *addButton = new QPushButton("+");
    QPushButton *subtractButton = new QPushButton("-");
    QPushButton *multiplyButton = new QPushButton("*");
    QPushButton *divideButton = new QPushButton("/");

    // 等号按钮和清除按钮
    QPushButton *equalButton = new QPushButton("=");
    QPushButton *clearButton = new QPushButton("C");

    gridLayout->addWidget(number7Button, 1, 0);
    gridLayout->addWidget(number8Button, 1, 1);
    gridLayout->addWidget(number9Button, 1, 2);
    gridLayout->addWidget(addButton, 1, 3);

    gridLayout->addWidget(number4Button, 2, 0);
    gridLayout->addWidget(number5Button, 2, 1);
    gridLayout->addWidget(number6Button, 2, 2);
    gridLayout->addWidget(subtractButton, 2, 3);

    gridLayout->addWidget(number1Button, 3, 0);
    gridLayout->addWidget(number2Button, 3, 1);
    gridLayout->addWidget(number3Button, 3, 2);
    gridLayout->addWidget(multiplyButton, 3, 3);

    gridLayout->addWidget(number0Button, 4, 0, 1, 2);
    gridLayout->addWidget(divideButton, 4, 2);
    gridLayout->addWidget(equalButton, 4, 3);
    gridLayout->addWidget(clearButton, 5, 0, 1, 4);

    mainLayout->addLayout(gridLayout);

    // 连接信号和槽
    connect(number7Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number8Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number9Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number4Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number5Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number6Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number1Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number2Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number3Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);
    connect(number0Button, &QPushButton::clicked, this, &MainWindow::onNumberButtonClicked);

    connect(addButton, &QPushButton::clicked, this, &MainWindow::onOperatorButtonClicked);
    connect(subtractButton, &QPushButton::clicked, this, &MainWindow::onOperatorButtonClicked);
    connect(multiplyButton, &QPushButton::clicked, this, &MainWindow::onOperatorButtonClicked);
    connect(divideButton, &QPushButton::clicked, this, &MainWindow::onOperatorButtonClicked);

    connect(equalButton, &QPushButton::clicked, this, &MainWindow::onEqualButtonClicked);
    connect(clearButton, &QPushButton::clicked, this, &MainWindow::onClearButtonClicked);
}

void MainWindow::onNumberButtonClicked(const QString &number)
{
    if (isOperatorClicked) {
        displayLineEdit->clear();
        isOperatorClicked = false;
    }
    displayLineEdit->setText(displayLineEdit->text() + number);
}

void MainWindow::onOperatorButtonClicked(const QString &operatorSymbol)
{
    if (!isOperatorClicked) {
        previousNumber = displayLineEdit->text();
    }
    currentOperator = operatorSymbol;
    isOperatorClicked = true;
}

void MainWindow::onEqualButtonClicked()
{
    if (isOperatorClicked && !previousNumber.isEmpty()) {
        double firstNumber = previousNumber.toDouble();
        double secondNumber = displayLineEdit->text().toDouble();
        double result = 0.0;

        if (currentOperator == "+") {
            result = firstNumber + secondNumber;
        } else if (currentOperator == "-") {
            result = firstNumber - secondNumber;
        } else if (currentOperator == "*") {
            result = firstNumber * secondNumber;
        } else if (currentOperator == "/") {
            if (secondNumber != 0.0) {
                result = firstNumber / secondNumber;
            } else {
                QMessageBox::warning(this, "Error", "Cannot divide by zero!");
                return;
            }
        }

        displayLineEdit->setText(QString::number(result));
        isOperatorClicked = false;
    }
}

void MainWindow::onClearButtonClicked()
{
    displayLineEdit->clear();
    previousNumber.clear();
    currentOperator.clear();
    isOperatorClicked = false;
}

保存并编译项目。

运行程序

在Qt Creator中，点击“运行”按钮。
程序将在Qt Creator的模拟器中运行。

总结

通过本文的学习，您已经掌握了使用Qt5创建简易计算器的基本方法。这个例子展示了如何使用Qt5的控件和布局来构建用户界面，以及如何编写代码来处理用户输入和计算结果。希望这个例子能够帮助您更好地理解Qt5图形界面编程。

在接下来的学习中，您可以尝试添加更多的功能，如支持更多运算符、自定义界面样式等。随着您对Qt5的深入了解，您将能够创建出更加复杂和有趣的应用程序。

正文

揭秘Qt5打造简易计算器：从零开始，学会图形界面编程

了解Qt5

Qt5的主要特点

创建简易计算器

准备工作

创建项目

设计界面

编写代码

运行程序

总结

相关阅读

如何挑选适合PS计算器的字体，提升设计效率与视觉效果

计算机里的计算器：揭秘日常生活中的隐藏数学助手

轻松掌握计算机计算器常用快捷键，提升办公学习效率，告别繁琐计算过程

手机里这样操作，快速找到隐藏的计算器

轻松学会用电脑自带的计算器开方，告别手动计算烦恼

简易计算器实现步骤详解：Qt编程入门必备

“从零开始，教你用Qt轻松实现一个强大计算器！”

告别数学难题，学会使用AFP计算器轻松解决财务问题

手机里藏的神奇小助手：识图用图，计算生活难题轻松解决

手机里有哪些识图用图计算器功能强大又方便？