qt自定义控件(1)

环境:
QtCreator 4.0.2
Qt5.7.0(MSVC 2013, 32bit)

步骤:
1)新建项目qt自定义控件(1)
2)选择qt4 设计师自定义控件
qt自定义控件(1)
3)输入项目名称
qt自定义控件(1)
4)选择编译器
注意:需要记住此时选择的编译器版本, 因为一会我们要把生成的库复制到指定qt目录 MSVC 2013,
qt自定义控件(1)
5)添加控件类
qt自定义控件(1)
6)编辑插件名称
qt自定义控件(1)
7)完成
qt自定义控件(1)
8) 编辑UI文件添加我们需要的控件
注意:
(1)项目根目录下的头文件和源文件不要修改, 这是qt自己生成的插件需要跟我们的项目文件关联用的。
(2)新生成的项目Demo1中没有ui文件, 我们需要把.h和.cpp删除, 重新创建同名带UI的文件即可
qt自定义控件(1)
9.1)创建同名带ui文件(注意先删除同名文件)
qt自定义控件(1)
9.2)创建带UI文件
qt自定义控件(1)
qt自定义控件(1)
qt自定义控件(1)
qt自定义控件(1)
10)在ui中添加所需控件, 这里演示用只添加两个按钮

qt自定义控件(1)
10.1)在.h中添加如下代码
#include <QtDesigner/QDesignerExportWidget>
QDESIGNER_WIDGET_EXPORT
qt自定义控件(1)
11)切换到release版本进行编译
qt自定义控件(1)
12)编译完成后到编译目录找到指定.lib和.dll文件
qt自定义控件(1)
13)复制.dll 和.lib 到qt目录
C:QT\5.7\msvc2013\plugins\designer
C:QT\Tools\QtCreator\bin\plugins\designer

  1. 此时重新打开qt, 新建一个项目就可以看到我们自己定义的控件
    qt自定义控件(1)
  2. 最后需要把.dll .lib .h 引用到新项目中, 否则会编译失败 __