QT----计算器

已于 2024-03-27 22:27:38 修改
阅读量497 收藏 7
点赞数 6
分类专栏： QT 文章标签： qt 开发语言
于 2024-03-11 22:32:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szn1316159505/article/details/136637344
版权

目录

github链接：基于qt的计算器

更多内容可以点击这里查看个人博客：个人博客

1 搭建标准界面

按照下图搭设界面

在这里插入图片描述

修改样式让这计算器看起来更像一点，同时对按钮分组进行样式编辑，添加字符串name,为number，其他按键为other。之前的文章里出现过好几次不在赘述

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

修改最大的样式表

*
{
border:none;
background-color: rgb(243, 243, 243);
}
/* */
QPushButton
{
font: bold 12pt '微软雅黑';
}
QPushButton[name = "number"]
{
border-radius:4px;
background-color: rgb(252, 252, 252); 
}
QPushButton[name = "other"]
{
border-radius:4px;
background-color: rgb(246, 246, 246);
}
/*增加鼠标悬浮背景色 */
QPushButton[name = "number"]:hover
{
border:1px solid rgb(193,193,193);
background-color: rgb(221, 223, 221);
}
QPushButton[name = "other"]:hover
{
border:1px solid rgb(193,193,193);
background-color: rgb(221, 223, 221);
}

接着修改文字输入部分，让他们文字全部右对齐，打开readonly，光标就不会闪烁

2、 逻辑编写

2.1 初始化

首先初始化获得所有的按钮，放入组，方便后续操作，在自己写个槽函数用于处理点击的流程

void cell_Standui::initUI()
{
    //1、把所有的按钮放到一个按钮组里边
    QButtonGroup * buttonGroup = new QButtonGroup(this);
    auto btnList = findChildren<QPushButton*>();
    for(auto btn : btnList)
    {
        buttonGroup->addButton(btn);
    }

    //2、关联按钮组的点击信号
    connect(buttonGroup,&QButtonGroup::buttonClicked,this,&cell_Standui::onButtonGroupClicked);
  vec.resize(5);


}

显示数字，记录比较简单，难点在于各种符号的切换，以及过程和最终结果的显示，在一开始输入时需要清除0，按完=号后，在次输入要清空记录；使用容器记录存着的数和操作过程；根号和平方等只有一个运算数，单独写；使用一个prebtn来记录上一个按键，若是一次计算完成则清空

#include "cell_standui.h"
#include "ui_cell_standui.h"

cell_Standui::cell_Standui(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::cell_Standui)
{
    ui->setupUi(this);
    initUI();
}

cell_Standui::~cell_Standui()
{
    delete ui;
}

void cell_Standui::initUI()
{
    //1、把所有的按钮放到一个按钮组里边
    QButtonGroup * buttonGroup = new QButtonGroup(this);
    auto btnList = findChildren<QPushButton*>();
    for(auto btn : btnList)
    {
        buttonGroup->addButton(btn);
    }

    //2、关联按钮组的点击信号
    connect(buttonGroup,&QButtonGroup::buttonClicked,this,&cell_Standui::onButtonGroupClicked);
    vec.resize(5);
}

void cell_Standui::onButtonGroupClicked(QAbstractButton *btn)
{
    //获取按钮的名称
    // qDebug()<<btn->objectName();

    //首先把框里的数赋值
    auto val1 = ui->le_result->text().toFloat();
    QStringList nameList = btn->objectName().split('_');
    QString name = nameList[1];


    if(name >="0" && name <= "9" || name == "point" )
    {
        //把一开始的0清除
        if(name != "point" && ui->le_result->text() == "0")
        {
            ui->le_result->clear();
        }
        //如果点击数字键的时候输入框有数据，而且表达式框只有两个数据，则重置为刚刚输入的
        if(preBtn == "add" || preBtn == "multiplication" ||preBtn == "subtraction" || preBtn == "divide")
        {
            ui->le_result->clear();
        }
        else if(preBtn == "result" || preBtn == "squareroot" || preBtn == "square" || preBtn == "quarter")
        {
            //判断上次的按钮是不是=，如果是那么一次计算就算完成了，清空所有内容
            ui->le_result->clear();
            ui->le_history->clear();
            vec.clear();
            vec.resize(5);
        }
        //输入数字
        ui->le_result->insert(btn->text());
    }
    else if(name == "ce")
    {
        //清空
        ui->le_result->clear();
    }
    else if(name == "c")
    {
        //清空
        ui->le_result->clear();
        ui->le_history->clear();
        vec.clear();
        vec.resize(5);
    }
    else if(name == "del")
    {
        //删除
        //先让光标的位置移动到前一位
        ui->le_result->setCursorPosition(ui->le_result->cursorPosition()-1);
        ui->le_result->del();
    }
    //输入符号
    else if(name == "add")
    {
        if(vec.size() != 2)
        {
            //把左操作数和运算符保存起来
            vec[0] = val1;
            vec[1] = "+";
        }
    }
    else if(name == "subtraction")
    {
        if(vec.size() != 2)
        {
            //把左操作数和运算符保存起来
            vec[0] = val1;
            vec[1] = "-";
        }
    }
    else if(name == "multiplication")
    {
        if(vec.size() != 2)
        {
            //把左操作数和运算符保存起来
            vec[0] = val1;
            vec[1] = "×";
        }
    }
    else if(name == "divide")
    {
        if(vec.size() != 2)
        {
            //把左操作数和运算符保存起来
            vec[0] = val1;
            vec[1] = "÷";
        }
    }
    else if(name == "result")
    {
        vec[2] = val1;
        vec[3] = "=";
        if(vec[1] == "+")
        {
            vec[4] = vec[0].toFloat()+vec[2].toFloat();
        }
        else if(vec[1] == "-")
        {
            vec[4] = vec[0].toFloat()-vec[2].toFloat();
        }
        else if(vec[1] == "×")
        {
            vec[4] = vec[0].toFloat()*vec[2].toFloat();
        }
        else if(vec[1] == "÷")
        {
            vec[4] = vec[0].toFloat()/vec[2].toFloat();
        }
        ui->le_result->clear();
        ui->le_result->setText(vec[4].toString());
    }
    else if(name == "squareroot")
    {

        //把左操作数和运算符保存起来
        vec[0] = "√ ";
        vec[1] = val1;
        vec[2] = "=" ;
        vec[3] = sqrt(val1);
        ui->le_result->clear();
        ui->le_result->setText(vec[3].toString());
    }
    else if(name == "square")
    {

        //把左操作数和运算符保存起来
        vec[0] = val1;
        vec[1] = "²";
        vec[2] = "=" ;
        vec[3] = val1*val1;
        ui->le_result->clear();
        ui->le_result->setText(vec[3].toString());
    }
    else if(name == "quarter")
    {

        //把左操作数和运算符保存起来
        vec[0] = "1/";
        vec[1] = val1;
        vec[2] = "=" ;
        vec[3] = 1/val1;
        ui->le_result->clear();
        ui->le_result->setText(vec[3].toString());
    }
    else if(name == "mod")
    {

        //把左操作数和运算符保存起来
        vec[0] = val1;
        vec[1] = "%";
        vec[2] = "=" ;
        vec[3] = val1/100;
        ui->le_result->clear();
        ui->le_result->setText(vec[3].toString());
    }

    //显示表达式，每次都清空重新显示
    ui->le_history->clear();
    for(auto var : vec)
    {
        ui->le_history->insert(var.toString());
    }

    preBtn = name;
}

头文件

#ifndef CELL_STANDUI_H
#define CELL_STANDUI_H

#include <QMainWindow>
#include <QButtonGroup>>
#include <QDebug>
#include <QVector>
#include <QVariant>

namespace Ui {
class cell_Standui;
}

class cell_Standui : public QMainWindow
{
    Q_OBJECT

public:
    explicit cell_Standui(QWidget *parent = nullptr);
    ~cell_Standui();
    void initUI();

public slots:
    void onButtonGroupClicked(QAbstractButton* btn);

private:
    Ui::cell_Standui *ui;

    QVector<QVariant> vec;

    //记录上一个按钮的名字
    QString preBtn;
};

#endif // CELL_STANDUI_H

成果图
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

纯真丁一郎博客点击访问：有时间就要学习
雪豹不会梦到瑞克5
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
初学使用记录QtDesign设计一个计算器页面
weixin_66876576的博客
11-27 1298
初学qt记录一下
QT-科学计算器-可视化
03-28
在这个项目中，"QT-科学计算器-可视化" 意味着我们正在讨论一个使用QT库构建的、具有可视化界面的科学计算器应用。这个计算器不仅提供基本的加减乘除功能，还具备了更高级的科学计算特性。 首先，让我们深入了解...
基于C++的Qt计算器
qq_27987579的博客
12-13 2593
本文是基于C++开发Qt计算器，实现功能有利用鼠标按下数字和运算符实现加减乘除基本运算（+-*/）、Clear清零按键功能实现和退格功能。本例还可以利用数字键盘对数字、加减乘除运算符和清除退格进行交互。但是在每次使用键盘前，建议先用鼠标点击一次=运算符，否则会出现无法计算的error。在我看来计算器实现思路大概有两种。第一种较为复杂，我尝试了一天时间，最终还是放弃了，不过可以提供一个思路。（较为复杂，此处可以略，新手建议直接跳到第二种方法。也就是本文所做计算器的方法）
QT开发（三十）——计算器实例开发
weixin_33852020的博客
12-08 499
QT开发（三十）——计算器实例开发一、计算器界面制作计算器界面需要QWidget组件作为顶层窗口，QLineEdit组件作为输入框，QPsuhButton作为按钮。界面规划设计如下：#include<QApplication> #include<QWidget> #include<QLineEdit> #include<QPu...
【QT】编写一个简单的计算器
Xiaoxuexxxxx的博客
07-03 1298
QT编写简单的计算器
Qt 制作一个简易的计算器
zy1872071381的博客
09-10 8213
Qt 简易计算器
QT——数字型计算器界面的设计与实现C语言
Cynthiavlili的博客
06-18 1171
本设计是一个基于Qt框架，应用Qt信号槽机制，一个加减乘除的四则混合运算功能的数字型计算器界面的设计与实现，采用Widget类界面，界面包含一个液晶显示窗口（LCD Number）；0-9十个数字按钮以及一个小数点‘.’按钮；“+、-、×、÷、=、<-（删除）、CE（清除所输入的一行数字即当时在屏幕上显示的一行数字）、C（全部清零）、+/-”9个运算符号；输入的数字显示在液晶显示窗口，实现整数和小数的四则运算，按下“=”键后将运算结果显示在液晶显示窗口。
作业-QT-计算器
11-25
这个“作业-QT-计算器”项目显然使用QT库创建了一个带有图形用户界面（GUI）的计算器应用。在QT中，我们可以利用其丰富的类库和工具来设计、实现和部署各种类型的桌面应用。 首先，我们要了解QT中的主要组件和类。`...
qt-jisuanqi.zip_qt简易计算器
09-14
QT简易计算器是一个使用QT框架开发的简单计算工具，它提供了基本的四则运算功能，即加法、减法、乘法和除法。QT是一个跨平台的C++图形用户界面应用程序开发框架，由Qt Company维护并提供支持。通过使用QT，开发者...
QT-科学计算器-可视化-逆波兰算法
03-28
在这个项目中，“QT-科学计算器-可视化-逆波兰算法”显然是一个使用QT框架构建的高级计算器应用，它提供了丰富的数学功能，如处理括号表达式、解决二元一次方程、执行指数和对数运算等。 首先，让我们深入了解一下...
Qt-calculator-master_QT_计算器_electricityv54_
09-29
【标题】"Qt-calculator-master" 是一个基于QT框架开发的简单计算器项目，"electricityv54"可能表示这是该计算器的一个特定版本或者与电力相关的应用。这个项目旨在教授如何利用QT库来构建一个基本的图形用户界面...
【PyQt4】学习4 之-采用Qt Designer拖动创建计算器界面
钱多多先森
08-21 1384
pyqt 新的拖拽式窗口布局的设计，通过本文将会更快速的进行页面设计，相比于之前代码创建会更加的高效
【QT】使用QML构建一个简易的计算器界面（一）
weixin_45054387的博客
02-08 1528
先新建一个qt quick项目，运行可以得到一个空白的窗口，根据自己设计的计算器来设计大小和布局按钮，这里就按电脑自带的计算器界面来进行设计和布局，先看电脑的计算器窗口如下：（大概标准按如下设计）使用qml来构建一个界面是非常便捷的，熟悉其中组件的使用，构建一个界面就不是难事。目前只完成了简单的运算，复合运算，负数，小数等还未完成，等后续完成；先进行简单的计算器设计，只包含加减乘除四种运算；首先来看如何快速的创建一个计算器的基础界面；
QT实现简易版计算器
m0_46288450的博客
07-04 1645
它里面又16个按钮和一个lineEdit组成，将按钮整体排列起来，并设置好框框的大小；图中画线的部分可以控制整个界面输出为大小的图形。例子：1 * 2 = 2 ，点击按钮1和2以及*号，点击等号ok了。将每一个按钮更改名字，容易识别，并且生成信号与槽函数。mianwindow.h里面的内容。主函数的实现，加减乘除以及等号和清除的实现。
QT制作简易计算器
Ricardo的博客
06-14 936
case Num://判断运算符是否存在（判断次方位置）if(!Num1+="^";Num1+=_btn;elseif(!Num2+="^";Num2+=_btn;break;case Op://连续运算if(!if(num2!=0.0)elseui->lineEdit->setText("输入错误！");if(num2!elseui->lineEdit->setText("输入错误！");
Qt实现简易计算器
热门推荐
叶子与海的博客
09-10 1万+
用Qt实现计算器，首先得在ui界面设计一个计算器，当然也可以代码写，我觉得没必要就直接拖啦，而且槽函数也可以直接转到，非常方便。
【QT】使用QML构建一个简易的计算器界面(二)
weixin_45054387的博客
02-27 523
使用GridView先规划好各个的大小和每一排放置的按钮数，对于GridView的使用方法这里不做过多说明，可以看QT提供的例子来学习，为了避免在使用过程中对生存的程序进行拉伸来打乱了布局，对窗口的大小进行了写死，用户不能自行缩放窗口，具体完成代码如下：（没有贴c++部分的代码，c++部分的代码和上一篇文章一样，没做改动）对一些按钮的布局做了些改动，设置了按钮按下放大的效果，看上去比上一篇的界面有了明显的美化，但是在功能方面依旧没有拓展，同时对一些非法表达式组合还没有添加判断，留在下一篇来改进，先这样吧。
嵌入式Qt 计算器界面设计代码重构
最新发布
weixin_49303682的博客
02-14 448
计算器界面设计：
嵌入式Qt 计算器界面设计
weixin_49303682的博客
02-13 1009
GUI应用程序开发前必须进行界面设计。- Qt库有能力实现各种GUI应用程序需求。- Qt帮助文档的使用对于开发时非常重要的。- GUI应用程序界面需要考虑各个细节。
qt计算器python
09-13
Qt是一个跨平台的应用程序开发框架，而Python是一种通用的编程语言。它们的结合可以用来开发界面软件，包括计算器应用程序。使用Qt和Python开发计算器应用程序可以充分利用Qt的丰富界面库和Python的简洁易用性。 下面是一种使用Qt和Python开发计算器应用程序的方法： 1. 首先，安装PyQt5库。可以使用pip命令在命令行中执行以下命令来安装PyQt5库： ``` pip install PyQt5 ``` 2. 创建一个新的Python脚本文件，并导入所需的模块： ```python from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QLineEdit, QPushButton from PyQt5.QtCore import Qt ``` 3. 创建一个继承自QWidget的自定义窗口类，并在其中添加UI元素： ```python class Calculator(QWidget): def __init__(self): super().__init__() # 设置窗口标题和大小 self.setWindowTitle("计算器") self.resize(300, 200) # 创建布局管理器 layout = QVBoxLayout() # 创建文本框和按钮 self.line_edit = QLineEdit() layout.addWidget(self.line_edit) buttons = ["1", "2", "3", "+", "4", "5", "6", "-", "7", "8", "9", "*", "0", ".", "=", "/"] for button_text in buttons: button = QPushButton(button_text) button.clicked.connect(self.button_clicked) layout.addWidget(button) # 将布局管理器设置为窗口的主布局 self.setLayout(layout) ``` 4. 实现按钮点击事件的处理方法： ```python def button_clicked(self): button = self.sender() text = button.text() if text == "=": try: result = eval(self.line_edit.text()) self.line_edit.setText(str(result)) except: self.line_edit.setText("Error") else: self.line_edit.setText(self.line_edit.text() + text) ``` 5. 创建一个QApplication实例，并显示自定义窗口： ```python if __name__ == "__main__": app = QApplication([]) calculator = Calculator() calculator.show() app.exec_() ``` 这就是使用Qt和Python开发计算器应用程序的基本步骤。你可以根据自己的需要进一步定制界面和功能。 引用： : 本文目的是为了了解Qt Python结合开发界面软件的技巧，不是为了完成计算器的算法，所以希望读者注重重点。 : 搬山道人登场 吐槽一下，Python的那个xx界面实在是太丑了，仿佛回到XP时代。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值