PyQt5的安装与Designer的配置使用(实现一个入门Demo，图文详解）

原创已于 2022-06-07 21:59:49 修改 · 4.3k 阅读

23 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Python

于 2022-03-24 23:38:59 首次发布

本文介绍了如何在PyCharm中安装和配置PyQt5，包括通过pip安装PyQt5和PyQt5-tools，配置Designer和PyUIC工具。接着，通过创建一个简单的GUI应用，展示了如何使用QtDesigner设计界面，生成Python代码，并编写事件处理函数实现按钮点击功能。详细步骤帮助读者快速上手PyQt5 GUI编程。

文章目录

1 PyQt包安装

pip install PyQt5 -i https://pypi.mirrors.ustc.edu.cn/simple/
pip install PyQt5-tools -i https://pypi.mirrors.ustc.edu.cn/simple/

在这里插入图片描述

2 Pycharm配置

2.1 创建一个空的Project

命名为PyQtDemo
在这里插入图片描述

2.2 找到包的安装位置

在python安装目录中找到site-packages文件夹，查看是否已安装PyQt
在这里插入图片描述

2.3 找到Qt Designer.exe的安装路径，配置Pycharm

在Lib\site-packages\qt5_applications\Qt\bin找到designer可执行文件，复制其路径。
在这里插入图片描述
在Pycharm设置中，配置Designer扩展工具

配置PyUIC，该工具用于将Designer的ui文件转换为py文件，具体配置参数如下：

Program:python的可执行文件地址
Arguments: -m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
Working directory: $FileDir$

共两个扩展工具
在这里插入图片描述

3 创建一个小案例Demo

3.1 创建第一个视图

在刚刚的项目中创建一个空的demo1.py，然后鼠标右键找到扩展工具，打开QtDesigner
在这里插入图片描述

创建一个Main Window

在这里插入图片描述

创建一个按钮，命名为Btn1
在这里插入图片描述

同理，创建一个Label，并重命名
在这里插入图片描述

保存该界面，命名为MyFirstUI
在这里插入图片描述
保存后如下所示

3.2 生成界面代码

鼠标右键该ui文件，运行扩展工具PyUIC，生成python文件：MyFirstUI.py
在这里插入图片描述

3.3 代码编写

在demo1.py中复制如下代码

import sys
from MyFirstUI import * 

class MyWindow(QtWidgets.QMainWindow, Ui_MainWindow):
    def __init__(self):
        super(MyWindow, self).__init__()
        self.setupUi(self)

    # 定义按钮单击事件
    def onclickA(self):
        print("Hello W")
        self.Label1.setText("Hello world")


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    win = MyWindow()
    win.Btn1.clicked.connect(win.onclickA) # 设置Btn1点击事件
    win.show()
    sys.exit(app.exec_())