07 Qt自定义控件

在搭建Qt窗口界面的时候，在一个项目中很多窗口，或者是窗口中的某个模块会被经常性的重复使用。一般遇到这种情况我们都会将这个窗口或者模块拿出来做成一个独立的窗口类，以备以后重复使用。

首先需要通过项目添加C++类，继承于QWidget,并在类中实现控件的逻辑及布局。

示例代码如下：

// smallwidget.h

// smallwidget.h
#ifndef SMALLWIDGET_H
#define SMALLWIDGET_H

#include <QWidget>
#include <QSpinBox>
#include <QSlider>
#include <QHBoxLayout>
class SmallWidget : public QWidget
{
    Q_OBJECT
public:
    explicit SmallWidget(QWidget *parent = 0);
    ~SmallWidget();
private:
    QSpinBox* spin;
    QSlider* slider;
signals:

public slots:
};

#endif // SMALLWIDGET_H

//smallwidget.c

#include "smallwidget.h"

SmallWidget::SmallWidget(QWidget *parent) : QWidget(parent)
{
    spin = new QSpinBox(this);
    slider = new QSlider(Qt::Horizontal, this);

    // 创建布局对象
    QHBoxLayout* layout = new QHBoxLayout;
    // 将控件添加到布局中
    layout->addWidget(spin);
    layout->addWidget(slider);
    // 将布局设置到窗口中
    setLayout(layout);

    // 使用强转，添加信号与槽
    connect(spin,
     static_cast<void (QSpinBox::*)(int)>(&QSpinBox::valueChanged),
     slider, &QSlider::setValue);

    connect(slider, &QSlider::valueChanged,
     spin, &QSpinBox::setValue);
}

紧接着打开Qt的.ui文件,因为SmallWidget是派生自Qwidget类,所以需要在ui文件中先放入一个QWidget控件, 然后再上边鼠标右键

弹出提升窗口部件对话框，添加要提升的类的名字,然后选择 添加，注意此时全局包含需要勾上，方便下次提升：

添加之后,类名会显示到上边的列表框中,然后单击提升按钮,完成操作.

我们可以看到, 这个窗口对应的类从原来的QWidget变成了SmallWidget