Qt学习-5 ＜自定义控件封装＞

原创已于 2023-08-11 10:23:27 修改 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习

于 2023-08-02 11:04:49 首次发布

Qt 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何通过自学方式封装Qt中的QWidgets控件，包括添加新文件、设置界面交互（如QSpinBox与QSlider联动）、声明槽函数和接口实现。作者提供了创建SmallWidget和在其父Widget中使用的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

—— 均为自学笔记，如有错误请指正

1. 右击项目添加新文件

2. 封装 <ui部分>

全局包含选框，可点可不点。< 点了方便下次提升同一控件>
类名写完后点击 "添加" 按钮

点击 "提升" 按钮

3. 若还有其他控件

4. 封装控件功能＆接口实现

第一步：点击按钮1，获取当前的值；点击按钮2，设置为值的一半

SmallWidget::SmallWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::SmallWidget)
{
    ui->setupUi(this);
    //QSpinBox 移动 QSlider跟着移动
    void(QSpinBox:: * spSignal)(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox,spSignal,ui->horizontalSlider,&QSlider::setValue);
    //QSlider 滑动   QSpinBox数字跟着改变
    connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);

}

第二步：在控件的.h文件中，进行槽函数声明 < public下 >

//声明槽函数
    //设置数字
   void  setNum(int num);
   //获取数字
   int getNum();   //注意返回值类型

第三步：在控件的.cpp文件中，对槽函数进行定义 < 不在默认的构造函数中 >

//两个对外提供接口
//设置数字
void  SmallWidget::setNum(int num)
{
    ui->spinBox->setValue(num);

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

}

第四步：在widget.cpp文件中，使用自定义控件

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //点击获取  获取到控件当前的值
    connect(ui->btn_get,&QPushButton::clicked,[=](){
         qDebug() << ui->widget->getNum();  //此时的widget是封装的控件的名称

    });
    //点击设置 获取到控件值的一半
    connect(ui->btn_set,&QPushButton::clicked,[=](){
         ui->widget->setNum(50);  //此时的widget是封装的控件的名称
    });
 }