自学内容网 自学内容网

QT自定义控件封装

QT自定义控件封装

1.概述

这篇文章介绍如何创建UI文件,通过自定义方式将两个控件联动起来,实现自定义功能。

2.创建UI文件

新建一个widget的普通项目,然后在项目名称上右键选择And New... 新建文件,然后选择QT 再选择Qt Designer Form Class
在这里插入图片描述
选择Widget 界面,点击下一步
在这里插入图片描述
给类起一个名字
在这里插入图片描述
点击下一步,点击完成。smallwidget.ui页面创建完成。
在这里插入图片描述

3.封装控件

1.添加控件

在smallwidget.ui页面添加 Spin boxhorizontalSlider 两个控件。
在这里插入图片描述

2.提升为控件

将我们自定义的smallwidget.ui控件提升为widget.ui的部件,也就是将我们自己创建的文件作为子文件添加到父文件中。

在这里插入图片描述
操作步骤如下
首先查看smallWidget的类型是什么,这里显示是QWidget
在这里插入图片描述

打开widget.ui文件,然后添加一个和smallWidget一样的类型的控件,也就是widget
在这里插入图片描述
widget控件上右键,选择Promote to 也就是提升为部件。
在这里插入图片描述
输入SmallWidget 类名称,点击 Global include ,点击Add,如下图将它提升为部件。
在这里插入图片描述

点击Promote,如下图
在这里插入图片描述
窗口右侧对象中变成了SmallWidget
在这里插入图片描述

2.自定义控件功能

smallWidget.cpp 文件中将两个控件进行关联,实现一个控件改变数值,另一个控件跟随改变数值。

#include "smallwidget.h"
#include "ui_smallwidget.h"

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);


}

SmallWidget::~SmallWidget()
{
    delete ui;
}

在这里插入图片描述


原文地址:https://blog.csdn.net/m0_38039437/article/details/143711811

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!