Qt 自定义控件（使用提升的方法）

最新推荐文章于 2025-09-13 16:07:22 发布

原创最新推荐文章于 2025-09-13 16:07:22 发布 · 2.5k 阅读

11 ·

CC 4.0 BY-SA版权

Qt编程专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍如何在Qt中通过代码自定义控件，包括创建SmallWidget类，使用QSpinBox和QSlider，以及如何将自定义控件集成到UI中，并实现信号与槽的连接，确保控件间的互动。

不用布局管理器中的ui，而是自定义控件（即用代码实现）。
注意点：
1.ui的控件和自定义控件的基类要一样
2.选中ui控件，右击–>提升

例：自定义以下控件：
在这里插入图片描述

在这里插入图片描述

然后开始写代码：

#include "smallwidget.h"
#include<QSpinBox>
#include<QSlider>
#include<QHBoxLayout>
SmallWidget::SmallWidget(QWidget *parent) : QWidget(parent)
{
    QSpinBox*spin=new QSpinBox(this);
    QSlider*slider=new QSlider(Qt::Horizontal,this);

    //把控件添加到布局中
    QHBoxLayout*layout=new QHBoxLayout(this);
    layout->addWidget(spin);
    layout->addWidget(slider);

}

接下来在ui中创建一个容器控件widget；
在这里插入图片描述
接下来

提升以后会发现：原来widget_4是QWidget类的对象，现在变成了SmallWidget类的对象；

这样就完成了控件的自定义，效果如下：

最后加上信号和槽函数：

#include "smallwidget.h"
#include<QSpinBox>
#include<QSlider>
#include<QHBoxLayout>
SmallWidget::SmallWidget(QWidget *parent) : QWidget(parent)
{
    QSpinBox*spin=new QSpinBox(this);
    QSlider*slider=new QSlider(Qt::Horizontal,this);

    //把控件添加到布局中
    QHBoxLayout*layout=new QHBoxLayout(this);
    layout->addWidget(spin);
    layout->addWidget(slider);

    //加上信号和槽
    connect(spin,static_cast<void(QSpinBox::*)(int)>(&QSpinBox::valueChanged),//QSpinBox-->F1-->Signals会发现valueChanged有重载
             slider,&QSlider::setValue);
    connect(slider,&QSlider::valueChanged,spin,&QSpinBox::setValue);



}

上面遇到信号或槽函数存在重载时，除了强制类型转换外还可以自定义函数指针来解决：

    void (QSpinBox::*funcPtr1)(int)=&QSpinBox::valueChanged;//自定义函数指针
    connect(spin,funcPtr1,slider,&QSlider::setValue);

在这里插入图片描述