1. 自定义信号和槽
-
核心逻辑: 需要有两个类,一个提供信号,另一个提供槽。 然后在窗口中将 信号和槽 链接起来。
-
示例目标: 创建一个 Teacher 类,提供信号。 创建一个 Student 类,提供槽。
实现步骤:
-
创建 Teacher 类,在 singals 中提供信号的定义
-
创建 Student 类,在 slots 中提供处理的槽函数
-
在 窗口(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_OBJECTpublic: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_OBJECTpublic: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和optthis->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和optthis->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)
-
//Backconnect(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();});//Backconnect(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和optthis->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;
}