文章目录

前言
控件预览
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:

INCLUDEPATH += $$PWD/sdkCONFIG(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.再次打开 sdkdemo.pro，然后双击ui文件：

2.原来是此 designer （从 qt creator 打开ui文件）非彼 designer（直接用 “Designer 5.14.2 (MSVC 2017 32-bit)” 打开ui文件）

3.3 QtDesigner 各版本路径对比：

QT Creator打开的designer路径：

D:\Program_Software\Qt5.14.2\Tools\QtCreator\bin\plugins\designer

直接用图标打开的designer路径：

D:\Program_Software\Qt5.14.2\5.14.2\msvc2017\plugins\designer

3.4 复制控件到QtCreator使用的designer路径下：

重新打开工程，双击 ui 文件：

如果此处没有出现，请重启电脑试试。

3.5 为其他版本的 qtdesigner 添加控件：

MSVC2017_64
MSVC2015_64
MINGW730_64
MINGW730_32

其它版本的控件添加方法一致：

Qt UI界面美化教程1：【“飞扬青云” Qt精美控件】使用教程1相关推荐

Qt界面美化-飞扬青云自绘控件插件的使用-避免采坑
1.先上一个集成到QtCreater中的效果图: 2.飞扬青云自绘控件插件下载地址:https://gitcode.net/mirrors/feiyangqingyun/qucsdk?utm_sour ...
PyQt5学习心得（五）入门提高——UI界面美化
上一集所介绍的自定义控件的内容,大家可能意犹未尽,但我只能写那么多内容,因为我自己也才到达那个程度,其他更深的内容还需要在今后的学习中不断去提高.那么,我今天想给大家介绍的内容是关于UI界面美化的,就 ...
SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
【Qt开发笔记】Qt自定义控件开发与使用，自定义控件实现容器与控件内布局
1.开发环境 Qt版本:Qt 4.8.7 编译器:MinGw 系统:Windows 2.创建Qt4自定义控件创建一个Qt自定义控件工程. 工程名为Custom. 控件类取名Custom. 然后完成创 ...
CAD制图教程：多跑楼梯对话框控件说明及工程实例
上一节建筑CAD制图教程中小编给大家介绍了浩辰CAD建筑软件中绘制多跑楼梯的相关操作技巧,为了让各位CAD制图初学入门者对此有更深入的了解,接下来的建筑CAD制图教程就让小编来给大家介绍一下国产CAD ...
Qt QSS界面美化
一.功能介绍 1.根据刘典武大佬和网上查询的资料,进行更改 https://gitee.com/feiyangqingyun/QWidgetDemo#https://gitee.com/feiyang ...
6、Qt QSS界面美化
一.功能介绍 1.根据刘典武大佬和网上查询的资料,进行更改 https://gitee.com/feiyangqingyun/QWidgetDemo#https://gitee.com/feiyang ...
qt ui界面无法移动控件_使用qt 键盘上的方向键只能控制ui界面上的按钮选择，不能实现我设定的功能...
已结贴√ 问题点数:20 回复次数:2 使用qt 键盘上的方向键只能控制ui界面上的按钮选择,不能实现我设定的功能我做的是一个贪吃蛇游戏,现在我想实现的功能是:按下键盘上的上下左右箭头的方向按键时, ...
qt ui界面加入qsplitter_UI 文件设计与运行机制
上一篇通过一个 "Hello World" 实例,演示了在 Qt Creator 里创建应用程序.设计窗体界面.编译和运行程序的基本过程.这一篇将介绍可视化设计的 UI 界面文件的 ...

Qt UI界面美化教程1：【“飞扬青云” Qt精美控件】使用教程1