一、创建Qt4 设计师自定义控件项目

Qt--自定义UI控件并集成到Qt Designer_ui


Qt--自定义UI控件并集成到Qt Designer_自定义控件_02


Qt--自定义UI控件并集成到Qt Designer_qt_03


Qt--自定义UI控件并集成到Qt Designer_开发语言_04

完善自定义控件代码,Q_PROPERTY定义的属性之后会出现在Qt Designer属性栏中

Qt--自定义UI控件并集成到Qt Designer_开发语言_05


二、选择Release版本,先qmake,再构建

Qt--自定义UI控件并集成到Qt Designer_自定义控件_06


Qt--自定义UI控件并集成到Qt Designer_qt_07


三、开始集成

1、将release文件夹中的speedboardplugin.dll​libspeedboardplugin.a​文件复制到Qt安装路径下的编译器文件夹下的plugins->designer中

Qt--自定义UI控件并集成到Qt Designer_自定义控件_08


2、将自定义控件源码复制到Qt安装路径下的编译器文件夹中的include文件夹新建的DIY文件夹中

Qt--自定义UI控件并集成到Qt Designer_编译器_09


3、在工程文件(.pro)中添加文件路径

INCLUDEPATH += $$PWD/../../Qt/Qt5.13.2/5.13.2/mingw73_64/include/DIY
DEPENDPATH += $$PWD/../../Qt/Qt5.13.2/5.13.2/mingw73_64/include/DIY

Qt--自定义UI控件并集成到Qt Designer_自定义控件_10


四、开始验证

用Qt Designer打开.ui文件

Qt--自定义UI控件并集成到Qt Designer_qt_11


Qt--自定义UI控件并集成到Qt Designer_开发语言_12


接下来就可以自由拖拽布局了

Qt--自定义UI控件并集成到Qt Designer_编译器_13


还可以通过属性栏修改控件的属性,这是通过Q_PROPERTY开放出来的

Qt--自定义UI控件并集成到Qt Designer_自定义控件_14

自此大功告成!!!