当前位置： 首页 > article >正文

QT-自定义信号和槽对象树图形化开发计算器

article 2024/12/23 2:03:14

1. 自定义信号和槽

  • 核心逻辑： 需要有两个类，一个提供信号，另一个提供槽。 然后在窗口中将 信号和槽 链接起来。

  • 示例目标： 创建一个 Teacher 类，提供信号。 创建一个 Student 类，提供槽。

实现步骤：

  1. 创建 Teacher 类，在 singals 中提供信号的定义

  2. 创建 Student 类，在 slots 中提供处理的槽函数

  3. 在 窗口（Widget）中，链接信号和槽，并触发 （使用 emit 来发射信号）

1.1 创建 Teacher 类

1）右键 项目名称 ----> Add New （添加新的）

2）选择 C++ ----> C++ Class

3）设置类名以及继承关系

1.2 Teacher中定义信号

自定义信号的特点：

  • 自定义信号写在 signals 下

  • 自定义信号是一个无返回值的函数声明，不需要实现

  • 自定义信号允许重载

// teacher，h

#ifndef TEACHER_H
#define TEACHER_H

#include <QObject>

class Teacher : public QObject
{
    Q_OBJECT //元对象系统
public:
    explicit Teacher(QObject *parent = nullptr);

    //信号定义在signals节点下
    //信号是一个无返回值的函数
    //信号不需要实现
    //信号函数允许重载
signals:

    void mySignal();
    void mySignal(QString str);

public slots:
    void response();
    void response(QString str);

};

#endif // TEACHER_H


//teacher.c

#include "teacher.h"
#include <QDebug>

Teacher::Teacher(QObject *parent) : QObject(parent)
{


}

void Teacher::response()
{
    qDebug() << "我是老师";
}

void Teacher::response(QString str)
{
    if(str == "学生")
    {
        qDebug() << "学生，你好";
    }
    else if (str == "鲨鱼") {
        qDebug() << "鲨鱼来袭";
    }
}

1.3 创建 Student 类

创建过程同 Teacher

1.4 Student 中定义槽函数

槽函数特点：

  • 槽函数写在 slots 下， 高级版本中也可以写在 public 下

  • 槽函数是一个无返回值的函数，可以重载

// student，h

#ifndef STUDENT_H
#define STUDENT_H

#include <QObject>

class Student : public QObject
{
    Q_OBJECT
public:
    explicit Student(QObject *parent = nullptr);

signals:

    void mySignal();
    void mySignal(QString str);

    //槽函数定义在 public/pretected/private slots 节点下
    //槽函数是一个无返回值的函数
    //在槽函数中编写实际的业务逻辑
    //在槽函数中允许重载
public slots:
    void response();
    void response(QString str);
};

#endif // STUDENT_H


//student。c

#include "student.h"
#include <QDebug>


Student::Student(QObject *parent) : QObject(parent)
{

}

void Student::response()
{
    qDebug() <<"收到...";
}

void Student::response(QString str)
{
    //qDebug() << str;

    if (str == "下课")
    {
        qDebug()<<"下楼";
    }
    else if(str == "放学")
    {
        qDebug()<<"回家";

    }

}

1.5 窗口中链接信号和槽

//widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H


//widget.c

#include "widget.h"

#include "teacher.h"
#include "student.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    auto *t = new Teacher(this);
    auto *s = new Student(this);
    //链接信号
    //connect(t, &Teacher::mySignal, s, &Student::response);
    //发送信号
    //emit t->mySignal();


    //如果信号和槽有多个版本的重载，需要使用SIGNAL()和SLOT()函数来指定信号和槽
    connect(t,SIGNAL(mySignal(QString)), s, SLOT(response(QString)));
    //emit t->mySignal("下课");

    QPushButton *btn1 = new QPushButton("下课",this);
    btn1->move(20,20);
    connect(btn1, &QPushButton::clicked, [t](){
        emit t->mySignal("下课");
    });

    QPushButton *btn2 = new QPushButton("放学",this);
    btn2->move(120,20);
    connect(btn2, &QPushButton::clicked, [t](){
        emit t->mySignal("放学");
    });

    //信号到槽 -> 学生到老师
    connect(s,SIGNAL(mySignal(QString)), t, SLOT(response(QString)));
    QPushButton *btn3 = new QPushButton("学生",this);
    btn3->move(20,80);
    connect(btn3, &QPushButton::clicked, [s](){
        emit s->mySignal("学生");
    });
    QPushButton *btn4 = new QPushButton("鲨鱼",this);
    btn4->move(120,80);
    connect(btn4, &QPushButton::clicked,[s](){
        emit s->mySignal("鲨鱼");
    });


}

Widget::~Widget()
{

}

 核心: 使用 emit 触发信号

1.6 信号和槽的重载

信号和槽都允许重载

1）在 Teacher 中重载信号

class Teacher : public QObject
{
  Q_OBJECT
public:
  explicit Teacher(QObject *parent = nullptr);

signals:
  // 重载信号， 信号始终不需要实现
  void say();
  void say(QString str);
};

2）在 Student 头文件中重载槽函数

class Student : public QObject
{
    Q_OBJECT
public:
    explicit Student(QObject *parent = nullptr);

public slots:
  // 重载槽函数
  void deal();
  void deal(QString str);

};

3）在Student 源文件中实现重载

void Student::deal()
{
  qDebug() << "去吃饭";
}

void Student::deal(QString str)
{
  if (str == "下课")
  {
    qDebug() << "抽烟去咯";
  }
  else if (str == "休息")
  {
    qDebug() << "吃饭去咯";
  }
}

4）链接信号与槽

注意点： 此时，单纯的使用 connect 就无法区分哪个信号 链接 哪个槽

解决方案： 使用 SIGNAL() 函数包装要发射的信号； 使用 SLOT() 函数包装要执行的槽函数

注意事项： 要使用 SIGNAL() 和 SLOT() , 必须将槽函数放在 public slots 节点下

// 链接无参的信号和槽
connect(t, SIGNAL(say()), s, SLOT(deal()));

// 链接有参的信号和槽
connect(t, SIGNAL(say(QString)), s, SLOT(deal(QString)));

发射哪个信号，由 emit 决定

emit t->say();           // 发射无参的信号

emit t->say("放学");      // 发射有参的信号, 实参会被槽函数的形参接收

2. 对象树

  • 创建图形化应用程序时，我们只 new 了各种控件，但是没有释放过。当关闭应用时系统会自动释放

  • 通过 new 得到的对象，又通过 setParent 方法添加到了父组件中。实际上是添加到了父组件的 children()列表中，最终形成一个父子结构的树，称之为 对象树

  • 构建图形界面时，从父开始执行，父创建好了再创建子；当关闭图形界面时，析构函数会从子开始执行，再到父。系统会自动进行释放操作。

注：1.所有的部件会添加到父部件的children列表中   2.创建窗口时，被分越高的越先创建出来 3.销毁窗口时，辈分越低的越先被销毁.系统会自动找到 children 列表中的子，进行销毁。

示例： 自定义组件验证

1）创建 MyButton 组件，继承 QPushButton 组件

//mybutton.h

#ifndef MYBUTTON_H
#define MYBUTTON_H

#include <QObject>
#include <QWidget>

//引入 QPushButton
#include <QPushButton>

// 修改继承为 QPushButton
class MyButton : public QPushButton
{
    Q_OBJECT
public:
    explicit MyButton(QWidget *parent = nullptr);
    // 添加析构函数
    ~MyButton();

signals:

public slots:
};

#endif // MYBUTTON_H

2）mybutton.cpp

#include "mybutton.h"
#include <QDebug>

MyButton::MyButton(QWidget *parent) : QPushButton (parent)
{
    qDebug() << "MyButton的构造函数执行";
}

MyButton::~MyButton()
{
    qDebug() << "MyButton的析构函数执行";
}

3）MyWidget.cpp 中调用自定义组件

#include "MyWidget.h"
#include <QDebug>
#include "mybutton.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    qDebug() << "MyWidget构造函数";
    this->resize(500, 300);

    auto myBtn = new MyButton;
    myBtn->setText("我的按钮");
    myBtn->move(0, 100);
    myBtn->setParent(this);
}

Widget::~Widget()
{
    qDebug() << "MyWidget析构函数";
}

4）测试结果

启动应用时： 先执行 MyWidget 构造函数，再执行 MyButton 构造函数

关闭应用时： 先执行 MyWidget 析构函数，注意此时并没有结束。 在执行 MyWidget 析构函数时，会发现还有子控件，子控件析构函数会先执行完毕后，再完成父控件析构函数。

3. 图形化开发

3.1 创建图形化项目

  • 重点： 勾选 ui

  • 优势： 能够使用拖拽的形式向窗口添加部件

  • 注意点：

    • 勾选 ui 创建出来的项目多了 Form / widget.ui。 该文件使用 xml 形式来描述窗口结构

    • 点击 "设计" 按钮，能够切换到 图形化开发界面。

    • widget.cpp 源文件额外继承了 ui 类，调用 ui->setupUi(this) 方法将窗口设置到ui对象中

    • 调用窗口中任意部件时需要使用： ui->部件对象名

3.2 图形化创建常用部件

3.3 代码编写

  • 图形化只能进行布局，所有的功能还要依靠代码编写

  • 首先需要给所有的部件起名，再通过 ui 对象找到 具体的部件进行编码

 选中任意部件，可以在如图的两个地方进行修改对象名称

使用图形化设置， 图形化设置都匹配有对应的方法

为部件设置信号和槽

右键某个部件 ---> 跳转槽...

 

选择使用哪个槽函数

 

在 .cpp 源文件中自动成功槽函数

4. 计算器

4.1 ui 布局

4.2 数字 和 运算符

  • 当用户点击数字按钮 和 运算符按钮时，能够将对应的数字保存到 num1 、 num2 ，将运算符保存到 opt 中

  • 解决方案:

    • 在类中设置三个私有属性， num1、num2、opt

    • 在num0~num9按钮上设置信号，当用户点击时，就将当前的数字拼接到 num1 或者 num2 中。 根据 opt 中是否保存了运算符来区分，到底保存在 num1 还是 num2 中。

    • 在加减乘除按钮上设置信号，点击时保存对应的运算符到 opt 中

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = nullptr);
    ~Widget();

    void setNum(QString n);
    void setOpt(QString o);

private:
    Ui::Widget *ui;
    //定义操作数1、操作数2、运算符
    QString num1;
    QString num2;
    QString opt;
};

#endif // WIDGET_H
#include "widget.h"
#include "ui_widget.h"
#include <QDebug>


Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    this->setWindowTitle("计算器");
    this->setFixedSize(363,660);

    //mid(start, length):字符串截取
    //参数1：截取的起始索引号
    //参数2：截取的长度，可选。如果不给参数2，则会截取到数据末尾

    //处理数字按钮
    connect(ui->btn9, &QPushButton::clicked,[this](){this->setNum("9");});
    connect(ui->btn8, &QPushButton::clicked,[this](){this->setNum("8");});
    connect(ui->btn7, &QPushButton::clicked,[this](){this->setNum("7");});
    connect(ui->btn6, &QPushButton::clicked,[this](){this->setNum("6");});
    connect(ui->btn5, &QPushButton::clicked,[this](){this->setNum("5");});
    connect(ui->btn4, &QPushButton::clicked,[this](){this->setNum("4");});
    connect(ui->btn3, &QPushButton::clicked,[this](){this->setNum("3");});
    connect(ui->btn2, &QPushButton::clicked,[this](){this->setNum("2");});
    connect(ui->btn1, &QPushButton::clicked,[this](){this->setNum("1");});
    connect(ui->btn0, &QPushButton::clicked,[this](){this->setNum("0");});
     connect(ui->pointBtn, &QPushButton::clicked,[this](){this->setNum(".");});
    //处理运算符按钮
    connect(ui->addBtn, &QPushButton::clicked,[this](){this->setOpt("+");});
    connect(ui->subBtn, &QPushButton::clicked,[this](){this->setOpt("-");});
    connect(ui->mulBtn, &QPushButton::clicked,[this](){this->setOpt("*");});
    connect(ui->divBtn, &QPushButton::clicked,[this](){this->setOpt("÷");});
    connect(ui->perBtn, &QPushButton::clicked,[this](){this->setOpt("%");});

4.3 等号处理

  • 点击 等号 开始运算

  • 运算逻辑： 根据不同的运算符，进行不同的运算，使用 if 或者 switch 进行分支操作

  • str.toDouble() 将数字型字符串转为浮点型

  • QString::number(num) 将数字转为字符串

//等号
    connect(ui->equarBtn, &QPushButton::clicked,[this](){
        double result = 0;
        if (this->opt == "+")
        {
            result = this->num1.toDouble() + this->num2.toDouble();
        }
        else if (this->opt == "-") {
             result = this->num1.toDouble() - this->num2.toDouble();
        }
        else if (this->opt == "*") {
             result = this->num1.toDouble() * this->num2.toDouble();
        }
        else if (this->opt == "÷") {
            if(this->num2 == "0")
            {
                ui->lineEdit->setText("除数不能为0");
                return;
            }
             result = this->num1.toDouble() / this->num2.toDouble();
        }
        else if (this->opt == "%") {
            result = this->num1.toInt() % this->num2.toInt();

        }

        ui->lineEdit->setText(QString::number(result));

        //转存结果到num1，并且清空num2和opt
        this->num1 = QString::number((result));
        this->num2 = "";
        this->opt = "";

        //qDebug() << this->num1 << this->opt  <<this->num2;
        });

4.4 清空按钮

清空： 将 num1 、num2 、 opt 都置为空

 //清空
    connect(ui->clsBtn, &QPushButton::clicked,[this](){
        this->num1 = "";
        this->num2 = "";
        this->opt = "";
        ui->lineEdit->clear();
    });

4.5 连续运算

  • 点击等号时，进行加减乘除运算

  • 运算完毕之后，将 结果保存到 num1 中， 然后清空 num2、opt

 ui->lineEdit->setText(QString::number(result));

        //转存结果到num1，并且清空num2和opt
        this->num1 = QString::number((result));
        this->num2 = "";
        this->opt = "";

4.6 输入优化

1）对 . 运算符的优化

当 num1 为空时，不能输入 . ; 当 num1 中已经有 . 时，不能再输入 .

2）对 0 的优化

当0作为第一个输入的数字时，第二个字符必须为 .

void Widget::setNum(QString n)
{
    //对 . 的特殊验证：1）如果屏幕中有点，不能输入 . 2）屏幕为空 不能输入 .
    //如果屏幕为空，且输入为 . 不能向下执行（返回）
    if (ui->lineEdit->text().isEmpty() && n == ".")
    {
        return;
    }
    //如果屏幕中有 . ，并且当前输入的是 . ，则放回
    if (ui->lineEdit->text().count(".") == 1 && n == ".")
    {
        return;
    }

    //对 0 特殊验证：屏幕中如果只有一个0，则下一个输入必须是点
//    if(ui->lineEdit->text().isEmpty() && n == "0")
//    {
//        if (this->opt.isEmpty())
//        {
//            this->num1 += "0.";
//            ui->lineEdit->setText(this->num1);
//        }
//        else {
//            this->num2 += "0.";
//            ui->lineEdit->setText(this->num2);
//        }
//        return;
//    }
    if (ui->lineEdit->text() == "0" && n != ".")
    {
        return;
    }


    //判断运算符是否为空
    if(this->opt.isEmpty())
    {
        this->num1 += n;
         ui->lineEdit->setText(this->num1);
    }
    else {
        this->num2 += n;
        ui->lineEdit->setText(this->num2);
    }

}

4.7 back 退格

  • 核心逻辑： 截取掉 num1 或者 num2 的最后一位

  • 使用方法：

    • num1.mid(start, length);

    • num2.chop(1)

//Back
    connect(ui->backBtn, &QPushButton::clicked,[this](){
        QString tmp = ui->lineEdit->text();
        if (tmp.isEmpty())
        {
           return;
        }
        tmp=tmp.mid(0,tmp.size()-1);

        if (tmp.size() > 1 && tmp[tmp.size() -1] == ".")
        {
            tmp = tmp.mid(0,tmp.size()-1);
        }

        if (this->opt.isEmpty())
        {
            this->num1 = tmp;
            ui->lineEdit->setText(this->num1);

        }
        else {
            this->num2 = tmp;
            ui->lineEdit->setText(this->num2);
        }


    });

4.8 完整的计算器代码

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>


Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    this->setWindowTitle("计算器");
    this->setFixedSize(363,660);

    //mid(start, length):字符串截取
    //参数1：截取的起始索引号
    //参数2：截取的长度，可选。如果不给参数2，则会截取到数据末尾

    //处理数字按钮
    connect(ui->btn9, &QPushButton::clicked,[this](){this->setNum("9");});
    connect(ui->btn8, &QPushButton::clicked,[this](){this->setNum("8");});
    connect(ui->btn7, &QPushButton::clicked,[this](){this->setNum("7");});
    connect(ui->btn6, &QPushButton::clicked,[this](){this->setNum("6");});
    connect(ui->btn5, &QPushButton::clicked,[this](){this->setNum("5");});
    connect(ui->btn4, &QPushButton::clicked,[this](){this->setNum("4");});
    connect(ui->btn3, &QPushButton::clicked,[this](){this->setNum("3");});
    connect(ui->btn2, &QPushButton::clicked,[this](){this->setNum("2");});
    connect(ui->btn1, &QPushButton::clicked,[this](){this->setNum("1");});
    connect(ui->btn0, &QPushButton::clicked,[this](){this->setNum("0");});
     connect(ui->pointBtn, &QPushButton::clicked,[this](){this->setNum(".");});
    //处理运算符按钮
    connect(ui->addBtn, &QPushButton::clicked,[this](){this->setOpt("+");});
    connect(ui->subBtn, &QPushButton::clicked,[this](){this->setOpt("-");});
    connect(ui->mulBtn, &QPushButton::clicked,[this](){this->setOpt("*");});
    connect(ui->divBtn, &QPushButton::clicked,[this](){this->setOpt("÷");});
    connect(ui->perBtn, &QPushButton::clicked,[this](){this->setOpt("%");});

    //清空
    connect(ui->clsBtn, &QPushButton::clicked,[this](){
        this->num1 = "";
        this->num2 = "";
        this->opt = "";
        ui->lineEdit->clear();
    });

    //Back
    connect(ui->backBtn, &QPushButton::clicked,[this](){
        QString tmp = ui->lineEdit->text();
        if (tmp.isEmpty())
        {
           return;
        }
        tmp=tmp.mid(0,tmp.size()-1);

        if (tmp.size() > 1 && tmp[tmp.size() -1] == ".")
        {
            tmp = tmp.mid(0,tmp.size()-1);
        }

        if (this->opt.isEmpty())
        {
            this->num1 = tmp;
            ui->lineEdit->setText(this->num1);

        }
        else {
            this->num2 = tmp;
            ui->lineEdit->setText(this->num2);
        }


    });


    //等号
    connect(ui->equarBtn, &QPushButton::clicked,[this](){
        double result = 0;
        if (this->opt == "+")
        {
            result = this->num1.toDouble() + this->num2.toDouble();
        }
        else if (this->opt == "-") {
             result = this->num1.toDouble() - this->num2.toDouble();
        }
        else if (this->opt == "*") {
             result = this->num1.toDouble() * this->num2.toDouble();
        }
        else if (this->opt == "÷") {
            if(this->num2 == "0")
            {
                ui->lineEdit->setText("除数不能为0");
                return;
            }
             result = this->num1.toDouble() / this->num2.toDouble();
        }
        else if (this->opt == "%") {
            result = this->num1.toInt() % this->num2.toInt();

        }

        ui->lineEdit->setText(QString::number(result));

        //转存结果到num1，并且清空num2和opt
        this->num1 = QString::number((result));
        this->num2 = "";
        this->opt = "";

        //qDebug() << this->num1 << this->opt  <<this->num2;
        });


}


void Widget::setNum(QString n)
{
    //对 . 的特殊验证：1）如果屏幕中有点，不能输入 . 2）屏幕为空 不能输入 .
    //如果屏幕为空，且输入为 . 不能向下执行（返回）
    if (ui->lineEdit->text().isEmpty() && n == ".")
    {
        return;
    }
    //如果屏幕中有 . ，并且当前输入的是 . ，则放回
    if (ui->lineEdit->text().count(".") == 1 && n == ".")
    {
        return;
    }

    //对 0 特殊验证：屏幕中如果只有一个0，则下一个输入必须是点
//    if(ui->lineEdit->text().isEmpty() && n == "0")
//    {
//        if (this->opt.isEmpty())
//        {
//            this->num1 += "0.";
//            ui->lineEdit->setText(this->num1);
//        }
//        else {
//            this->num2 += "0.";
//            ui->lineEdit->setText(this->num2);
//        }
//        return;
//    }
    if (ui->lineEdit->text() == "0" && n != ".")
    {
        return;
    }


    //判断运算符是否为空
    if(this->opt.isEmpty())
    {
        this->num1 += n;
         ui->lineEdit->setText(this->num1);
    }
    else {
        this->num2 += n;
        ui->lineEdit->setText(this->num2);
    }

}

void Widget::setOpt(QString o)
{
    this->opt = o;
    ui->lineEdit->clear();
}


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


http://www.kler.cn/a/331431.html

相关文章：

  • jvm字节码中方法的结构
  • 你好Python
  • 渗透测试-前端加密分析之RSA加密登录（密钥来源服务器）
  • 智能工厂的设计软件 三种处理单元（NPU/GPU/CPU）及其在深度学习框架中的作用 之5（腾讯云AI代码助手 之3）
  • 【人工智能】用Python实现图卷积网络（GCN）：从理论到节点分类实战
  • Mybatis-plus-Join--分页查询
  • Spring1~~~
  • YOLOv1代码复现（论文复现）
  • 梦幻西游端游如何查看挂机进度，GameViewer远程随时手机畅玩梦幻西游
  • linux-CMake
  • 【Java】酒店管理系统
  • ComfyUI基本使用方法和常用插件
  • CentOS进行ICMP洪水测试并TShark抓包：完整指南
  • Java多线程在单体、微服务、服务网格与云原生架构中的理解与线程安全保障：总结与对比
  • 深入掌握 Qt 中的数据库操作：从基础到高级技巧
  • 【大数据】Doris 数据库与表操作语法实战详解
  • 【Unity踩坑】Unity更新Google Play结算库
  • 力扣 简单 111.二叉树的最小深度
  • 手机使用指南：如何在没有备份的情况下从 Android 设备恢复已删除的联系人
  • Linux 应用层协议HTTP
  • 初始Kafka
  • 贪心算法专题(一)
  • vue文件的认识
  • 【微服务】初识（day1）
  • Qt day01
  • PyQt入门指南三 创建第一个PyQt应用程序