Qt的自定义控件

客官°小女子只卖身不卖艺 2024-04-08 10:58 67阅读 0赞

功能类似于WPF的UserControl,，具体步骤如下：

1、首先，新建一个项目。然后添加Qt设计师界面类。如下所示：

![66b66336f72b4ec2a593ddbb592963e9.png][]2、选择模板，这里使用widget

![dd3552e3263f4d2cb8729c55e9949895.png][]

3、然后给你的控件起个名字，比如MyWidget。

![47505d1bf45e495abc2f2c732cdc6f18.png][]

4/5创建完成以后，会直接来到[UI设计][UI]界面。我们往里面拖一个Spin Box和Horizontal Slider。然后把控件弄到你想要的大小：

![1b23f0859be14d14b9f71032672477e6.png][]

5、然后在你的widget.ui中拖一个Container下面的Widget出来。

![819840bf7d7e457ba1d523a3119b9886.png][] 6 、然后选中右击它有一个提升为如下：输入类名，注意不要填错了。然后点击添加即可，最后点击提升就完成了你自定义控件的使用了。

![4e2d090cbe224d58a97c1d5524e79a60.png][]

![68d43ea1d1c04e9e8cf830fabdc82d81.png][]

此时，你运行你的程序就可以看到如下所示的效果。

![934e32ba562e46629ea594f3ea1b75ed.png][]

7、我们想拖动Slider来改变Spin Box的值以及改变Spin Box的值，Slider就会滑动。那么我们就需要在自定义控件的构造函数中连接信号槽。如下所示：

//mywidget.cpp文件
    #include "mywidget.h"
    #include "ui_mywidget.h"
     
    MyWidget::MyWidget(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::MyWidget)
    {
        ui->setupUi(this);
        void (QSpinBox::  * p) (int) = &QSpinBox::valueChanged; // 因为valueChanged函数有重载
        connect(ui->spinBox,p,ui->horizontalSlider,&QSlider::setValue);
        connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);
    }
     
    MyWidget::~MyWidget()
    {
        delete ui;
    }

参考：

[Qt自定义控件\_zy010101的博客-CSDN博客\_qt自定义控件][Qt_zy010101_-CSDN_qt]

[66b66336f72b4ec2a593ddbb592963e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/f605c73e5b4a41eb86419d265ea25875.png
[dd3552e3263f4d2cb8729c55e9949895.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/c7320426e27d4c439b233f8a3e9dba00.png
[47505d1bf45e495abc2f2c732cdc6f18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/cde74e503d1b4b62a93a86653445ce70.png
[UI]: https://so.csdn.net/so/search?q=UI%E8%AE%BE%E8%AE%A1&spm=1001.2101.3001.7020
[1b23f0859be14d14b9f71032672477e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/4b5bcb65afbd475aab2330bf12a5a979.png
[819840bf7d7e457ba1d523a3119b9886.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/00794daca1af44fb9ff981ccfda53edc.png
[4e2d090cbe224d58a97c1d5524e79a60.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/51f2b5453970463f807abc591b2bce5c.png
[68d43ea1d1c04e9e8cf830fabdc82d81.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/8fc470da32d54e37b7b4b67e68142cf7.png
[934e32ba562e46629ea594f3ea1b75ed.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/8c5c656a27d54a628dfcea222a60fb3a.png
[Qt_zy010101_-CSDN_qt]: https://blog.csdn.net/zy010101/article/details/105421235/