初学可视化PyQt5-Qt设计器快速入门

【初学可视化PyQt5系列】

第1章 PyQt5 简介
第2章 PyQt5 新增功能
第3章 Hello my four rotor drone
第4章 PyQt5 主要类
第5章 PyQt5 使用Qt设计器
第6章 PyQt5 信号与插槽
第7章 PyQt5 布局与管理
第8章 PyQt5 基本小部件
第9章 PyQt5 QDialog类
第10章 PyQt5 QMessageBox类
第11章 PyQt5 多文档界面
第12章 PyQt5 拖放
第13章 PyQt5 数据库处理
第14章 PyQt5 绘图API
第15章 PyQt5 BrushStyle常量
第16章 PyQt5 QClipboard
第17章 PyQt5 QPixmap类
第18章 PyQt5 可视化案例–无人机实时飞行姿态数据显示仪表板

---

---

前言

今天开始学习 Qt设计器。 欢迎各位小伙伴欢迎各位小伙伴关注、赞赞、留言和收藏。
掌握Qt designer 将极大方便并加快我们的UI 开发设计步伐。

---

一、Qt Designer 的安装与打开

1.安装PyQt5 以及Qt designer：

windows平台下 win+R →cmd→

pip install PyQt5
pip install pyqt5-tools

如果安装过程中遇到，因网络卡，网络安全等问题导致的安装中断，请参考下面这篇博文解决。
《初学可视化PyQt5-简介及安装问题处理方法》中关于问题的解决办法相关部分。

2.测试安装是否成功
命令行窗口输入：python
接着再 输入 import PyQt5
最后在虚拟环境的命令行输入：designer 回车后会出现Qt designer的软件界面
或者在电脑python的安装文件夹（D:*****\Programs\Python\Python311\Lib\site-packages\qt5_applications\Qt\bin）中找到这个designer.exe文件双击打开也行.

打开的Qt 设计师界面如下：

二、PyQt5和Qt Designer的开发工作流程

一般来说使用PyQt5和Qt Designer的工作流程通常如下：

1. 使用Qt Designer创建界面布局，并保存为.ui文件。

2. 使用PyQt5中的工具（如pyuic）将.ui文件转换为Python代码。

   #常用命令如下，其中，input.ui是您保存的.ui文件的路径，output.py是转换后生成的Python代码的路径。
   pyuic5 input.ui -o output.py

3. 在Python代码中使用生成的界面类，添加功能和逻辑。

4. 运行Python代码，显示和交互界面。

5. 打包部署
   我们最终希望交给用户是一个纯粹的exe可执行文件（可以包含一些dll之类的动态库或配置文件），用户不需要安装Python依赖，直接双击就可以运行展示。下面我们来实现最后的这个环节。
   以windows平台为例，打包工具的安装方法如下：

pip install pyinstaller
pip install auto-py-to-exe

三、用Qt -designer 随便画一个界面

1.在界面中间主窗口拖拉放置各种控件，编辑修改下，就可以做一个简单的界面，然后保存为一个“****.ui”文件（根据个人需要起名）
2.在文件所在保存目录执行如下命令，转换为python 类程序，如下图所示
pyuic5 GUI_无人机飞行姿态显示.ui -o drone_gui.py
3.编写一个简单的python主程序调用上一步生成的类程序
4.运行下程序
如上四步，就简单走完了应用Qt designer加快UI开发的流程。
哈哈，下一步继续丰富UI显示，联调python数据交互😊

简单主程序如下：

---

总结

以上就是今天分享的关于Qt designer主要内容，简单分享了Qt designer 对于GUI开发的流程，作为新手，中间很可能会遇到很多bug，不过耐心检查最终肯定会成功的。欢迎各位小伙伴关注、赞赞、留言和收藏。