文章目录
- 前言
- 控件预览
- 1. 控件下载
- 2. sdkdemo演示：
- 2.2 工程预览：
- 2.2 sdkdemo演示
- 3. 为QtDesigner安装控件
- 3.1 我们先为MSVC2017_32bit 版本的 qtdesigner 添加控件：
- 3.2 再次打开sdkdemo工程ui文件，发现设计器里还是没有？别怕，请看
- 3.3 QtDesigner 各版本路径对比：
- 3.4 复制控件到QtCreator使用的designer路径下：
- 3.5 为其他版本的 qtdesigner 添加控件：
前言
相信很多小伙伴在使用Qt Widget的过程中都会遇到一个问题，开发出来的界面，丑！丑！丑！当然Qt做界面美化可以用到QSS，需要对前端知识有一定了解，后续本套教程将会做讲解。
本篇文章，我们直接站在巨人（大佬飞扬青云）的肩膀上，使用他开发好的163款自定义控件，请大家一定支持他，去给他小心心，他的个人主页：
码云：https://gitee.com/feiyangqingyun
github：https://github.com/feiyangqingyun
CSDN：https://me.csdn.net/feiyangqingyun
本篇文章只讲述如何在 QtDesigner 安装这些控件。
控件预览
1. 控件下载
下载地址：https://github.com/feiyangqingyun/qucsdk
进入地址，下载到本地：
进行解压：
内容预览：
现在控件SDK我们下载好了，我们怎么使用呢？来，我们一步一步来：
2. sdkdemo演示：
2.2 工程预览：
readme.txt:
1 2 3 4 5 6 7 | INCLUDEPATH += $$PWD/sdk CONFIG(debug, debug|release){ LIBS += -L$$PWD/sdk/ -lqucd } else { LIBS += -L$$PWD/sdk/ -lquc } |
2.2 sdkdemo演示
用Qt打开 sdkdemo.pro
- 选择编译器为 “MSVC2017_32bit”:
- 直接编译“Ctrl+B”，会报错，是正常的，因为我们是用的MSVC方式进行编译
- 打开工程sdk目录：
- 复制相关文件到路径下sdk目录下 （注意我们此时使用MSVC2017_32bit编译的）：
- 再次编译工程，并运行，你会发现成功构建并运行了：
- 我们再打开widget.ui试试：
3. 为QtDesigner安装控件
这里要注意，你的Qt安装了多少个版本的编译器，就有多少个QtDesigner：
3.1 我们先为MSVC2017_32bit 版本的 qtdesigner 添加控件：
- 直接打开
“Designer 5.14.2 (MSVC 2017 32-bit)” 看看效果：
- 来到
“Designer 5.14.2 (MSVC 2017 32-bit)” 文件位置：
- 返回到上一级目录：
- 来到路径
“msvc2017\plugins\designer” 下：
- 复制控件到指定路径下：
- 再次打开设计器，控件已经添加进来了。
- 使用控件进行设计：
3.2 再次打开sdkdemo工程ui文件，发现设计器里还是没有？别怕，请看
1.再次打开
2.原来是此 designer （从
3.3 QtDesigner 各版本路径对比：
QT Creator打开的designer路径：
1 | D:\Program_Software\Qt5.14.2\Tools\QtCreator\bin\plugins\designer |
直接用图标打开的designer路径：
1 | D:\Program_Software\Qt5.14.2\5.14.2\msvc2017\plugins\designer |
3.4 复制控件到QtCreator使用的designer路径下：
重新打开工程，双击
如果此处没有出现，请重启电脑试试。
3.5 为其他版本的 qtdesigner 添加控件：
- MSVC2017_64
- MSVC2015_64
- MINGW730_64
- MINGW730_32
其它版本的控件添加方法一致：
