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

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;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值