天天看点

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

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

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

完善自定义控件代码,​

​Q_PROPERTY​

​定义的属性之后会出现在Qt Designer属性栏中

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

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

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

三、开始集成

1、将release文件夹中的​

​speedboardplugin.dll​

​和​

​libspeedboardplugin.a​

​文件复制到Qt安装路径下的编译器文件夹下的plugins->designer中

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

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

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

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

四、开始验证

用Qt Designer打开​

​.ui​

​文件

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

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

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

还可以通过属性栏修改控件的属性,这是通过​

​Q_PROPERTY​

​开放出来的

继续阅读