（QT学习笔记）：自定义控件的封装

• 【说明】：参考视频 https://www.bilibili.com/video/BV1g4411H78N?from=search&seid=6291131983490103239

自定义控件的封装

• 使用的控件组合

右键项目添加新文件

• 增加的新的ui文件

• 在smallWidget.ui

• 在widget.ui

• 选中widget，右键，提升为（选择全局包含，方便下次提升）

• 图中的widget控件类变成smallWidget类型：

• 然后编译运行:

• 在samllWidget.h中定义对外的接口

//设置值
void setData(int val);
//获取值
int getData();

• 在samllWidget.cpp中进行功能的定义

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

    //修改SpinBox  右侧滚动条 跟着移动
    void(QSpinBox:: *spinBoxP)(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox,spinBoxP , [=](int val){
            ui->horizontalSlider->setValue(val);
    });

    //右侧滚动条移动，左侧跟着改变数字
    connect(ui->horizontalSlider,&QSlider::valueChanged , [=](int val){
            ui->spinBox->setValue(val);
    });
}

//设置值
void SmallWidget::setData(int val)
{
    ui->horizontalSlider->setValue(val);

}
//获取值
int SmallWidget::getData()
{
    return ui->horizontalSlider->value();

}

• 在widget.cpp中使用

//点击设置按钮，将小控件设置到一半位置
connect(ui->btn_set,&QPushButton::clicked,[=](){
        ui->widget->setData(50);
});

//点击获取按钮，获取当前显示数字
connect(ui->btn_get,&QPushButton::clicked,[=](){
    qDebug() << ui->widget->getData();
});