Qt自定义界面组件(2)----创建设计师自定义组件

目录

1、前言

2、版本

3、Qt安装

4、创建自定义控件

5、使用自定义控件

---

1、前言

本文总结了创建设计师自定义组件并集成到Qt设计师中的详细过程。

2、版本

我已经安装了MSVC2015，使用Qt创建的Widget插件，若要在Qt Creator的UI设计器里正常显示，编译插件的编译器必须和编译Qt Creator的版本一致。这里我们使用Qt5.9.1进行操作，该版本的Qt Creator是由32位的MSVC2015编译成的（单击Qt Creator的“Help”->“About Qt Creator”菜单，出现的对话框里会显示）；所以为了能在Qt Creator里设计窗体时能够正常显示，只能使用Qt 5.9.1 MSVC2015 32bit编译器。

在Qt5.8以前，Qt的windows安装包是区分32位和64位的，如下图所示：

从Qt5.9开始，Qt的windows安装包把32位和64位合并为一个了，只有x86的exe安装包（在安装的时候可以勾选版本），如下图所示：

3、Qt安装

现在Qt官网已经不再支持开源离线安装包了，想要直接下载安装包比较麻烦，不过我已经保存下来了，迅雷云盘链接，提取码kjya；下载时将32位和64位都勾选上，如图：

4、创建自定义控件

Qt Creator中点击新建文件或项目->其它项目->Qt4设计师自定义控件：

输入项目名称（注意不要使用CustomWidget，因为有QDesignerCustomWidgetInterface这个类），点击下一步 ：

选择和Qt Creator编译版本相同的32bit：

点击下一步：

说明页签里面可以设置自定义组件在组件面板里的分组名称，还可以设置工具提示和其它信息。

下一步：

下一步，点完成，最终结构如图：

在Release模式下，右键项目，清除，执行qmake，重新构建，编译成功后，会在编译目录下生成dll和lib文件，如下图：

把dll和lib文件复制到Qt安装目录下的plugin/designer路径下，比如我Qt Creator安装是下面的路径：

D:\Qt\Qt5.9.1\Tools\QtCreator\bin\plugins\designer

这样，我们就完成了设计师自定义组件的创建。 

5、使用自定义控件

重新打开Qt Creator软件，新建一个Qt Widgets Application项目，就能在设计UI界面看到新添加的自定义控件，分组名为我设置的My Widgets：

拖拽添加后，编译报错：

 

将如下3个文件添加到工程中，即可编译通过：

在新建的pro文件中添加如下代码：

include (MyCustomWidget.pri)

右键工程，清除，执行qmake，重新构建即可。