PyQt5中的QtDesigner窗口

1. 简介

Qt Designer 是 PyQt5 中的一款可视化界面设计工具，它允许用户通过拖放部件来设计 GUI 界面，并生成相应的代码。QtDesigner的窗口区域如下所示

2. QtDesigner的MainWindow

主窗口是 Qt Designer 的主界面，包含了工具栏、菜单栏、状态栏等。你可以在主窗口中打开、保存、关闭界面设计文件，以及预览和测试界面效果。

2.1 创建MainWindow

通过Pycharms我们可以打开QtDesigner, Tools ->External Tools->QtDesigner, 如下，我们可以创建一个MainWindow,

2.2 添加组件

在这个窗口中，我们可以添加Label和Line edit, Label的文本改为“用户名”，如下所示

继续添加Label和Line edit, 这个Label改名为密码，并且新增一个Push Button, 改名为登录按钮，这样我们就建立起下面这个界面了。

2.3 预览

在窗口预览里，我们可以有几种不同风格的预览，如下所示

这里我们直接用ctrl+R预览结果如下，

2.4 查看对应的Python代码

结果如下，这些代码是可以直接复制运行的。

2.5 保存窗口并命名为login.ui，如下所示

2.6对ui文件进行转换得到.py原件

对login.ui文件用PyUIC转换为对应的.py文件，这个.py文件就会生成在我们同级目录下，如下所示