首页/资讯中心/详情

Qt自定义控件开发/控件分组/集成到QtCreator/拖曳式开发/所见即所得/组态软件开发

Qt自定义控件开发/控件分组/集成到QtCreator/拖曳式开发/所见即所得/组态软件开发
📅 发布时间：2026/6/19 11:33:51

一、前言说明

之前已经写过至少207个控件，不过分组是统一的一个Quc Widgets，近期有用户提到能不能多一些分组，比如仪表盘类别、进度条类别等，关于这个分组，其实之前由于控件数量巨多，已经实现了分门别类存放的，比如仪表盘类的叫gauge目录，进度条类的叫progress目录，而且对应的示例demo也都是按照分组存放的，所以要实现控件集成到Qt设计器中也是分组的，非常容易，只需要在对应plugin.cpp类中将对应分组名称改成对应的分组即可，比如在gaugecarplugin.cpp的group()函数中return QLatin1String("Quc Gauge")，Qt设计器会自动分组，所有这个分组的，会自动合并到一个选项卡中，这样用户拖曳设计的时候就非常方便了，之前是挤在一个分组中，要下拉滚动条选好久，现在直接先定位到分组展开，再拖曳对应的控件即可。

二、效果图

Snipaste_2025-10-31_08-17-37

三、相关地址

  1. 国内站点：https://gitee.com/feiyangqingyun
  2. 国际站点：https://github.com/feiyangqingyun
  3. 个人作品：https://blog.csdn.net/feiyangqingyun/article/details/97565652
  4. 文件地址：https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取码：o05q 文件名：bin_quc.zip

四、功能特点

  1. 超过207个精美控件并持续不断迭代更新升级，种类超多，控件类型极其丰富。
  2. 涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏，flatui、高亮按钮、滑动选择器、农历、广告轮播、饼状图、环形图、时间轴、拓展控件、增强控件等。
  3. 每个类都是独立的一个.h头文件和.cpp实现文件组成，零耦合，不依赖其他文件，方便单个控件独立出来以源码形式集成到项目中，方便直观。
  4. 控件数量远超其他第三方控件库比如qwt集成的控件数量，使用方式也比其简单友好零耦合。
  5. 支持任意Qt版本，亲测Qt4/5/6的所有版本，全部纯Qt编写，QWidget+QPainter绘制。
  6. 支持任意编译器，包括但不限于mingw、msvc、gcc、clang等编译器。
  7. 支持任意操作系统，包括但不限于windows、linux、mac、android、uos、银河麒麟、各种国产linux、嵌入式linux、树莓派、香橙派、全志H3等。
  8. 支持编译生成设计师插件，可直接集成到QtCreator的控件栏中，和自带的控件一样使用，大部分效果只要设置几个属性即可，极为方便。
  9. 支持编译生成独立的非插件形式的动态库文件，体积小，比如嵌入式linux不支持designer只需要动态库的形式。
  10. 每个控件都有一个单独的完整的使用demo，方便参考学习单个控件使用，非常适合初学者。
  11. 提供一个所有控件使用的集成的example，方便快速查看所有控件的效果。
  12. 支持直接源码集成到example的方式，方便编译到安卓，for web套件等。
  13. 支持编译成wasm文件，直接网页运行，可以在谷歌、火狐、edge等浏览器运行，原生性能。
  14. 每个控件的源代码都有详细中文注释，都按照统一设计规范编写，方便学习自定义控件的编写。
  15. 每个控件都内置默认配色，demo对应的配色都非常精美。
  16. 部分控件提供多种样式风格选择，多种指示器样式选择。
  17. 所有控件自适应布局和窗体拉伸变化，自动缩放。
  18. 配套额外的自定义控件属性设计器，类似组态设计器，纯中文属性名称，支持拖曳设计，所见即所得，支持导入导出xml格式。
  19. 集成fontawesome图形字体+阿里巴巴iconfont收藏的几百个图形字体，享受图形字体带来的乐趣。
  20. 所有控件最后生成一个dll动态库文件，可以直接集成到qtcreator中拖曳设计使用。
  21. 控件源码全部分门别类存放，pri模块形式集成，提供控件对照表快速查找对应控件和说明。

五、相关代码

#include "gaugecar.h"
#include "gaugecarplugin.h"#include <QtPlugin>GaugeCarPlugin::GaugeCarPlugin(QObject *parent) : QObject(parent)
{m_initialized = false;
}void GaugeCarPlugin::initialize(QDesignerFormEditorInterface * /* core */)
{if (m_initialized) {return;}// Add extension registrations, etc. herem_initialized = true;
}bool GaugeCarPlugin::isInitialized() const
{return m_initialized;
}QWidget *GaugeCarPlugin::createWidget(QWidget *parent)
{return new GaugeCar(parent);
}QString GaugeCarPlugin::name() const
{return QLatin1String("GaugeCar");
}QString GaugeCarPlugin::group() const
{return QLatin1String("Quc Gauge");
}QIcon GaugeCarPlugin::icon() const
{return QIcon(QLatin1String(":/icon/gaugecar.png"));
}QString GaugeCarPlugin::toolTip() const
{return QLatin1String("");
}QString GaugeCarPlugin::whatsThis() const
{return QLatin1String("");
}bool GaugeCarPlugin::isContainer() const
{return false;
}QString GaugeCarPlugin::domXml() const
{return QLatin1String("<widget class=\"GaugeCar\" name=\"gaugeCar\">\n</widget>\n");
}QString GaugeCarPlugin::includeFile() const
{return QLatin1String("gaugecar.h");
}