Qt UI界面美化教程1:【“飞扬青云” Qt精美控件】使用教程1
文章目录
- 前言
- 控件预览
- 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 工程预览:
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
D:\Program_Software\Qt5.14.2\5.14.2\msvc2017\plugins\designer
3.4 复制控件到QtCreator使用的designer路径下:
重新打开工程,双击 ui
文件:
如果此处没有出现,请重启电脑试试。