qt ui布局添加自定义控件的方法

最新推荐文章于 2025-10-20 09:52:00 发布
原创 最新推荐文章于 2025-10-20 09:52:00 发布 · 5.3k 阅读 · 21 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在UI布局设计中添加自定义控件，重点讲解了使用继承QWidget的滑动开关自定义控件的过程，包括放置控件、提升控件类型以及确保头文件正确引用的方法。

在ui布局设计中添加自定义控件

我使用的是其他博主写好的滑动开关自定义控件，该控件继承的是QWidget类，所以先在放一个widget控件如下所示
在这里插入图片描述
第二步，图上右边Qwidget类鼠标右键，选择“提升为”，出现以下画面
在这里插入图片描述
但有一点一定要注意，自定义类的头文件路径一定要对，特别是头文件与.cpp文件不在同一目录下，而且默认的头文件是小写，所以要写对头文件路径，否则在ui_mainwindow.h上每次编译都要改，因为ui_mainwindow.h不是工程文件路径下，无法保存。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

Qt自定义控件的创建与初步使用（一）之自定义控件的创建步骤
有志者事竟成
10-12 4268
本篇博客的目的是简单介绍：创建一个用QLabel类来显示图片的自定义控件的编写。如果想实现在图片上绘制文字、箭头和曲线，请参考我的第二篇博客源码！！！给大家一个链接~【Qt自定义控件的创建与初步使用（二）之图片上绘制文字、箭头、曲线 】在写自定义控件的过程中遇到了很多的难题，但都慢慢解决了，本人对Qt自定义控件的认识还不深刻，做的不对的地方，还请大家指出，我会尽快修改，免得误导他人！同时推荐一篇关
QT如何编写和使用自定义控件
zztoll的专栏
09-16 1万+
如果希望自己编写的QT自定义控件被重用，在Windows系统下，可以将控件封装成dll，之后只提供控件的头文件，lib和dlll供使用者调用即可。 开发准备 需要安装QT和VS，我使用的版本：QT 5.14.1 + VS 2017 Community 注意使用此搭配的原因是因为QT 5.14.1安装包中的Qt Creator 4.11.0 (Community)是用VS2017 32 bit编译的，可通过Qt Creator的AboutQt Crea...
Qt 添加自定义控件过程
liuzhanchun的博客
09-04 2498
一、qt编译自定义控件的编译器选择 Qt Creator中编译项目使用的是MinGW/g++编译器，而Qt提供的Qt Creator本身是由MSVC2017编译的，所以Qt Creator中编译的插件无法在Qt Creator中使用，下面是我安装的Qt Creator qt自定义控件应该选择 MSVC2017,32bit 二、创建自定义控件工程 1、选择qt工程 2、选择编译器 3、自定义控件类 4、编写控件 自定义控件参考gitee举例，地址如下 https://gitee.com/liuzhanc
【QT界面设计学习篇】自定义类别的使用
最新发布
qq_54050349的博客
10-20 325
首先创建自定义类别，此类别函数和你需要实现的功能相关，如下创建：因为.ui文件中博主设置了一个类别为QFrame的控件，我们自定义的类别也继承于QFrame类别，因此可以将此控件提升为GridFrame：到此就实现了自定义类别的使用，此控件可以使用QFrame类别与自定义类别GridFrame中的自定义函数。本章节讲述了如何使用自定义类别。
QT——使用.ui文件定义QWidget样式
Be Quick & Clever & Lucky
12-19 1661
QT——使用.ui文件定义QWidget样式在项目中，插入.ui文件应用`.ui` 在项目中，插入.ui文件 右键项目名称，选择“Add New" 选择Qt Designer Form Class或者选择Qt Desiner Form，两者区别主要是，后者只会添加.ui文件，而前者还会添加对应的窗口类文件（已应用.ui）。如果已有定义好的窗口类，可以选择后者，具体应用方式下文会继续介绍。 选...
【QT】 Qt自定义ui控件
zsyyugong的博客
11-06 1942
在使用Qt的ui设计时，Qt为我们提供了标准的窗口控件，但是在很多复杂工程中，标准窗口控件并不能满足所有的需求，这时就需要我们自定义控件。我们自定义的类既可以作为独立的窗口显示，又可以作为一个控件显示。
Qt--自定义控件
SNAKEpc12138的博客
05-24 7284
这里以 SpinBox和HorizontalSlider 组合的自定义控件为例，介绍常规的自定义控件的开发步骤。假设这里有一个Widget项目，作为工作项目。右键项目 -》添加新文件， 选择Qt -》Qt设计器界面类：选择自定义控件的父类：输入自定义控件类的名称：最后会给出添加的文件：添加完成后可以看到.pro文件中自动添加了自定义类的.h .cpp以及ui文件，另外在界面文件中，也多了一个smallwidget.ui文件：然后就可以在smallwidget.ui文件中设计我们的自定义控件了。
Qt精美的常用自定义控件_qt 5.9.8_msvc2015_x32
10-23
在Qt中，自定义控件允许开发者超越标准库提供的组件，创造出符合特定需求或者独特视觉效果的UI元素。这包括但不限于按钮、表格、进度条等，甚至可以是复杂的交互式界面。通过继承QWidgets类或者更高级别的...
Qt精美自定义控件 十套demo源码
07-08
在本文中，我们将深入探讨基于Qt框架的自定义控件设计。Qt是一个强大的跨平台应用程序开发框架，广泛用于创建桌面、移动以及嵌入式系统的用户界面。通过自定义控件，开发者可以创建具有独特视觉效果和功能的组件，以...
Qt自定义控件库.rar
01-15
在Qt中，自定义控件通常是通过继承现有的QWidgets或QQuickItems类并添加自己的功能来实现的。这样做可以让你在保留Qt标准控件的优点的同时，根据项目需求进行定制化设计，比如改变外观、添加特殊功能或是优化性能。 ...
基于Qt4.8自定义控件，IP控件，小白编写
09-23
6. **设计界面**：在Qt Designer中，我们可以将`IPEdit`控件拖放到UI布局中，就像使用其他标准Qt控件一样。 7. **编译和链接**：编译自定义控件的源代码，并在项目的.pro文件中链接生成的库或对象文件。 8. **测试...
Qt下自定义控件的制作与使用
11-03
在Qt设计中UI设计中经常遇到到一些Qt自带的控件不能满足应用的情景，最常用的办法就编写用户自定义的控件。自定义控件通常用两种方法来是实现：一种是继承基本控件类重新自定义一个新控件类，同时具备父控件的属性；另一种办法是直接定义基于QWidget的类，用重绘的办法实现的自定义控件。
Qt-自定义控件
qq_36318563的博客
07-14 3228
1. 提升法创建自定义控件并使用 2. 插件法创建自定义控件并使用
【Qt】编写Qt自定义Ui控件步骤
油炸自行车的博客
09-13 956
新建项目“其它项目 --> Qt4 设计师自定义控件”自定义项目“名称、创建路径”，下一步；选择合适的编译套件，下一步；前文提到过，要选择与 Qt Creator 相对应的编译环境，否则不能在 Qt Creator 中拖放使用。指定自定义控件属性，按下图操作：步骤 2，红框中的创建代码框架复选框，记得勾选；本示例是创建一个自定义按钮，我打算在原上修改，所以控件的基类我填的是；“链接库” 用于复用已有编译好的控件库，没有，这里不选择。插件名称、资源文件名称修改，下一步；
qt使用ui后再用代码方法添加控件_1.3 MyFirstWidget代码讲解及实用编程技巧分享
weixin_39866867的博客
12-08 1282
前两节我们已经安装Qt环境，并且熟悉了QtCreator开发界面。本节接着前面的部分，分析讲解MyFirstWidget代码，并且提供一个非常有用的编程技巧，而且小豆君会在后续的分享中都会 适当的加入一些编程技巧，编程思想等，以方便大家的代码更精简有效。如果有不对的地方，也欢迎大牛们指出。1.3.1 main.cpp2 #include "myfirstwidget.h"34 int main(i...
QT自定义控件并且添加到QT Designer中
wb175208的专栏
07-20 5566
大家在统一的QT项目中进行开发，为了使用统一的主题和界面风格，通常采用QSS来设置统一的风格。但是QSS设置的风格有时也不是我们想要的，达不到我们想要的效果。但是自定义控件可以满足我们的需求，而且把定义好的控件分发到各个项目成员中的Qt Desiner中，每个成员只需要在设计界面的时候，直接拖动就可以了。如下图自定义了一个按钮。 1.首先需要自定义一个按钮控件： #pragma once #include <QtUiPlugin/QDesignerExportWidget> #include
Qt_ui基础（自定义控件)
Cu_002的博客
04-30 1737
1.在父类窗口中添加两个按钮在父类自定义ui中设置两个函数来 获取当前窗口的值 和 设置当前窗口空间的值在父类cpp文件中链接两个按钮与自定义控件的关系//点击设置按钮，将自定义控件设置到一半位置});//点击获取按钮，获取自定义控件当前的值});运行结果。
QT之UI布局
Boooooots的博客
05-12 1556
前言： 上位机的界面是跟用户直接接触的，界面应具有易操作性、简洁美观等优点。 1布局的思路 一个界面上有若干控件，首先按照功能分成不同的小模块，单独的模块布局完成；再将各个模块进行组合布局，完成整体布局。 2 布局方式 布局可采用Layouts控件来实现左右、上下、网格对齐。当界面的控件较少时，可以采用Spacers来占位置，并可以设置它为固定大小或变化大小。 3 界面可自由缩放 若要实现界面自...
QT--UI控件及布局
热门推荐
lzzw的学习之路
08-15 2万+
布局管理器 所谓 GUI 界面，归根结底，就是一堆组件的叠加。我们创建一个窗口，把按钮放上面，把图标放上面，这样就成了一个界面。在放置时，组件的位置尤其重要。我们必须要指定组件放在哪里，以便窗口能够按照我们需要的方式进行渲染。这就涉及到组件定位的机制。 Qt 提供了两种组件定位机制：绝对定位和布局定位。 绝对定位就是一种最原始的定位方法：给出这个组件的坐标和长宽值。 这样，Qt 就知道该把组...
QT在界面添加自定义控件
06-11
### 在 Qt 中将自定义控件添加到界面的方法 在 Qt 中，可以通过编程方式或使用 Qt Designer 来添加自定义控件到界面。以下是两种实现方法的详细介绍： --- #### 方法一：通过代码动态添加自定义控件 当需要在运行时动态创建和添加自定义控件时，可以使用此方法。以下是一个示例代码，展示如何通过代码实现： ```cpp #include <QApplication> #include <QWidget> #include <QVBoxLayout> #include "CustomWidget.h" // 自定义控件类头文件 class MainWindow : public QWidget { Q_OBJECT public: MainWindow(QWidget *parent = nullptr) : QWidget(parent) { // 创建布局 QVBoxLayout *layout = new QVBoxLayout(this); // 创建自定义控件实例 CustomWidget *customWidget = new CustomWidget(this); // 将自定义控件添加到布局中 layout->addWidget(customWidget); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); MainWindow window; window.resize(400, 300); window.show(); return app.exec(); } ``` 在此方法中，自定义控件通过继承 `QWidget` 实现，并且通过 `addWidget()` 方法将其添加到布局中[^1]。 --- #### 方法二：通过 Qt Designer 添加自定义控件 如果希望在设计阶段直接使用自定义控件，可以通过以下步骤实现： 1. **创建自定义控件类** 创建一个继承自 `QWidget` 的自定义控件类，并实现其功能和外观[^1]。 2. **注册自定义控件到 Qt Designer** 使用 `Q_PLUGIN_METADATA` 或 `Q_EXPORT_PLUGIN` 宏将自定义控件注册为插件[^2]。 3. **在 Qt Designer 中使用自定义控件** 打开 Qt Designer，加载包含自定义控件的插件后，可以在左侧控件列表中找到并拖拽自定义控件到设计界面。 4. **设置属性和信号槽连接** 在 Qt Designer 中，可以像其他标准控件一样设置自定义控件的属性，并通过信号槽机制与其交互[^2]。 --- ### 示例：创建并注册一个简单的自定义控件 以下是一个完整的自定义控件示例，包括其注册过程： #### 自定义控件类定义 (`CustomWidget.h`) ```cpp #ifndef CUSTOMWIDGET_H #define CUSTOMWIDGET_H #include <QWidget> class CustomWidget : public QWidget { Q_OBJECT public: explicit CustomWidget(QWidget *parent = nullptr); protected: void paintEvent(QPaintEvent *event) override; private: void drawCustomContent(QPainter &painter); }; #endif // CUSTOMWIDGET_H ``` #### 自定义控件实现 (`CustomWidget.cpp`) ```cpp #include "CustomWidget.h" #include <QPainter> CustomWidget::CustomWidget(QWidget *parent) : QWidget(parent) {} void CustomWidget::paintEvent(QPaintEvent *event) { QPainter painter(this); drawCustomContent(painter); } void CustomWidget::drawCustomContent(QPainter &painter) { painter.setBrush(Qt::blue); painter.drawRect(10, 10, 100, 50); } ``` #### 注册自定义控件为插件 (`customwidgetplugin.cpp`) ```cpp #include <QtPlugin> #include "CustomWidget.h" class CustomWidgetPlugin : public QObject, public QDesignerCustomWidgetInterface { Q_OBJECT Q_INTERFACES(QDesignerCustomWidgetInterface) public: CustomWidgetPlugin(QObject *parent = nullptr) : QObject(parent) {} bool isContainer() const override { return false; } bool isInitialized() const override { return true; } QIcon icon() const override { return QIcon(); } QString domXml() const override { return "<ui language=\"c++\">\n" " <widget class=\"CustomWidget\" name=\"customWidget\">\n" " </widget>\n" "</ui>\n"; } QString group() const override { return "Custom Widgets"; } QString includeFile() const override { return "CustomWidget.h"; } QString name() const override { return "CustomWidget"; } QString toolTip() const override { return "A custom widget"; } QString whatsThis() const override { return "A custom widget for demonstration"; } QWidget *createWidget(QWidget *parent) override { return new CustomWidget(parent); } void initialize(QDesignerFormEditorInterface *core) override {} }; Q_EXPORT_PLUGIN2(customwidgetplugin, CustomWidgetPlugin) ``` --- ### 注意事项 - 确保自定义控件的头文件路径正确，以便 Qt Designer 能够找到并加载插件。 - 如果不希望使用插件机制，可以直接通过代码动态创建和添加自定义控件。 - 在设计阶段使用自定义控件时，可能需要重新启动 Qt Designer 以加载最新的插件。 ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值