VS2019+qt5.14 实现简单的计算器

一、环境的搭建与配置

1.1 vs2019安装

前往 Visual Studio官网 下载社区版本，并安装。

1.2 qt 5.14安装

前往 qt下载地址，选择qt5.14版本，选择 qt-opensource-windows-x86-5.14.2.exe 下载安装。
注：一定要断网安装！！！在安装界面需要你填写qt账号，新版qt已经没有跳过按钮，不填则无法下一步，千万不要填qt账号(否则一个月后，qt项目将无法编译，报错qt许可证验证不通过)，所以请断网安装，则可以跳过填写qt账号。

1.3 qt VS开发插件安装

前往 qt VS开发插件下载地址，选择最新的版本，选择 qt-vsaddin-msvc2019-2.5.1.vsix 下载安装。

注：以上软件下载时遇到速度慢的情况，可以选复制下载链接，使用迅雷下载，速度极快。

1.4 VS配置qt

安装完以上软件，打开vs2019，选择 继续但无需代码

open vs2019

选择 扩展 > qt vs tool > qt options

qt tool

选择 Add > 填写qt的版本名称和安装路径 > 点击OK

add qt path

此时新建项目，可以看到vs中已经有了qt相关的项目

新建qt项目

二、创建qt项目

因为是最新的qt5，所以选择 Qt Widgets Application ，填写项目名称并创建。

2.1 界面的设计

双击 项目名.ui 文件，在 Qt Designer 中设计计算器布局，主要使用 Push Button 和 Text Browser 控件，并修改其类名和值，大致界面如下：

qt ui 界面
2.2 逻辑代码

主要涉及两个文件 项目名.h 和 项目名.cpp
涉及的问题和知识点：
中文乱码
在qt5中，中文乱码处理可以直接使用 QStringLiteral("中文") 来处理中文

QtWidgetsApplication::QtWidgetsApplication(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    //设置窗口名称
    setWindowTitle(QStringLiteral("简单计算器"));
}

string与int的相互转换

//string转int
QString str = "12";
int num = str.toInt();

//int转string
int num = 10;
QString str = QString::number(num);

为控件绑定函数
这里直接使用代码的方式，为qt控件绑定函数，例如控件的类名为 action_Button_equal。
函数声明：

//项目.h文件
private slots:
    //声明等于按钮函数
    //函数名的命名方式：on_控件类名_触发方式()
    void on_action_Button_equal_clicked();

函数定义：

//项目.cpp文件
//等于按钮函数
void QtWidgetsApplication::on_action_Button_equal_clicked() {
   //......函数体
}

为多个控件绑定同一个函数
因为多个按钮控件的触发事件是一致的，为每一个控件去写触发函数会非常繁琐，可以将多个控件绑定同一个函数，在函数内部根据不同的控件触发不同的事件。
在 项目名.h 中声明统一的函数

private slots:
    //声明数字按钮函数
    void on_number_Button_clicked();

在 项目名.cpp 中绑定函数并定义

QtWidgetsApplication::QtWidgetsApplication(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    //设置主窗口标题
    setWindowTitle(QStringLiteral("简单计算器"));
    //将数字按钮和函数绑定
    //connect(控件, 触发方式, this, 触发的槽函数);
    connect(ui.number_Button_1, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_2, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_3, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    //...
}

//数字按钮函数
void QtWidgetsApplication::on_number_Button_clicked() {
    QPushButton* btn = qobject_cast<QPushButton*>(sender()); //得到当前操作的按钮
    //...相应的逻辑处理
}
2.3 整体代码

项目名.h文件：

#pragma once

#include <QtWidgets/QWidget>
#include "ui_QtWidgetsApplication.h"

class QtWidgetsApplication : public QWidget
{
    Q_OBJECT

public:
    QtWidgetsApplication(QWidget *parent = Q_NULLPTR);
    void setnum1(int num);
    void setnum2(int num);
    void setflag(int f);
    //声明计算函数
    int calculate();

private slots:
    //声明初始化函数
    void on_action_Button_c_clicked();
    //声明数字按钮函数
    void on_number_Button_clicked();
    //声明运算符按钮函数
    void on_action_Button_clicked();
    //声明等于按钮函数
    void on_action_Button_equal_clicked();
    

private:
    int num1; //变量1
    int num2; //变量2
    int flag; //计算运算符标识

    Ui::QtWidgetsApplicationClass ui;
};

项目名.cpp文件：

#include "QtWidgetsApplication.h"

QtWidgetsApplication::QtWidgetsApplication(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);
    //设置主窗口标题
    setWindowTitle(QStringLiteral("简单计算器"));
    //设置文本显示框的字体大小
    ui.result->setFontPointSize(28);
    //将数字按钮和函数绑定
    connect(ui.number_Button_1, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_2, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_3, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_4, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_5, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_6, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_7, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_8, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_9, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    connect(ui.number_Button_0, SIGNAL(clicked()), this, SLOT(on_number_Button_clicked()));
    //将运算符按钮和函数绑定
    connect(ui.action_Button_plus, SIGNAL(clicked()), this, SLOT(on_action_Button_clicked()));
    connect(ui.action_Button_minus, SIGNAL(clicked()), this, SLOT(on_action_Button_clicked()));
    connect(ui.action_Button_multiply, SIGNAL(clicked()), this, SLOT(on_action_Button_clicked()));
    connect(ui.action_Button_divide, SIGNAL(clicked()), this, SLOT(on_action_Button_clicked()));
}

//设置成员变量
void QtWidgetsApplication::setnum1(int num) {
    num1 = num;
}
void QtWidgetsApplication::setnum2(int num) {
    num2 = num;
}
void QtWidgetsApplication::setflag(int f) {
    flag = f;
}

//计算函数
int QtWidgetsApplication::calculate() {
    int result = 0;
    if (flag == 1) result = num1 + num2;
    else if (flag == 2) result = num1 - num2;
    else if (flag == 3) result = num1 * num2;
    else if (flag == 4){
        if (num2 == 0) return -1;
        else result = num1 / num2;
    }
    else {
        result = 0;
    }
    return result;
}

//初始化函数
void QtWidgetsApplication::on_action_Button_c_clicked() {
    ui.result->clear();
    setnum1(0);
    setnum2(0);
    setflag(0);
}

//数字按钮函数
void QtWidgetsApplication::on_number_Button_clicked() {
    QPushButton* btn = qobject_cast<QPushButton*>(sender()); //得到当前操作的按钮
    QString number = btn->text(); //获取按钮控件上文本的值
    QString ss = ui.result->toPlainText();
    ui.result->clear();
    ui.result->append(ss + number);
}

//运算符按钮函数
void QtWidgetsApplication::on_action_Button_clicked() {
    int number = ui.result->toPlainText().toInt();
    setnum1(number);
    QPushButton* btn = qobject_cast<QPushButton*>(sender()); //得到当前操作的按钮
    QString action = btn->text();
    ui.result->clear();
    if (action == "+") setflag(1);
    else if (action == "-") setflag(2);
    else if (action == "*") setflag(3);
    else setflag(4);
}

//等于按钮函数
void QtWidgetsApplication::on_action_Button_equal_clicked() {
    int number = ui.result->toPlainText().toInt();
    setnum2(number);
    int res = calculate();
    ui.result->clear();
    ui.result->append(QString::number(res));
}

运行，就实现了一个简单的计算器！

简单计算器

代码中还有很多细节和小问题需要进一步的完善，但是不影响基本的使用。
github地址：简单计算器

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 157,012评论 4赞 359
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 66,589评论 1赞 290
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 106,819评论 0赞 237
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 43,652评论 0赞 202
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 51,954评论 3赞 285
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,381评论 1赞 210
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,687评论 2赞 310
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,404评论 0赞 194
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,082评论 1赞 238
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,355评论 2赞 241
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,880评论 1赞 255
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,249评论 2赞 250
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 32,864评论 3赞 232
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,007评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,760评论 0赞 192
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,394评论 2赞 269
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,281评论 2赞 259