自定义控件（登陆界面）小案例

我们先是利用布局实现了这样的界面：

然后我们创建一个新的类smallWidge，用来表示上面框起来的那个容器

我们把这个容器提升为widge之后，写上类名是smallWidge

然后写上代码：

#include "smallwidge.h"
#include<QSpinBox>//上下调动框头文件
#include<QSlider>//滑块头文件
#include<QHBoxLayout>
smallWidge::smallWidge(QWidget *parent) : QWidget(parent)
{
    QSpinBox *spin=new QSpinBox(this);
    QSlider *slider=new QSlider(Qt::Horizontal,this);
    QHBoxLayout *hlayout=new QHBoxLayout(this);
    hlayout->addWidget(spin);//把两个控件加入到widge里面
    hlayout->addWidget(slider);
    void (QSpinBox::*onesignal)(int)=&QSpinBox::valueChanged;//因为这个valueChanged函数有两 
                                                             //个所以我们得用户函数指针写一下
    connect(spin,onesignal,slider,&QSlider::setValue);//链接两个控件
    connect(slider,&QSlider::valueChanged,spin,QSpinBox::setValue);//反过来也要链接
}

效果展示：