详解Qt中信号与槽，附加实例

约定不等于承诺〃 2023-02-13 11:48 9阅读 0赞

先记住两个单词：signal（信号）、slot（槽）  
仓库位置：[https://github.com/Github-Programer/Qt-Notes/tree/master/Qt/03\_Signalc/signalc][https_github.com_Github-Programer_Qt-Notes_tree_master_Qt_03_Signalc_signalc]

--------------------

上次在界面内用代码做出了一个按钮，并可以设置其大小、位置，也可以设置窗口的位置、大小，但是这样玩玩就没意思了，这按钮按来按去没反应，像这些按钮都是可以有用处的，不过Qt自动给你设置了按钮按下的样子  
![在这里插入图片描述][20200529095425139.png_pic_center]  
我们需要做的不是静态界面，而是可以有互动的界面，于是**信号与槽**隆重登场！

*  \#1首先：信号和槽是什么？
 *  \#2信号槽有什么优点？
 *  \#3实例：点击按钮关闭窗口
 *  \#4现在来分析一下connect函数的功能
 *  \#5扩展
 *  \#6使用UI拖拽

\#1首先：信号和槽是什么？

信号槽是  Qt 框架引以为豪的机制之一。所谓信号槽，实际就是观察者模式。 **当某个事件发生之后**，比如，按钮检测到自己被点击了一下， **它就会发出一个信号（signal）**。这种发出是没有目的的，类似广播。 **如果有对象对这个信号感兴趣，它就会使用连接（connect）函数**，意思是， **将想要处理的信号和自己的一个函数（称为槽（slot））绑定来处理这个信号**。也就是说， **当信号发出时，被连接的槽函数会自动被回调**。这就类似观察者模式：当发生了感兴趣的事件，某一个操作就会被自动触发。

--------------------

**举例**

*  还记得阿拉丁神灯吗？要让灯神出现需要什么步骤？`阿拉丁神灯->摩擦->神灯->灯神出现`
 *  假设我需要一个按钮，要让窗口关闭那么顺序是，`按钮->点击->窗口->关闭`
 *  信号槽亦是如此，分析一下，*阿拉丁神灯* 就是**信号的发送者**，*点击* 是**动作**也可以成为**信号的具体信息**，*神灯* 就是**信号的接受者**，*灯神出现* 就是**处理信号**也叫**槽（槽函数）**
 *  信号槽就是触发（信号的发送者）什么之后执行（处理信号）函数（槽）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center]

\#2信号槽有什么优点？

*  松散耦合，信号 发送端 和 接收端 本身是没有关联的
 *  通过`connect`函数连接，使得两段连接在一起
 *  槽也不需要和信号绑定在一起
 *  我怎么觉得Python和这个很像呀？

\#3实例：点击按钮关闭窗口  
首先设计一个按钮和设置窗口：

*  名称：btn
 *  大小：100x100
 *  窗口大小：600x400

**其次使用connect函数连接（等会详细解释）**

connect(btn, &QPushButton::clicked, this, &QWidget::close);

![在这里插入图片描述][20200529101157413.gif_pic_center]  
**完整代码：（哦对了，文件名叫做myWidget.cpp）**

#include "mywidget.h"
    #include "ui_mywidget.h"
    #include <QPushButton>
    #include <qDebug>
    
    myWidget::myWidget(QWidget *parent)
        : QWidget(parent)
        , ui(new Ui::myWidget)
    { 
        ui->setupUi(this);
        resize(600, 400);
        QPushButton * btn = new QPushButton("关闭窗口", this);
        btn->resize(100, 100);
        btn->move(100, 100);
        connect(btn, &QPushButton::clicked, this, &QWidget::close);
    }
    
    myWidget::~myWidget() //这应该是析构函数
    { 
        qDebug() << "我的按钮类析构" << endl;
        delete ui; //删除类时删除ui
    }

**文件树：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 1]  
\#4现在来分析一下connect函数的功能

还是以刚才的这一句

connect(btn, &QPushButton::clicked, this, &QWidget::close);

1、*btn* 是我们创建的按钮**实例（对象）**，就是**信号的发送者**  
2、`&QPushButton::clicked`是信号，代表按钮被按下  
你在输入这一句的时候，提示框显示的clicked前的图标是前面带波浪的遥控器（形容不了）  
![在这里插入图片描述][20200529114428707.png]  
有这种图标的就是信号的意思，好了，打开Assistant Qt助手（自带），找找QPushButton类  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70]  
这里并没有signals，就是QPushButton没有信号，那么它是继承QAbstractButton，于是去这里看  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 1]  
找到信号了，咱们要的是点击功能，选择clicked函数，其中参数就是一个布尔值。点击绿色部分可以查看详细介绍  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 2]  
这个clicked函数就是一个信号

--------------------

3、接受者this，这个就是给自己呗  
4、`&QWidget::close` 槽函数  
打开Assistant接着查：  
myWidget是咱们自己建立的类，查不着，那么myWidget的父类是QWidget类，找QWidget！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 3]  
这个Signals现在没什么用，看Public Slot，这里面有很多**功能函数（自带槽）**

我们想让窗口关闭应该选择close()函数  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 4]  
你点进去还有函数的详细介绍  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 5]  
第一句说了，Closes this widget，就是关闭窗口。

\#5扩展？  
你可以将槽函数拓展一下，不只是关闭窗口，可以点击按钮输出一句话？弹出一个窗口？或者更加新奇！

--------------------

\#6使用UI拖拽？

学会槽函数，你可以渐渐使用UI操作了，点击.ui文件，进入设计

你可以拖拽一个按钮，改一个名字，右键选择**转到槽**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 6]  
接着会让你选择信号，就选clicked  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 7]  
会进入myWidget.cpp（你们的名字我不知道）新建一个函数

你就写上`QWidget::close();`照样可以关闭窗口！  
![在这里插入图片描述][20200529120752479.png]

[https_github.com_Github-Programer_Qt-Notes_tree_master_Qt_03_Signalc_signalc]: https://github.com/Github-Programer/Qt-Notes/tree/master/Qt/03_Signalc/signalc
[20200529095425139.png_pic_center]: https://img-blog.csdnimg.cn/20200529095425139.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20200529100959455.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center
[20200529101157413.gif_pic_center]: https://img-blog.csdnimg.cn/20200529101157413.gif#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200529101311859.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center
[20200529114428707.png]: https://img-blog.csdnimg.cn/20200529114428707.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200529115123936.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200529115202250.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200529115232293.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200529114733745.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200529114950663.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200529115038406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200529120542878.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200529120651495.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70
[20200529120752479.png]: https://img-blog.csdnimg.cn/20200529120752479.png