PyQt5：使用QtDesigner设置图形界面

1、安装QtDesigner

安装教程在pycharm中安装pyqt5-tools库

 安装完成后，进入到 项目目录\Lib\site-packages\pyqt5_tools 下

 发现和教程中写的并不一样，此处没有QtDesigner

百度了以后，单独安装QtDesigner库 

 安装完成后，进入到 项目目录\Lib\site-packages\QtDesigner 下，可以看到designer.exe

 2.使用QtDesigner设置界面

双击designer.exe打开

创建Widget

 随意拉几个控件，完成界面的设置

 将密码输入框的echoMode设置为Password，这样输入的就是******了

 选择编辑伙伴

点击Label拉到对应的输入框上

使用Ctrl+R可以预览窗口，此时可以使用Alt+A和Alt+P切换跳动两个输入框之间

选择编辑信号/槽

 点住登录按钮拖到Form中

选择click()，点击右侧的编辑按钮 

 添加一个方法

 此时，按F3回到编辑窗口部件状态

这里给登录按钮换个背景图片

 

 ​​​

 

 

 保存为ui文件

3.ui和资源文件转换为py文件

到 项目目录\Scripts 下，可以看到这里就有designer.exe，另外还可以看到有pyuic5.exe和pyrcc5.exe

打开CMD，执行以下命令，生成一个login.py文件

 查看login.py文件

运行这个文件，报如下的错，没有资源文件：

 执行以下命令，生成资源文件.py

 再次运行login.py，报如下错，因为我们还没加check_login这个方法：

 在代码中定义这个方法：

 然后再运行，不报错了，界面打开了，点击登录按钮，出现了提示信息：

4.将几个外部工具添加到pycharm中

在pycharm的setting中找到External Tools，点击+，就可以添加外部工具了

 添加QtDesigner

添加pyuic5，其中参数一栏可以写成 $FileName$ -o $FileNameWithoutExtension$.py -x

 添加pyrcc，其中参数一栏可以写成 $FileName$ -o $FileNameWithoutExtension$_rc.py

 

 至此，就可以直接在pycharm里打开QtDesigner了

 要转换ui或者rc文件至py文件就变的很容易了