本文是我对配置过程的一个记录,学习资料来自于PyQt5配置PyQt5实例UI转换报错

PyQt5的API设计与C++上的Qt很接近,学习PyQt不仅可以快捷地开发出桌面端应用程序,也可以借以学习CQt的API
PyQt5中有两个重要部分:QtDesigner与PyUIC,前者用于设计GUI界面,后者用于将前者生成的.ui文件转换为.py类

一. 确保安装了PyQt5包
  • Qt Designer包含在PyQt5中,而PyQt5就是一个python模块,所以我们可以直接通过“pip3 install PyQt5”安装
  • 也可以使用如下方式安装:
    打开PyCharm,依次点击File-Settings-Project Interpreter-右边的加号-搜索pyqt5-install packages
二、配置Qt Designer和PyUIC

QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_python
QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_实例化_02

  • Name–输入最后工具在菜单中的想呈现名称,比如我这里命名为QTDesigner
  • Program–designer.exe程序的位置,位于当前所用解析器的Lib\site-packages\pyqt5-* tools\designer.exe
  • Working directory–designer.exe工作路径,设置为$ProjectFileDir$

类似地添加PyUIC

  • name----PyUIC

  • Program----PyUIC位于当前解析器的Scripts\pyuic5.exe

  • Arguments----$FileName$ -o $FileNameWithoutExtension$.py

  • Working dirctory----$ProjectFileDir$

注意这里有一个坑,在设置Program这个解释器时,不要使用python/python.exe下这个解释器,会无法解析.ui文件;也不要使用anaconda目录下的解释器python.exe;需要使用anaconda文件夹下的一个批处理文件 – pyuic5.bat

三、简单实例

3.1 使用QtDesigner

在PyCharm中创建一个项目,然后点击“Tools”–“External Tools”–“QTDesinger”打开QT Desinger
然后向Form中拖入一个“Push Button”和一个“Text Edit”

3.2 指定点击事件及其响应函数

在工具栏点击信号-槽编缉按钮----光标移动到“PushButton”按钮上----鼠标左键点击“PushButton”不要松开–拖动光标到Form的任一位置后再松开鼠标左键

经过上边的操作就出现了如下界面,“pushButton”侧选中“click()”,“Form”侧点击“Edit”
在上边“Slots”点击绿色“+”按钮,指定click事件的响应函数,名称随意定比如我这里命名为“pushBtn_click()”

QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_信号槽_03

QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_python_04

信号槽是 Qt 框架引以为豪的机制之一。所谓信号槽,实际就是观察者模式。当某个事件发生之后,比如,按钮检测到自己被点击了一下,它就会发出一个信号(signal)。这种发出是没有目的的,类似广播。如果有对象对这个信号感兴趣,它就会使用连接(connect)函数,意思是,将想要处理的信号和自己的一个函数(称为槽(slot))绑定来处理这个信号。也就是说,当信号发出时,被连接的槽函数会自动被回调。这就类似观察者模式:当发生了感兴趣的事件,某一个操作就会被自动触发。(这里提一句,Qt 的信号槽使用了额外的处理来实现,并不是 GoF 经典的观察者模式的实现方式。)
信号和槽是Qt特有的信息传输机制,是Qt设计程序的重要基础,它可以让互不干扰的对象建立一种联系。
槽的本质是类的成员函数,其参数可以是任意类型的。和普通C++成员函数几乎没有区别,它可以是虚函数;也可以被重载;可以是公有的、保护的、私有的、也可以被其他C++成员函数调用。唯一区别的是:槽可以与信号连接在一起,每当和槽连接的信号被发射的时候,就会调用这个槽。

也即按钮被点击时会发出一个信号,这个信号进行广播,而某个函数连接(connect)到这个信号,就被执行,这个函数被形象地称之为槽函数

3.3 转换.ui文件

关闭QT Designer回到PyCharm,查看项目,可以看到只有刚才保存的PyQT_Form.ui文件而且该文件在PyCharm是打不开的
我们需要将这个文件转成.py代码才能使用
选中刚才生成的.ui文件,在其上点击鼠标右键,到“External Tools”中点击“PyUIC”

QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_实例化_05
程序内容如下

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'createrUiTest.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(400, 300)
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(20, 10, 112, 34))
        self.pushButton.setObjectName("pushButton")
        self.textEdit = QtWidgets.QTextEdit(Form)
        self.textEdit.setGeometry(QtCore.QRect(30, 80, 321, 181))
        self.textEdit.setObjectName("textEdit")

        self.retranslateUi(Form)
        self.pushButton.clicked.connect(Form.pushBtn_clicked)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.pushButton.setText(_translate("Form", "pushBtnText"))

完后再看项目文件,就可以看到多了一个.py
这样界面设计和事件关联就完成了,我们下来选择保存,将文件保存到项目的根目录下

3.4 实现程序

上面的程序完成了ui程序的布局与信号-槽连接,但是还未实现槽函数,也未将这个Ui_Form实例化。因此需要按照一个固定的格式将其实例化

应该来说我们只要在上边的.py中,将需要的包导入—添加pushButton_click()函数实现代码----实例化Ui_Form类,实现这三步程序应该就差不多了
但是.py是PyUIC文件按照.ui生成的,如果我们需要去调整PyQT_Form.ui(比如调整按钮位置调整文本框大小,后续调整界面在实际编程中基本是必然需求)
调整完后重新生成.py时,PyUIC可不会管当前我们已经在.py中写了什么代码,旧.py会直接被新.py覆盖
也就是说,所有逻辑代码我们都不应当写入.py文件(或者叫不要动.py文件),我们新建一个文件在里边创建一个子类(MyPyQT_Form)继承.py中的Ui_Form

在项目中新建一个.py文件,写入如下代码

import sys
# QtWidgets中包含的是一些常用控件以及QApplication等Qt界面组件
from PyQt5.QtWidgets import QApplication, QWidget
from createrUiTest import Ui_Form


class MainWin(QWidget, Ui_Form):
    def __init__(self):
        super(MainWin, self).__init__()  # 本行内容是一个固定的格式
        self.setupUi(self)  # 本行内容是一个固定的格式

    # 实现槽函数,一般这种函数都需要传入参数self以便于操作ui组件
    def pushBtn_clicked(self):
        self.textEdit.setText("你点击了按钮")


if __name__ == '__main__':
    app = QApplication(sys.argv)
    myWin = MainWin()
    myWin.show()
    sys.exit(app.exec_())
    

3.5运行演示

右键运行上面新生成的.py文件
QtDesigner+PyUIC+PyCharm 配置与简单实例笔记_信号槽_06

参考