【QT从零开始系列07】自定义控件封装和事件

最新推荐文章于 2025-08-04 16:01:09 发布

原创

最新推荐文章于 2025-08-04 16:01:09 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#qt #c++

本文介绍如何在QT中进行自定义控件封装，通过在Qt设计器中创建Widget并提升为自定义类，实现控件的信号与槽功能。同时，讲解了Qt中的鼠标事件处理，包括鼠标进入事件和左键按下事件。此外，还涉及到了定时器的使用，如timerEvent函数和QTimer类，并提到了事件分发器和事件过滤器的概念。

文章目录

自定义控件封装
Qt中的鼠标事件
定时器
- 利用事件
- 定时器类QTimer
事件分发器
事件过滤器

自定义控件封装

在项目文件中添加新文件 -> Qt设计师界面类 -> 选择界面模板（一般使用Widget） -> 起类名（SmallWidget）

在smallwidget.ui文件中拖拽需要组合的控件，并控制大小

在widget.ui中拖拽一个Widget，到主界面后右键选择 -> 提升为…

输入提升的类名称（注意大小写一致）全局包含（方便下次使用）添加提升

即可在主窗口中显示自定义的控件了。

在这里插入图片描述

//smallwidget.cpp
//QSpinBox移动 QSlider跟着移动

    void(QSpinBox:: * spSignal)(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox,spSignal,ui->horizontalSlider,&QSlider::setValue);

    //QSlider滑动 QSpinBocx数字跟着改变
    connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);

在smallwidget.cpp中完成自定义控件的信号和槽的设置

添加自定义控件的接口

//smallwidget.h
#ifndef SMALLWIDGET_H
#define SMALLWIDGET_H

#include <QWidget>

namespace Ui {
   
   
class SmallWidget;
}

class SmallWidget : public QWidget
{
   
   
    Q_OBJECT

public:
    explicit SmallWidget(QWidget *parent = 0);
    ~SmallWidget();

    //设置数字
    void setNum(int num);
    //获取数字
    int getNum();

private:
    Ui::SmallWidget *ui;
};

#endif // SMALLWIDGET_H

在smallwidget.cpp中实现接口函数

//smallwidget.cpp
//设置数字
void SmallWidget::setNum(int num)
{
   
   
    ui->SpinBox->setValue(num);

}
//获取数字
int SmallWidget::getNum()
{
   
   
    return ui->spinBox->value();
}

在widget.cpp中调用接口函数

//widget.cpp
#include "widget.h"
#include "ui_widget.h"

#include <QDebug>

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

    //点击获取 获取控件当前的值
    connect(ui->btn_get,&QPushButton::clicked,[=](){
   
   
        qDebug() << ui->widget->getNum();
    });

    //设置到一半
    connect(ui->btn_set,&QPushButton::clicked,[=](){
   
   
        ui->widget->setNum(50);
    });

}

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

Qt中的鼠标事件

添加新的c++ class 文件，Class name : myLabel -> Base class :QLabel

新建文件后，修改mylabel.h中的基类和头文件名

并新加鼠标事件至头文件

//mylabel.h
#ifndef MYLABEL_H
#define MYLABEL_H

#include <QLabel> //修改QWidget->QLabel

class myLabel : public QLabel //修改QWidget -> QLabel
{
   
   
    Q_OBJECT
public:
    explicit myLabel(QWidget *parent = 0);

    //鼠标进入事件
    void enterEvent(QEvent *event);

    //鼠标离开事件
    void leaveEvent(QEvent *event