PyQt-Designer

PyQt5的Designer学习笔记

本文为学习PyQt5的Designer所做的笔记。
以期望通过本次学习使用Designer实现UI设计的简单化。
增加开发效率开发速度，减少代码coding时间。

电脑和包环境

Windows 10
Python 3.7.4
Vscode 1.52
PyQt5 5.15.2
Qt Designer

PyQt5的安装

通过pip命令进行安装PyQt5
pip install PyQt5
通过pip命令安装QtDesigner，结果如下图

pip install pyqt5-tools

安装后通过命令
pip list查看安装包，结果如下图

打开PyQt5

1.打开PyQt5并创建main window

2.界面简介
（1）左侧的“Widget Box”就是各种可以自由拖动的组件
（2）中间的“MainWindow - untitled”窗体就是画布
（3）右上方的"Object Inspector"可以查看当前ui的结构
（4）右侧中部的"Property Editor"可以设置当前选中组件的属性
（5）右下方的"Resource Browser"可以添加各种素材，比如图片，背景等等

PyQt5的使用

1.lable建立，输入Hello，World！
在左侧找到lable标签，拖拽到画布上，然后双击，输入Hello，World！，按回车完成操作。
同时通过拉拽完成显示大小改变。

同理完成button操作

2.更改窗口标题
在右侧对象查看器中找到MainWindow，然后在属性编辑器中找到window title，在值中改为HelloWorld

3.菜单栏的编辑
双击画布左上角“在这里编辑”，然后输入相应内容，回车

4.预览
CTRL+r

5.保存

6.生成Python代码
使用cmd将目录切到D盘并执行下面的命令。请自行将下面命令中的name替换成文件名，比如本例中的“HelloWorld.ui”
pyuic5 -o HelloWorld.py HelloWorld.ui


7.运行