大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家介绍的是PyQt GUI构建工具Qt Designer。
痞子衡开博客至今已有好几年,一直以嵌入式开发相关主题的文章为主线,偶尔穿插一些其他技术或工具的介绍,前段时间因为要做一个跟恩智浦MCU启动相关的上位机工具 NXP-MCUBootUtility,网上搜索对比了几个Python下的GUI框架,最终选择了wxPython这个成熟稳定的GUI库,从而接触到wxFormBuilder这个配套wxPython使用的GUI构建工具。苦于网上关于该构建工具的中文资料不多,所以根据自己使用经验写了一篇 《极易上手的可视化wxPython GUI构建工具(wxFormBuilder)》,没想到该篇博客很受欢迎,居然目前是痞子衡博客里阅读量最高的一篇博客,而且也是搜索 wxFormBuilder 关键字出来的中文结果排名第二位的链接,真是万万没想到。
wxPython框架虽然成熟稳定,但是相对最近更火的PyQt框架来说,还是显得古老了一些,控件风格不符合现代审美观,因此痞子衡决定学习一下PyQt的用法,感受下PyQt做出来的界面效果到底如何。根据wxPython学习经验,当然首先要从PyQt的可视化GUI构建工具Qt Designer开始下手,因此便有了本篇博客。
一、Qt Designer工具背景
Qt Designer从名字上来看显然就是久负盛名的跨平台GUI库Qt的配套设计工具。Qt库本身是C++语言实现的;Riverbank公司用Python语言对Qt做了一层封装,封装后便成了Python版GUI库PyQt(目前最新的版本是PyQt5);下面是这两个GUI库的官方主页:
Qt项目官方网站: https://www.qt.io/
PyQt项目官方主页: https://www.riverbankcomputing.com/software/pyqt/intro
Qt的各种UI控件功能均是通过class来实现的,这个链接 https://doc.qt.io/qt-5/classes.html 列出了Qt里的所有class。PyQt5其用法基本与Qt一致,这个链接 https://www.riverbankcomputing.com/static/Docs/PyQt5/module_index.html#ref-module-index 列出了PyQt5里所有的Modules,其中用于设计界面最常用的便是 QtWidgets 模块。
在Qt官网的Tools下面可以看到所有Qt相关的工具,在UI design tools下面可以找到Qt Designer,可见Qt Designer是用于设计GUI界面的工具之一。由于痞子衡介绍的PyQt5下的GUI构建工具,因此本文的Qt Designer并不是直接在Qt官网下载安装的,具体安装方法详见下一章节。
二、Qt Designer快速上手
使用Qt Designer去设计GUI界面可以不用掌握PyQt5里的各个控件class的具体用法,你只需要在Qt Designer软件里添加这些控件即可,下面痞子衡将简介Qt Designer的用法:
2.1软件安装
简单了解PyQt5的